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

package/bundles/senior-gestao-empresarial-angular-components.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('primeng/breadcrumb'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('moment'), require('@seniorsistemas/angular-components'), require('@angular/common/http'), require('primeng/api'), require('@ngx-translate/core'), require('@seniorsistemas/platform-components'), require('@seniorsistemas/senior-platform-data'), require('@angular/forms'), require('@stomp/stompjs'), require('sockjs-client'), require('js-cookie')) :
-    typeof define === 'function' && define.amd ? define('@senior-gestao-empresarial/angular-components', ['exports', '@angular/core', '@angular/common', 'primeng/breadcrumb', '@angular/router', 'rxjs', 'rxjs/operators', 'moment', '@seniorsistemas/angular-components', '@angular/common/http', 'primeng/api', '@ngx-translate/core', '@seniorsistemas/platform-components', '@seniorsistemas/senior-platform-data', '@angular/forms', '@stomp/stompjs', 'sockjs-client', 'js-cookie'], factory) :
-    (global = global || self, factory((global['senior-gestao-empresarial'] = global['senior-gestao-empresarial'] || {}, global['senior-gestao-empresarial']['angular-components'] = {}), global.ng.core, global.ng.common, global.breadcrumb, global.ng.router, global.rxjs, global.rxjs.operators, global.moment_, global.angularComponents, global.ng.common.http, global.api, global.core$1, global.platformComponents, global.seniorPlatformData, global.ng.forms, global.stompjs, global.SockJS, global.jsCookie));
-}(this, (function (exports, core, common, breadcrumb, router, rxjs, operators, moment_, angularComponents, http, api, core$1, platformComponents, seniorPlatformData, forms, stompjs, SockJS, jsCookie) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('primeng/breadcrumb'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('moment'), require('@seniorsistemas/angular-components'), require('@angular/common/http'), require('primeng/api'), require('@ngx-translate/core'), require('@seniorsistemas/platform-components'), require('primeng/tooltip'), require('primeng/dialog'), require('@angular/animations'), require('@angular/forms'), require('@seniorsistemas/senior-platform-data'), require('@stomp/stompjs'), require('sockjs-client'), require('js-cookie')) :
+    typeof define === 'function' && define.amd ? define('@senior-gestao-empresarial/angular-components', ['exports', '@angular/core', '@angular/common', 'primeng/breadcrumb', '@angular/router', 'rxjs', 'rxjs/operators', 'moment', '@seniorsistemas/angular-components', '@angular/common/http', 'primeng/api', '@ngx-translate/core', '@seniorsistemas/platform-components', 'primeng/tooltip', 'primeng/dialog', '@angular/animations', '@angular/forms', '@seniorsistemas/senior-platform-data', '@stomp/stompjs', 'sockjs-client', 'js-cookie'], factory) :
+    (global = global || self, factory((global['senior-gestao-empresarial'] = global['senior-gestao-empresarial'] || {}, global['senior-gestao-empresarial']['angular-components'] = {}), global.ng.core, global.ng.common, global.breadcrumb, global.ng.router, global.rxjs, global.rxjs.operators, global.moment$2, global.angularComponents, global.ng.common.http, global.api, global.core$1, global.platformComponents, global.tooltip, global.dialog, global.ng.animations, global.ng.forms, global.seniorPlatformData, global.stompjs, global.SockJS, global.jsCookie));
+}(this, (function (exports, core, common, breadcrumb, router, rxjs, operators, moment$2, angularComponents, http, api, core$1, platformComponents, tooltip, dialog, animations, forms, seniorPlatformData, stompjs, SockJS, jsCookie) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -400,7 +400,7 @@
         return ErpLookupsService;
     }());
 
-    var moment = moment_;
+    var moment = moment$2;
     /** Filter System Query Option - Operators supported in the expression language */
 
     (function (EnumLogicalOperator) {
@@ -7712,226 +7712,220 @@
         return ErpLookupsModule;
     }());
 
-    var StorageService = /** @class */ (function () {
-        function StorageService() {
-            this.GET_USER_ID = seniorPlatformData.user.getUserData().then(function (user) { return user.id; });
+
+    (function (ThumbnailSize) {
+        ThumbnailSize["Small"] = "small";
+        ThumbnailSize["Medium"] = "medium";
+        ThumbnailSize["Large"] = "large";
+    })(exports.ThumbnailSize || (exports.ThumbnailSize = {}));
+
+    var ThumbnailService = /** @class */ (function () {
+        function ThumbnailService() {
         }
-        StorageService.prototype.store = function (key, value) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _a, _b;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            _b = (_a = localStorage).setItem;
-                            return [4 /*yield*/, this.GET_USER_ID];
-                        case 1:
-                            _b.apply(_a, [(_c.sent()) + "_" + key, JSON.stringify(value)]);
-                            return [2 /*return*/];
+        ThumbnailService_1 = ThumbnailService;
+        ThumbnailService.prototype.getBinaryFile = function (img) {
+            var _this = this;
+            return new Promise(function (resolve) {
+                var getOrientation = _this.getOrientation.bind(_this);
+                var http = new XMLHttpRequest();
+                http.addEventListener("load", function () {
+                    if (http.readyState === 4 && (http.status === ThumbnailService_1.HTTP_STATUS_OK || http.status === 0)) {
+                        var orientation_1 = getOrientation(http.response);
+                        http = null;
+                        resolve(orientation_1);
                     }
                 });
+                http.addEventListener("error", function () {
+                    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);
             });
         };
-        StorageService.prototype.get = function (key) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _a, _b, _c, _d;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
-                        case 0:
-                            _b = (_a = JSON).parse;
-                            _d = (_c = localStorage).getItem;
-                            return [4 /*yield*/, this.GET_USER_ID];
-                        case 1: return [2 /*return*/, _b.apply(_a, [_d.apply(_c, [(_e.sent()) + "_" + key])]) || {}];
+        /**
+         * 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.
+         */
+        ThumbnailService.prototype.getOrientation = function (file) {
+            var view = new DataView(file);
+            if (view.getUint16(0, false) !== ThumbnailService_1.JPEG_MARKER) {
+                return ThumbnailService_1.NOT_JPEG;
+            }
+            var length = view.byteLength;
+            var offset = ThumbnailService_1.INITIAL_OFFSET;
+            while (offset < length) {
+                var marker = view.getUint16(offset, false);
+                offset += ThumbnailService_1.INITIAL_OFFSET;
+                if (marker === ThumbnailService_1.EXIF_MARKER) {
+                    var orientation_2 = this.extractOrientationFromExif(view, offset);
+                    if (orientation_2 !== null) {
+                        return orientation_2;
                     }
-                });
-            });
+                    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;
         };
-        return StorageService;
+        ThumbnailService.prototype.extractOrientationFromExif = function (view, initialOffset) {
+            var offset = initialOffset;
+            offset += ThumbnailService_1.INITIAL_OFFSET;
+            if (view.getUint32(offset, false) !== ThumbnailService_1.EXIF_SIGNATURE) {
+                return null;
+            }
+            offset += ThumbnailService_1.EXIF_OFFSET;
+            var little = view.getUint16(offset, false) === ThumbnailService_1.LITTLE_ENDIAN_MARKER;
+            offset += view.getUint32(offset + 4, little);
+            var tags = view.getUint16(offset, little);
+            offset += ThumbnailService_1.INITIAL_OFFSET;
+            for (var i = 0; i < tags; i++) {
+                var 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;
+        };
+        var ThumbnailService_1;
+        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([
+            core.Injectable()
+        ], ThumbnailService);
+        return ThumbnailService;
     }());
 
-    var moment$1 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
-    var FiltersStorageService = /** @class */ (function (_super) {
-        __extends(FiltersStorageService, _super);
-        function FiltersStorageService() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.FILTERS_KEY = "SENIOR_FILTERS";
-            return _this;
+    var ThumbnailComponent = /** @class */ (function () {
+        function ThumbnailComponent(thumbnailService) {
+            this.thumbnailService = thumbnailService;
+            this.fallback = false;
+            this.id = "s-thumbnail-" + ThumbnailComponent_1.getNextId();
+            this.size = exports.ThumbnailSize.Medium;
+            this.iconClass = "far fa-image";
+            this.hasAction = false;
+            this.actionIconClass = "fas fa-camera";
+            this.isTile = false;
+            this.isBrand = false;
+            this.ngUnsubscribe = new rxjs.Subject();
         }
-        FiltersStorageService.prototype.storeFilters = function (key, filters) {
-            return __awaiter(this, void 0, void 0, function () {
-                var store;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, _super.prototype.get.call(this, this.FILTERS_KEY)];
-                        case 1:
-                            store = (_a.sent()) || {};
-                            this.removeEmptyValues(filters);
-                            store[key] = filters;
-                            return [4 /*yield*/, _super.prototype.store.call(this, this.FILTERS_KEY, store)];
-                        case 2:
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        FiltersStorageService.prototype.getFilters = function (key) {
-            return __awaiter(this, void 0, void 0, function () {
-                var store;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, _super.prototype.get.call(this, this.FILTERS_KEY)];
-                        case 1:
-                            store = (_a.sent()) || {};
-                            return [2 /*return*/, store[key] || {}];
-                    }
-                });
-            });
+        ThumbnailComponent_1 = ThumbnailComponent;
+        ThumbnailComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
         };
-        FiltersStorageService.prototype.removeFilter = function (key) {
-            return __awaiter(this, void 0, void 0, function () {
-                var store;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, _super.prototype.get.call(this, this.FILTERS_KEY)];
-                        case 1:
-                            store = (_a.sent()) || {};
-                            delete store[key];
-                            return [4 /*yield*/, _super.prototype.store.call(this, this.FILTERS_KEY, store)];
-                        case 2:
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
+        ThumbnailComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            if (this.imgEl) {
+                this.imgEl.nativeElement.addEventListener("load", function () {
+                    rxjs.from(_this.thumbnailService.getBinaryFile(_this.imgEl.nativeElement))
+                        .pipe(operators.takeUntil(_this.ngUnsubscribe))
+                        .subscribe(function (orientation) { return (_this.orientation = orientation); });
                 });
-            });
+            }
         };
-        FiltersStorageService.prototype.clearFilterValue = function (key, filters) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.storeFilters(key, filters)];
-                        case 1:
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            });
+        ThumbnailComponent.getNextId = function () {
+            var id = ThumbnailComponent_1.nextId;
+            ThumbnailComponent_1.nextId++;
+            return id;
         };
-        FiltersStorageService.prototype.removeEmptyValues = function (filters) {
-            var _this = this;
-            Object.keys(filters).forEach(function (field) {
-                if (_this.isInvalid(filters[field])) {
-                    delete filters[field];
-                }
-            });
+        ThumbnailComponent.prototype.getImageAltText = function () {
+            var altText = this.imageAlt || '';
+            // Remove a palavra "image" ou "imagem" para evitar redundância
+            return altText.replace(/\bimage\b/gi, '').replace(/\bimagem\b/gi, '').trim();
         };
-        FiltersStorageService.prototype.isInvalid = function (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;
+        ThumbnailComponent.prototype.onImageError = function () {
+            this.fallback = true;
         };
-        FiltersStorageService.prototype.removeInvalidValues = function (values, fields) {
-            if (!values) {
-                return {};
-            }
-            Object.keys(values).forEach(function (fieldValue) {
-                var field = fields.find(function (it) { return it.name == fieldValue; });
-                if (field) {
-                    var val = values[fieldValue];
-                    if (!val)
-                        return;
-                    switch (field.type) {
-                        case angularComponents.FieldType.Integer:
-                        case angularComponents.FieldType.Double:
-                        case angularComponents.FieldType.Money:
-                            if (typeof val !== "number")
-                                delete values[fieldValue];
-                            break;
-                        case angularComponents.FieldType.Boolean:
-                            if (typeof val !== "boolean")
-                                delete values[fieldValue];
-                            break;
-                        case angularComponents.FieldType.Date:
-                        case angularComponents.FieldType.DateTime:
-                        case angularComponents.FieldType.Time:
-                            if (!moment$1(val, moment$1.ISO_8601, true).isValid())
-                                delete values[fieldValue];
-                            break;
-                        case angularComponents.FieldType.String:
-                        case angularComponents.FieldType.Text:
-                            if (typeof val !== "string")
-                                delete values[fieldValue];
-                            break;
-                        case angularComponents.FieldType.Lookup:
-                        case angularComponents.FieldType.Autocomplete:
-                            if (field.multiple) {
-                                if (!(Array.isArray(val) && val.length))
-                                    delete values[fieldValue];
-                            }
-                            else {
-                                if (!(val instanceof Object))
-                                    delete values[fieldValue];
-                            }
-                            break;
-                        case angularComponents.FieldType.Enum:
-                            if (field.multiple && !(Array.isArray(val) && val.length)) {
-                                delete values[fieldValue];
-                            }
-                            break;
-                        case angularComponents.FieldType.Chips:
-                            if (!(Array.isArray(val) && val.length)) {
-                                delete values[fieldValue];
-                            }
-                            break;
-                        default:
-                            break;
-                    }
-                }
-            });
-            return values;
+        ThumbnailComponent.prototype.onFallbackError = function () {
+            this.imageFallback = null;
         };
-        return FiltersStorageService;
-    }(StorageService));
+        var ThumbnailComponent_1;
+        ThumbnailComponent.nextId = 0;
+        ThumbnailComponent.ctorParameters = function () { return [
+            { type: ThumbnailService }
+        ]; };
+        __decorate([
+            core.ViewChild("img", { static: false })
+        ], ThumbnailComponent.prototype, "imgEl", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "size", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "imageSource", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "imageFallback", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "imageAlt", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "iconClass", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "hasAction", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "actionIconClass", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "isTile", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "isBrand", void 0);
+        ThumbnailComponent = ThumbnailComponent_1 = __decorate([
+            core.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);
+        return ThumbnailComponent;
+    }());
 
-    var ErpPolling = /** @class */ (function () {
-        /**
-        * Erp Polling
-        * @class ErpPolling
-        */
-        function ErpPolling() {
+    var ThumbnailModule = /** @class */ (function () {
+        function ThumbnailModule() {
         }
-        /**
-         * 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)_
-        */
-        ErpPolling.prototype.pollingMount = function (takeWhileFn, calling, intervalMs) {
-            if (intervalMs === void 0) { intervalMs = 29000; }
-            return rxjs.interval(intervalMs)
-                .pipe(operators.takeWhile(takeWhileFn), operators.switchMap(calling));
-        };
-        ErpPolling = __decorate([
-            core.Injectable()
-            /**
-            * Erp Polling
-            * @class ErpPolling
-            */
-        ], ErpPolling);
-        return ErpPolling;
+        ThumbnailModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [ThumbnailComponent],
+                exports: [ThumbnailComponent],
+                providers: [ThumbnailService],
+            })
+        ], ThumbnailModule);
+        return ThumbnailModule;
     }());
 
+    var EnumSeverity;
+    (function (EnumSeverity) {
+        EnumSeverity["Default"] = "Default";
+        EnumSeverity["Info"] = "Info";
+        EnumSeverity["Warn"] = "Warn";
+        EnumSeverity["Error"] = "Error";
+        EnumSeverity["Success"] = "Success";
+    })(EnumSeverity || (EnumSeverity = {}));
+
     var Breakpoints = {
         SM_MIN: 0,
         SM_MAX: 640,
@@ -7943,17 +7937,73 @@
         XL_MAX: Infinity,
     };
 
-    var ExportUtils = /** @class */ (function () {
-        function ExportUtils() {
-            throw new Error("Classe não deve ser instanciada.");
+    var ObjectCardFieldComponent = /** @class */ (function () {
+        function ObjectCardFieldComponent() {
+            this.id = "erp-object-card-field-" + ObjectCardFieldComponent_1.getNextId();
+            this.buttonClick = new core.EventEmitter();
         }
-        ExportUtils.exportCSV = function (columns, data, csvSeparator, documentName) {
-            var _this = this;
-            if (columns === void 0) { columns = []; }
-            if (data === void 0) { data = []; }
-            if (csvSeparator === void 0) { csvSeparator = ";"; }
-            if (documentName === void 0) { documentName = "download"; }
-            var csv = "\ufeff";
+        ObjectCardFieldComponent_1 = ObjectCardFieldComponent;
+        ObjectCardFieldComponent.getNextId = function () {
+            var id = ObjectCardFieldComponent_1.nextId;
+            ObjectCardFieldComponent_1.nextId++;
+            return id;
+        };
+        var ObjectCardFieldComponent_1;
+        ObjectCardFieldComponent.nextId = 0;
+        __decorate([
+            core.Input()
+        ], ObjectCardFieldComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardFieldComponent.prototype, "imageSource", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardFieldComponent.prototype, "imageAlt", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardFieldComponent.prototype, "iconClass", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardFieldComponent.prototype, "label", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardFieldComponent.prototype, "description", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardFieldComponent.prototype, "buttonLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardFieldComponent.prototype, "buttonModel", void 0);
+        __decorate([
+            core.Output()
+        ], ObjectCardFieldComponent.prototype, "buttonClick", void 0);
+        __decorate([
+            core.ContentChild(ThumbnailComponent, { static: true })
+        ], ObjectCardFieldComponent.prototype, "thumbnailComponent", void 0);
+        __decorate([
+            core.ViewChild(core.TemplateRef, { static: true })
+        ], ObjectCardFieldComponent.prototype, "content", void 0);
+        ObjectCardFieldComponent = ObjectCardFieldComponent_1 = __decorate([
+            core.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);
+        return ObjectCardFieldComponent;
+    }());
+
+    var ExportUtils = /** @class */ (function () {
+        function ExportUtils() {
+            throw new Error("Classe não deve ser instanciada.");
+        }
+        ExportUtils.exportCSV = function (columns, data, csvSeparator, documentName) {
+            var _this = this;
+            if (columns === void 0) { columns = []; }
+            if (data === void 0) { data = []; }
+            if (csvSeparator === void 0) { csvSeparator = ";"; }
+            if (documentName === void 0) { documentName = "download"; }
+            var csv = "\ufeff";
             columns.filter(function (column) { return column.exportable && column.field; }).forEach(function (column, i) {
                 csv += "\"" + (column.header || column.field) + "\"";
                 if (i < columns.length - 1)
@@ -8097,7 +8147,7 @@
          */
         FormUtilsService.prototype.getFormFormattedDate = function (date, format) {
             if (format === void 0) { 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
@@ -8107,7 +8157,7 @@
          */
         FormUtilsService.prototype.getEntityFormattedDate = function (date, format) {
             if (format === void 0) { 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
@@ -8383,6 +8433,570 @@
         GENERIC_ERROR: 600
     };
 
+    var ObjectCardMainComponent = /** @class */ (function () {
+        function ObjectCardMainComponent() {
+            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 core.EventEmitter();
+            this.showImageModal = false;
+            this.loadingFullImage = false;
+            this._thumbnailSize = exports.ThumbnailSize.Medium;
+        }
+        ObjectCardMainComponent_1 = ObjectCardMainComponent;
+        Object.defineProperty(ObjectCardMainComponent.prototype, "thumbnailSize", {
+            get: function () {
+                return this._thumbnailSize;
+            },
+            set: function (value) {
+                this._thumbnailSize = value;
+                if (this.thumbnailComponent) {
+                    this.thumbnailComponent.size = value;
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        ObjectCardMainComponent.prototype.onResize = function () {
+            this.update();
+        };
+        ObjectCardMainComponent.prototype.ngAfterContentInit = function () {
+            this.update();
+        };
+        ObjectCardMainComponent.prototype.update = function () {
+            var windowWidth = window.innerWidth;
+            if (windowWidth <= Breakpoints.SM_MAX) {
+                this.thumbnailSize = exports.ThumbnailSize.Small;
+            }
+            else {
+                this.thumbnailSize = exports.ThumbnailSize.Medium;
+            }
+        };
+        ObjectCardMainComponent.getNextId = function () {
+            var id = ObjectCardMainComponent_1.nextId;
+            ObjectCardMainComponent_1.nextId++;
+            return id;
+        };
+        ObjectCardMainComponent.prototype.getImageAltText = function () {
+            var altText = this.imageAlt || this.label || '';
+            return altText.replace(/\bimage\b/gi, '').replace(/\bimagem\b/gi, '').trim();
+        };
+        ObjectCardMainComponent.prototype.openImageModal = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!this.expandableImage || !this.imageSource) {
+                                return [2 /*return*/];
+                            }
+                            this.showImageModal = true;
+                            _a = this;
+                            return [4 /*yield*/, this.resolveFullImageSource()];
+                        case 1:
+                            _a.fullImageSource = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ObjectCardMainComponent.prototype.resolveFullImageSource = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var result, error_1;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!this.imageLoader || this.fullImageSource) {
+                                return [2 /*return*/, this.fullImageSource || this.imageSource];
+                            }
+                            this.loadingFullImage = true;
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, 3, 4, 5]);
+                            result = this.imageLoader();
+                            return [4 /*yield*/, (result instanceof Promise ? result : result.toPromise())];
+                        case 2: return [2 /*return*/, _a.sent()];
+                        case 3:
+                            error_1 = _a.sent();
+                            console.error('Erro ao carregar imagem completa:', error_1);
+                            return [2 /*return*/, this.imageSource];
+                        case 4:
+                            this.loadingFullImage = false;
+                            return [7 /*endfinally*/];
+                        case 5: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        var ObjectCardMainComponent_1;
+        ObjectCardMainComponent.nextId = 0;
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "imageSource", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "imageFallback", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "imageAlt", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "iconClass", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "hasThumbnail", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "hasDescription", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "isBrand", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "expandableImage", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "imageLoader", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "label", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "description", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "buttonLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardMainComponent.prototype, "buttonModel", void 0);
+        __decorate([
+            core.Output()
+        ], ObjectCardMainComponent.prototype, "buttonClick", void 0);
+        __decorate([
+            core.ContentChild(ThumbnailComponent, { static: true })
+        ], ObjectCardMainComponent.prototype, "thumbnailComponent", void 0);
+        __decorate([
+            core.HostListener("window:resize")
+        ], ObjectCardMainComponent.prototype, "onResize", null);
+        ObjectCardMainComponent = ObjectCardMainComponent_1 = __decorate([
+            core.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);
+        return ObjectCardMainComponent;
+    }());
+
+    var ObjectCardComponent = /** @class */ (function () {
+        function ObjectCardComponent() {
+            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 core.EventEmitter();
+            this.maxVisibleFields = 0;
+            this.severity = EnumSeverity.Default;
+            this.EnumSeverity = EnumSeverity;
+        }
+        ObjectCardComponent_1 = ObjectCardComponent;
+        ObjectCardComponent.prototype.ngAfterContentChecked = function () {
+            this.update();
+        };
+        ObjectCardComponent.prototype.update = function () {
+            var windowWidth = window.innerWidth;
+            var containerWidth = this.container.nativeElement.getBoundingClientRect().width;
+            var mainFieldWidth = this.cardMainContainer.nativeElement.getBoundingClientRect().width;
+            var remainingSpace = containerWidth - mainFieldWidth;
+            var fieldsMinWidth = this.fieldsMinWidth;
+            var expandIconWidth = this.iconContainer.nativeElement.getBoundingClientRect().width;
+            var maxFieldQtd;
+            if (windowWidth <= Breakpoints.SM_MAX) {
+                maxFieldQtd = 0;
+            }
+            else {
+                maxFieldQtd = Math.floor((remainingSpace) / fieldsMinWidth);
+            }
+            var 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();
+            }
+        };
+        ObjectCardComponent.prototype.toggle = function () {
+            this.expanded ? this.collapse() : this.expand();
+        };
+        ObjectCardComponent.prototype.expand = function () {
+            this.expanded = true;
+            this.expandedChange.emit(this.expanded);
+        };
+        ObjectCardComponent.prototype.collapse = function () {
+            this.expanded = false;
+            this.expandedChange.emit(this.expanded);
+        };
+        ObjectCardComponent.getNextId = function () {
+            var id = ObjectCardComponent_1.nextId;
+            ObjectCardComponent_1.nextId++;
+            return id;
+        };
+        var ObjectCardComponent_1;
+        ObjectCardComponent.nextId = 0;
+        __decorate([
+            core.Input()
+        ], ObjectCardComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardComponent.prototype, "expanded", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardComponent.prototype, "expandTooltip", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardComponent.prototype, "collapseTooltip", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardComponent.prototype, "fieldsMinWidth", void 0);
+        __decorate([
+            core.Output()
+        ], ObjectCardComponent.prototype, "expandedChange", void 0);
+        __decorate([
+            core.ContentChild(ObjectCardMainComponent, { static: true })
+        ], ObjectCardComponent.prototype, "main", void 0);
+        __decorate([
+            core.ContentChildren(ObjectCardFieldComponent, { descendants: true })
+        ], ObjectCardComponent.prototype, "fields", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardComponent.prototype, "severity", void 0);
+        __decorate([
+            core.Input()
+        ], ObjectCardComponent.prototype, "borderButtonOptions", void 0);
+        __decorate([
+            core.ViewChild('contentContainer', { static: true })
+        ], ObjectCardComponent.prototype, "container", void 0);
+        __decorate([
+            core.ViewChild('cardMainContainer', { static: true })
+        ], ObjectCardComponent.prototype, "cardMainContainer", void 0);
+        __decorate([
+            core.ViewChild('iconContainer', { static: true })
+        ], ObjectCardComponent.prototype, "iconContainer", void 0);
+        ObjectCardComponent = ObjectCardComponent_1 = __decorate([
+            core.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: [
+                    animations.trigger("expandableContent", [
+                        animations.state("*", animations.style({
+                            height: "0",
+                        })),
+                        animations.state("false", animations.style({
+                            height: "0",
+                        })),
+                        animations.state("true", animations.style({
+                            height: "*",
+                        })),
+                        animations.transition("* => true", animations.animate("200ms ease-out")),
+                        animations.transition("false <=> true", animations.animate("200ms ease-out")),
+                    ]),
+                    animations.trigger("BorderButtonAnimation", [
+                        animations.transition(":enter", [
+                            animations.style({ transform: "scaleY(0)", opacity: 0 }),
+                            animations.animate("300ms ease", animations.style({ transform: "scaleY(1)", opacity: 1 })),
+                        ]),
+                        animations.transition(":leave", [
+                            animations.style({ transform: "scaleY(1)", opacity: 1 }),
+                            animations.animate("300ms ease", animations.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);
+        return ObjectCardComponent;
+    }());
+
+    var BorderButtonComponent = /** @class */ (function () {
+        function BorderButtonComponent() {
+            this.severity = EnumSeverity.Default;
+            this.EnumSeverity = EnumSeverity;
+        }
+        __decorate([
+            core.Input()
+        ], BorderButtonComponent.prototype, "severity", void 0);
+        __decorate([
+            core.Input()
+        ], BorderButtonComponent.prototype, "options", void 0);
+        BorderButtonComponent = __decorate([
+            core.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);
+        return BorderButtonComponent;
+    }());
+
+    var BorderButtonModule = /** @class */ (function () {
+        function BorderButtonModule() {
+        }
+        BorderButtonModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, tooltip.TooltipModule],
+                declarations: [BorderButtonComponent],
+                exports: [BorderButtonComponent]
+            })
+        ], BorderButtonModule);
+        return BorderButtonModule;
+    }());
+
+    var ErpObjectCardModule = /** @class */ (function () {
+        function ErpObjectCardModule() {
+        }
+        ErpObjectCardModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, tooltip.TooltipModule, dialog.DialogModule, ThumbnailModule, angularComponents.ButtonModule, angularComponents.LoadingStateModule, BorderButtonModule],
+                declarations: [ObjectCardComponent, ObjectCardMainComponent, ObjectCardFieldComponent],
+                exports: [ThumbnailModule, ObjectCardComponent, ObjectCardMainComponent, ObjectCardFieldComponent],
+            })
+        ], ErpObjectCardModule);
+        return ErpObjectCardModule;
+    }());
+
+    var StorageService = /** @class */ (function () {
+        function StorageService() {
+            this.GET_USER_ID = seniorPlatformData.user.getUserData().then(function (user) { return user.id; });
+        }
+        StorageService.prototype.store = function (key, value) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a, _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            _b = (_a = localStorage).setItem;
+                            return [4 /*yield*/, this.GET_USER_ID];
+                        case 1:
+                            _b.apply(_a, [(_c.sent()) + "_" + key, JSON.stringify(value)]);
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StorageService.prototype.get = function (key) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a, _b, _c, _d;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            _b = (_a = JSON).parse;
+                            _d = (_c = localStorage).getItem;
+                            return [4 /*yield*/, this.GET_USER_ID];
+                        case 1: return [2 /*return*/, _b.apply(_a, [_d.apply(_c, [(_e.sent()) + "_" + key])]) || {}];
+                    }
+                });
+            });
+        };
+        return StorageService;
+    }());
+
+    var moment$1 = moment$2; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+    var FiltersStorageService = /** @class */ (function (_super) {
+        __extends(FiltersStorageService, _super);
+        function FiltersStorageService() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.FILTERS_KEY = "SENIOR_FILTERS";
+            return _this;
+        }
+        FiltersStorageService.prototype.storeFilters = function (key, filters) {
+            return __awaiter(this, void 0, void 0, function () {
+                var store;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, _super.prototype.get.call(this, this.FILTERS_KEY)];
+                        case 1:
+                            store = (_a.sent()) || {};
+                            this.removeEmptyValues(filters);
+                            store[key] = filters;
+                            return [4 /*yield*/, _super.prototype.store.call(this, this.FILTERS_KEY, store)];
+                        case 2:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        FiltersStorageService.prototype.getFilters = function (key) {
+            return __awaiter(this, void 0, void 0, function () {
+                var store;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, _super.prototype.get.call(this, this.FILTERS_KEY)];
+                        case 1:
+                            store = (_a.sent()) || {};
+                            return [2 /*return*/, store[key] || {}];
+                    }
+                });
+            });
+        };
+        FiltersStorageService.prototype.removeFilter = function (key) {
+            return __awaiter(this, void 0, void 0, function () {
+                var store;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, _super.prototype.get.call(this, this.FILTERS_KEY)];
+                        case 1:
+                            store = (_a.sent()) || {};
+                            delete store[key];
+                            return [4 /*yield*/, _super.prototype.store.call(this, this.FILTERS_KEY, store)];
+                        case 2:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        FiltersStorageService.prototype.clearFilterValue = function (key, filters) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.storeFilters(key, filters)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        FiltersStorageService.prototype.removeEmptyValues = function (filters) {
+            var _this = this;
+            Object.keys(filters).forEach(function (field) {
+                if (_this.isInvalid(filters[field])) {
+                    delete filters[field];
+                }
+            });
+        };
+        FiltersStorageService.prototype.isInvalid = function (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;
+        };
+        FiltersStorageService.prototype.removeInvalidValues = function (values, fields) {
+            if (!values) {
+                return {};
+            }
+            Object.keys(values).forEach(function (fieldValue) {
+                var field = fields.find(function (it) { return it.name == fieldValue; });
+                if (field) {
+                    var val = values[fieldValue];
+                    if (!val)
+                        return;
+                    switch (field.type) {
+                        case angularComponents.FieldType.Integer:
+                        case angularComponents.FieldType.Double:
+                        case angularComponents.FieldType.Money:
+                            if (typeof val !== "number")
+                                delete values[fieldValue];
+                            break;
+                        case angularComponents.FieldType.Boolean:
+                            if (typeof val !== "boolean")
+                                delete values[fieldValue];
+                            break;
+                        case angularComponents.FieldType.Date:
+                        case angularComponents.FieldType.DateTime:
+                        case angularComponents.FieldType.Time:
+                            if (!moment$1(val, moment$1.ISO_8601, true).isValid())
+                                delete values[fieldValue];
+                            break;
+                        case angularComponents.FieldType.String:
+                        case angularComponents.FieldType.Text:
+                            if (typeof val !== "string")
+                                delete values[fieldValue];
+                            break;
+                        case angularComponents.FieldType.Lookup:
+                        case angularComponents.FieldType.Autocomplete:
+                            if (field.multiple) {
+                                if (!(Array.isArray(val) && val.length))
+                                    delete values[fieldValue];
+                            }
+                            else {
+                                if (!(val instanceof Object))
+                                    delete values[fieldValue];
+                            }
+                            break;
+                        case angularComponents.FieldType.Enum:
+                            if (field.multiple && !(Array.isArray(val) && val.length)) {
+                                delete values[fieldValue];
+                            }
+                            break;
+                        case angularComponents.FieldType.Chips:
+                            if (!(Array.isArray(val) && val.length)) {
+                                delete values[fieldValue];
+                            }
+                            break;
+                        default:
+                            break;
+                    }
+                }
+            });
+            return values;
+        };
+        return FiltersStorageService;
+    }(StorageService));
+
+    var ErpPolling = /** @class */ (function () {
+        /**
+        * Erp Polling
+        * @class ErpPolling
+        */
+        function 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)_
+        */
+        ErpPolling.prototype.pollingMount = function (takeWhileFn, calling, intervalMs) {
+            if (intervalMs === void 0) { intervalMs = 29000; }
+            return rxjs.interval(intervalMs)
+                .pipe(operators.takeWhile(takeWhileFn), operators.switchMap(calling));
+        };
+        ErpPolling = __decorate([
+            core.Injectable()
+            /**
+            * Erp Polling
+            * @class ErpPolling
+            */
+        ], ErpPolling);
+        return ErpPolling;
+    }());
+
     // https://widget.tracksale.co/
     var NpsService = /** @class */ (function () {
         function NpsService() {
@@ -9261,6 +9875,7 @@
     exports.ErpLookupsFormField = ErpLookupsFormField;
     exports.ErpLookupsModule = ErpLookupsModule;
     exports.ErpLookupsService = ErpLookupsService;
+    exports.ErpObjectCardModule = ErpObjectCardModule;
     exports.ErpPolling = ErpPolling;
     exports.ExportUtils = ExportUtils;
     exports.FiltersStorageService = FiltersStorageService;
@@ -9275,6 +9890,9 @@
     exports.NcmLookup = NcmLookup;
     exports.NotaFiscalEntradaLookup = NotaFiscalEntradaLookup;
     exports.NpsService = NpsService;
+    exports.ObjectCardComponent = ObjectCardComponent;
+    exports.ObjectCardFieldComponent = ObjectCardFieldComponent;
+    exports.ObjectCardMainComponent = ObjectCardMainComponent;
     exports.OperacoesLookup = OperacoesLookup;
     exports.OrigemDestinoLookup = OrigemDestinoLookup;
     exports.OrigemMercadoriaLookup = OrigemMercadoriaLookup;
@@ -9284,6 +9902,8 @@
     exports.QuantidadeDisponivelDemandaLookup = QuantidadeDisponivelDemandaLookup;
     exports.RequisicaoLookup = RequisicaoLookup;
     exports.SegmentoLookup = SegmentoLookup;
+    exports.ThumbnailComponent = ThumbnailComponent;
+    exports.ThumbnailModule = ThumbnailModule;
     exports.TypeTaxesLookup = TypeTaxesLookup;
     exports.UnidadeMedidaLookup = UnidadeMedidaLookup;
     exports.UtilsModule = UtilsModule;
@@ -9294,10 +9914,13 @@
     exports.ɵ0 = ɵ0;
     exports.ɵ1 = ɵ1;
     exports.ɵ2 = ɵ2;
-    exports.ɵc = StorageService;
-    exports.ɵd = UserInformationService;
-    exports.ɵe = VerifyModulePermissionService;
-    exports.ɵf = VerifyModulePermissionsService;
+    exports.ɵc = ThumbnailService;
+    exports.ɵd = BorderButtonModule;
+    exports.ɵe = BorderButtonComponent;
+    exports.ɵf = StorageService;
+    exports.ɵg = UserInformationService;
+    exports.ɵh = VerifyModulePermissionService;
+    exports.ɵi = VerifyModulePermissionsService;
 
     Object.defineProperty(exports, '__esModule', { value: true });