@seniorsistemas/angular-components 17.29.4 → 17.30.0-bugfix-sds-382-9df8362e

package/esm5/components/object-card/object-card.component.js

@@ -1,13 +1,12 @@
-import { __decorate, __values } from "tslib";
+import { __decorate } from "tslib";
 import { animate, state, style, transition, trigger } from "@angular/animations";
-import { AfterContentChecked, AfterViewInit, Component, ContentChild, ContentChildren, ElementRef, EventEmitter, Input, Output, QueryList } from "@angular/core";
+import { Component, ContentChild, ContentChildren, EventEmitter, Input, Output, ViewChild } from "@angular/core";
 import { EnumSeverity } from "../shared/models/enum-severity";
 import { Breakpoints } from "../utils/breakpoints";
 import { ObjectCardFieldComponent } from "./elements/field/object-card-field.component";
 import { ObjectCardMainComponent } from "./elements/main/object-card-main.component";
 var ObjectCardComponent = /** @class */ (function () {
-    function ObjectCardComponent(elementRef) {
-        this.elementRef = elementRef;
+    function ObjectCardComponent() {
         this.id = "s-object-card-" + ObjectCardComponent_1.nextId++;
         this.expanded = false;
         this.expandTooltip = "Abrir painel";
@@ -19,43 +18,32 @@ var ObjectCardComponent = /** @class */ (function () {
         this.EnumSeverity = EnumSeverity;
     }
     ObjectCardComponent_1 = ObjectCardComponent;
-    ObjectCardComponent.prototype.ngAfterViewInit = function () {
-    };
     ObjectCardComponent.prototype.ngAfterContentChecked = function () {
         this.update();
     };
     ObjectCardComponent.prototype.update = function () {
-        var e_1, _a;
         var windowWidth = window.innerWidth;
-        var containerWidth = this.elementRef.nativeElement.offsetWidth;
-        var mainFieldWidth = containerWidth * 0.3 > 260 ? containerWidth * 0.3 : 260;
+        var containerWidth = this.container.nativeElement.getBoundingClientRect().width;
+        var mainFieldWidth = this.cardMainContainer.nativeElement.getBoundingClientRect().width;
+        var remainingSpace = containerWidth - mainFieldWidth;
         var fieldsMinWidth = this.fieldsMinWidth;
-        var expandIconWidth = 50;
-        var fieldElementList = this.elementRef.nativeElement.getElementsByClassName("s-object-card-field");
-        try {
-            for (var fieldElementList_1 = __values(fieldElementList), fieldElementList_1_1 = fieldElementList_1.next(); !fieldElementList_1_1.done; fieldElementList_1_1 = fieldElementList_1.next()) {
-                var element = fieldElementList_1_1.value;
-                element.style.minWidth = this.fieldsMinWidth + "px";
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (fieldElementList_1_1 && !fieldElementList_1_1.done && (_a = fieldElementList_1.return)) _a.call(fieldElementList_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
+        var expandIconWidth = this.iconContainer.nativeElement.getBoundingClientRect().width;
         var maxFieldQtd;
-        if (windowWidth <= Breakpoints.SM_MAX)
+        if (windowWidth <= Breakpoints.SM_MAX) {
             maxFieldQtd = 0;
-        else
-            maxFieldQtd = Math.floor((containerWidth - mainFieldWidth) / fieldsMinWidth);
-        if (maxFieldQtd && maxFieldQtd < this.fields.length) {
-            maxFieldQtd = Math.floor((containerWidth - mainFieldWidth - expandIconWidth) / fieldsMinWidth);
+        }
+        else {
+            maxFieldQtd = Math.floor((remainingSpace) / fieldsMinWidth);
+        }
+        var hasExpandIcon = maxFieldQtd && maxFieldQtd < this.fields.length;
+        if (hasExpandIcon) {
+            remainingSpace = remainingSpace - expandIconWidth;
+            maxFieldQtd = Math.floor((remainingSpace) / fieldsMinWidth);
         }
         this.maxVisibleFields = maxFieldQtd;
-        if (maxFieldQtd >= this.fields.length && this.expanded)
+        if (maxFieldQtd >= this.fields.length && this.expanded) {
             this.collapse();
+        }
     };
     ObjectCardComponent.prototype.toggle = function () {
         this.expanded ? this.collapse() : this.expand();
@@ -68,24 +56,8 @@ var ObjectCardComponent = /** @class */ (function () {
         this.expanded = false;
         this.expandedChange.emit(this.expanded);
     };
-    ObjectCardComponent.prototype.getExpandedFieldWidth = function () {
-        var containerWidth = this.elementRef.nativeElement.offsetWidth;
-        var fieldsPerRow;
-        if (containerWidth <= Breakpoints.SM_MAX)
-            fieldsPerRow = 1;
-        else if (containerWidth <= Breakpoints.MD_MAX)
-            fieldsPerRow = 2;
-        else if (containerWidth <= Breakpoints.LG_MAX)
-            fieldsPerRow = 4;
-        else
-            fieldsPerRow = 6;
-        return 12 / fieldsPerRow;
-    };
     var ObjectCardComponent_1;
     ObjectCardComponent.nextId = 0;
-    ObjectCardComponent.ctorParameters = function () { return [
-        { type: ElementRef }
-    ]; };
     __decorate([
         Input()
     ], ObjectCardComponent.prototype, "id", void 0);
@@ -116,10 +88,19 @@ var ObjectCardComponent = /** @class */ (function () {
     __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: "s-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        [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=\"s-object-card-main\"><ng-content select=\"s-object-card-main\"></ng-content></div>\n\n            <div class=\"divider\" *ngIf=\"maxVisibleFields && fields.length\"></div>\n\n            <div *ngFor=\"let field of (fields.toArray() | slice: 0:maxVisibleFields)\" class=\"s-object-card-field\">\n                <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n            </div>\n        </div>\n\n        <div\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            (click)=\"toggle()\"\n            [pTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n        >\n            <span [id]=\"id + '-expand-icon'\" class=\"expand-icon fa\" [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"></span>\n        </div>\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=\"ui-g ui-g-12\">\n            <ng-container\n                *ngFor=\"\n                    let field of fields.toArray()\n                        | slice : maxVisibleFields : fields.length\n                \"\n            >\n                <div class=\"ui-g-{{ getExpandedFieldWidth() }}\">\n                    <div class=\"s-object-card-field\">\n                        <ng-container\n                            *ngTemplateOutlet=\"field.content\"\n                        ></ng-container>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </div>\n</div>\n",
+            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=\"s-object-card-main\" #cardMainContainer [style.min-width.px]=\"fieldsMinWidth\">\n                <ng-content select=\"s-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)\" class=\"s-object-card-field\" [style.min-width.px]=\"fieldsMinWidth\">\n                \n                <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n            </div>\n        </div>\n\n        <div\n            #iconContainer\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            (click)=\"toggle()\"\n            [pTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n        >\n            <span [id]=\"id + '-expand-icon'\" class=\"expand-icon fa\" [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"></span>\n        </div>\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=\"s-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({
@@ -145,10 +126,10 @@ var ObjectCardComponent = /** @class */ (function () {
                     ]),
                 ]),
             ],
-            styles: [":host{display:block}.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;width:25px;position:absolute;right:15px;height:25px;top:calc(50% - 12px)}.expand-icon{-ms-flex:1;flex:1}.object-content{display:-ms-flexbox;display:flex;width:100%}.s-object-card-main{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding:15px}.main-container.with-visible-fields .s-object-card-main{max-width:30%}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.main-container.with-visible-fields .s-object-card-main{width:20%}}.s-object-card-field{overflow:hidden;height:100%}.main-container .s-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){.s-object-card-main{max-width:calc(100% - 50px)}}"]
+            styles: [":host{display:block}.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{text-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:12px}.expand-icon{-ms-flex:1;flex:1}.object-content{display:-ms-flexbox;display:flex;width:100%}.s-object-card-main{overflow:hidden;padding:15px}.main-container.with-visible-fields .s-object-card-main{max-width:30%}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.main-container.with-visible-fields .s-object-card-main{width:20%}}.s-object-card-field{overflow:hidden;height:100%}.main-container .s-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){.s-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;
 }());
 export { ObjectCardComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvb2JqZWN0LWNhcmQvb2JqZWN0LWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFDSCxtQkFBbUIsRUFDbkIsYUFBYSxFQUNiLFNBQVMsRUFDVCxZQUFZLEVBQ1osZUFBZSxFQUNmLFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUN4RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQXlDckY7SUFzQ0ksNkJBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFsQ25DLE9BQUUsR0FBRyxtQkFBaUIscUJBQW1CLENBQUMsTUFBTSxFQUFJLENBQUM7UUFHckQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixrQkFBYSxHQUFHLGNBQWMsQ0FBQztRQUcvQixvQkFBZSxHQUFHLGVBQWUsQ0FBQztRQUdsQyxtQkFBYyxHQUFHLEdBQUcsQ0FBQztRQUdyQixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFRN0MscUJBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBRzVCLGFBQVEsR0FBRyxZQUFZLENBQUMsT0FBTyxDQUFDO1FBS3ZCLGlC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RixPQUFPLENBQUMsdUJBQXVCLEVBQUU7b0JBQzdCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7d0JBQ2pCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO3dCQUM3QyxPQUFPLENBQUMsWUFBWSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7cUJBQ3ZFLENBQUM7b0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTt3QkFDakIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7d0JBQzdDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztxQkFDdkUsQ0FBQztpQkFDTCxDQUFDO2FBQ0w7O1NBQ0osQ0FBQztPQUNXLG1CQUFtQixDQWlHL0I7SUFBRCwwQkFBQztDQUFBLEFBakdELElBaUdDO1NBakdZLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCI7XG5pbXBvcnQge1xuICAgIEFmdGVyQ29udGVudENoZWNrZWQsXG4gICAgQWZ0ZXJWaWV3SW5pdCxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkLFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgUXVlcnlMaXN0XG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IEJvcmRlckJ1dHRvbk9wdGlvbnMgfSBmcm9tIFwiLi4vc2hhcmVkL21vZGVscy9ib3JkZXItYnV0dG9uLW9wdGlvbnNcIjtcbmltcG9ydCB7IEVudW1TZXZlcml0eSB9IGZyb20gXCIuLi9zaGFyZWQvbW9kZWxzL2VudW0tc2V2ZXJpdHlcIjtcbmltcG9ydCB7IEJyZWFrcG9pbnRzIH0gZnJvbSBcIi4uL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5pbXBvcnQgeyBPYmplY3RDYXJkRmllbGRDb21wb25lbnQgfSBmcm9tIFwiLi9lbGVtZW50cy9maWVsZC9vYmplY3QtY2FyZC1maWVsZC5jb21wb25lbnRcIjtcbmltcG9ydCB7IE9iamVjdENhcmRNYWluQ29tcG9uZW50IH0gZnJvbSBcIi4vZWxlbWVudHMvbWFpbi9vYmplY3QtY2FyZC1tYWluLmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLW9iamVjdC1jYXJkXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9vYmplY3QtY2FyZC5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi9vYmplY3QtY2FyZC5jb21wb25lbnQuc2Nzc1wiXSxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoXCJleHBhbmRhYmxlQ29udGVudFwiLCBbXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICBcIipcIixcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogXCIwXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICBcImZhbHNlXCIsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IFwiMFwiLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgXCJ0cnVlXCIsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IFwiKlwiLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgdHJhbnNpdGlvbihcIiogPT4gdHJ1ZVwiLCBhbmltYXRlKFwiMjAwbXMgZWFzZS1vdXRcIikpLFxuICAgICAgICAgICAgdHJhbnNpdGlvbihcImZhbHNlIDw9PiB0cnVlXCIsIGFuaW1hdGUoXCIyMDBtcyBlYXNlLW91dFwiKSksXG4gICAgICAgIF0pLFxuICAgICAgICB0cmlnZ2VyKFwiQm9yZGVyQnV0dG9uQW5pbWF0aW9uXCIsIFtcbiAgICAgICAgICAgIHRyYW5zaXRpb24oXCI6ZW50ZXJcIiwgW1xuICAgICAgICAgICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiBcInNjYWxlWSgwKVwiLCBvcGFjaXR5OiAwIH0pLFxuICAgICAgICAgICAgICAgIGFuaW1hdGUoXCIzMDBtcyBlYXNlXCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInNjYWxlWSgxKVwiLCBvcGFjaXR5OiAxIH0pKSxcbiAgICAgICAgICAgIF0pLFxuICAgICAgICAgICAgdHJhbnNpdGlvbihcIjpsZWF2ZVwiLCBbXG4gICAgICAgICAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06IFwic2NhbGVZKDEpXCIsIG9wYWNpdHk6IDEgfSksXG4gICAgICAgICAgICAgICAgYW5pbWF0ZShcIjMwMG1zIGVhc2VcIiwgc3R5bGUoeyB0cmFuc2Zvcm06IFwic2NhbGVZKDApXCIsIG9wYWNpdHk6IDAgfSkpLFxuICAgICAgICAgICAgXSksXG4gICAgICAgIF0pLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIE9iamVjdENhcmRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBBZnRlckNvbnRlbnRDaGVja2VkIHtcbiAgICBwdWJsaWMgc3RhdGljIG5leHRJZCA9IDA7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpZCA9IGBzLW9iamVjdC1jYXJkLSR7T2JqZWN0Q2FyZENvbXBvbmVudC5uZXh0SWQrK31gO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZXhwYW5kZWQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGV4cGFuZFRvb2x0aXAgPSBcIkFicmlyIHBhaW5lbFwiO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgY29sbGFwc2VUb29sdGlwID0gXCJGZWNoYXIgcGFpbmVsXCI7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBmaWVsZHNNaW5XaWR0aCA9IDIwMDtcblxuICAgIEBPdXRwdXQoKVxuICAgIHB1YmxpYyBleHBhbmRlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAgIEBDb250ZW50Q2hpbGQoT2JqZWN0Q2FyZE1haW5Db21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pXG4gICAgcHVibGljIG1haW46IE9iamVjdENhcmRNYWluQ29tcG9uZW50O1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihPYmplY3RDYXJkRmllbGRDb21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgICBwdWJsaWMgZmllbGRzPzogUXVlcnlMaXN0PE9iamVjdENhcmRGaWVsZENvbXBvbmVudD47XG5cbiAgICBwdWJsaWMgbWF4VmlzaWJsZUZpZWxkcyA9IDA7XG5cbiAgICBASW5wdXQoKVxuICAgIHNldmVyaXR5ID0gRW51bVNldmVyaXR5LkRlZmF1bHQ7XG5cbiAgICBASW5wdXQoKVxuICAgIGJvcmRlckJ1dHRvbk9wdGlvbnM6IEJvcmRlckJ1dHRvbk9wdGlvbnM7XG5cbiAgICByZWFkb25seSBFbnVtU2V2ZXJpdHkgPSBFbnVtU2V2ZXJpdHk7XG5cblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikgeyB9XG5cbiAgICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudXBkYXRlKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1cGRhdGUoKSB7XG4gICAgICAgIGNvbnN0IHdpbmRvd1dpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG4gICAgICAgIGNvbnN0IGNvbnRhaW5lcldpZHRoID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGg7XG4gICAgICAgIGNvbnN0IG1haW5GaWVsZFdpZHRoID0gY29udGFpbmVyV2lkdGggKiAwLjMgPiAyNjAgPyBjb250YWluZXJXaWR0aCAqIDAuMyA6IDI2MDtcbiAgICAgICAgY29uc3QgZmllbGRzTWluV2lkdGggPSB0aGlzLmZpZWxkc01pbldpZHRoO1xuICAgICAgICBjb25zdCBleHBhbmRJY29uV2lkdGggPSA1MDtcbiAgICAgICAgY29uc3QgZmllbGRFbGVtZW50TGlzdCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoXCJzLW9iamVjdC1jYXJkLWZpZWxkXCIpO1xuICAgICAgICBmb3IgKGNvbnN0IGVsZW1lbnQgb2YgZmllbGRFbGVtZW50TGlzdCkge1xuICAgICAgICAgICAgZWxlbWVudC5zdHlsZS5taW5XaWR0aCA9IGAke3RoaXMuZmllbGRzTWluV2lkdGh9cHhgO1xuICAgICAgICB9XG5cbiAgICAgICAgbGV0IG1heEZpZWxkUXRkO1xuXG4gICAgICAgIGlmICh3aW5kb3dXaWR0aCA8PSBCcmVha3BvaW50cy5TTV9NQVgpIG1heEZpZWxkUXRkID0gMDtcbiAgICAgICAgZWxzZSBtYXhGaWVsZFF0ZCA9IE1hdGguZmxvb3IoKGNvbnRhaW5lcldpZHRoIC0gbWFpbkZpZWxkV2lkdGgpIC8gZmllbGRzTWluV2lkdGgpO1xuXG4gICAgICAgIGlmIChtYXhGaWVsZFF0ZCAmJiBtYXhGaWVsZFF0ZCA8IHRoaXMuZmllbGRzLmxlbmd0aCkge1xuICAgICAgICAgICAgbWF4RmllbGRRdGQgPSBNYXRoLmZsb29yKChjb250YWluZXJXaWR0aCAtIG1haW5GaWVsZFdpZHRoIC0gZXhwYW5kSWNvbldpZHRoKSAvIGZpZWxkc01pbldpZHRoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMubWF4VmlzaWJsZUZpZWxkcyA9IG1heEZpZWxkUXRkO1xuXG4gICAgICAgIGlmIChtYXhGaWVsZFF0ZCA+PSB0aGlzLmZpZWxkcy5sZW5ndGggJiYgdGhpcy5leHBhbmRlZCkgdGhpcy5jb2xsYXBzZSgpO1xuICAgIH1cblxuICAgIHB1YmxpYyB0b2dnbGUoKSB7XG4gICAgICAgIHRoaXMuZXhwYW5kZWQgPyB0aGlzLmNvbGxhcHNlKCkgOiB0aGlzLmV4cGFuZCgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBleHBhbmQoKSB7XG4gICAgICAgIHRoaXMuZXhwYW5kZWQgPSB0cnVlO1xuICAgICAgICB0aGlzLmV4cGFuZGVkQ2hhbmdlLmVtaXQodGhpcy5leHBhbmRlZCk7XG4gICAgfVxuXG4gICAgcHVibGljIGNvbGxhcHNlKCkge1xuICAgICAgICB0aGlzLmV4cGFuZGVkID0gZmFsc2U7XG4gICAgICAgIHRoaXMuZXhwYW5kZWRDaGFuZ2UuZW1pdCh0aGlzLmV4cGFuZGVkKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0RXhwYW5kZWRGaWVsZFdpZHRoKCkge1xuICAgICAgICBjb25zdCBjb250YWluZXJXaWR0aCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoO1xuXG4gICAgICAgIGxldCBmaWVsZHNQZXJSb3c7XG4gICAgICAgIGlmIChjb250YWluZXJXaWR0aCA8PSBCcmVha3BvaW50cy5TTV9NQVgpIGZpZWxkc1BlclJvdyA9IDE7XG4gICAgICAgIGVsc2UgaWYgKGNvbnRhaW5lcldpZHRoIDw9IEJyZWFrcG9pbnRzLk1EX01BWCkgZmllbGRzUGVyUm93ID0gMjtcbiAgICAgICAgZWxzZSBpZiAoY29udGFpbmVyV2lkdGggPD0gQnJlYWtwb2ludHMuTEdfTUFYKSBmaWVsZHNQZXJSb3cgPSA0O1xuICAgICAgICBlbHNlIGZpZWxkc1BlclJvdyA9IDY7XG5cbiAgICAgICAgcmV0dXJuIDEyIC8gZmllbGRzUGVyUm93O1xuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvb2JqZWN0LWNhcmQvb2JqZWN0LWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFFSCxTQUFTLEVBQ1QsWUFBWSxFQUNaLGVBQWUsRUFFZixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFTixTQUFTLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUN4RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQXlDckY7SUFBQTtRQUlXLE9BQUUsR0FBRyxtQkFBaUIscUJBQW1CLENBQUMsTUFBTSxFQUFJLENBQUM7UUFHckQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixrQkFBYSxHQUFHLGNBQWMsQ0FBQztRQUcvQixvQkFBZSxHQUFHLGVBQWUsQ0FBQztRQUdsQyxtQkFBYyxHQUFHLEdBQUcsQ0FBQztRQUdyQixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFRN0MscUJBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBRzVCLGFBQVEsR0FBRyxZQUFZLENBQUMsT0FBTyxDQUFDO1FBS3ZCLGlCQUFZLEdBQUcsWUFBWSxDQUFDO0lBMER6QyxDQUFDOzRCQTdGWSxtQkFBbUI7SUE4Q3JCLG1EQUFxQixHQUE1QjtRQUNJLElBQUks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QUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO3FCQUN2RSxDQUFDO2lCQUNMLENBQUM7YUFDTDs7U0FDSixDQUFDO09BQ1csbUJBQW1CLENBNkYvQjtJQUFELDBCQUFDO0NBQUEsQUE3RkQsSUE2RkM7U0E3RlksbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSBcIkBhbmd1bGFyL2FuaW1hdGlvbnNcIjtcbmltcG9ydCB7XG4gICAgQWZ0ZXJDb250ZW50Q2hlY2tlZCxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkLFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgUXVlcnlMaXN0LFxuICAgIFZpZXdDaGlsZFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBCb3JkZXJCdXR0b25PcHRpb25zIH0gZnJvbSBcIi4uL3NoYXJlZC9tb2RlbHMvYm9yZGVyLWJ1dHRvbi1vcHRpb25zXCI7XG5pbXBvcnQgeyBFbnVtU2V2ZXJpdHkgfSBmcm9tIFwiLi4vc2hhcmVkL21vZGVscy9lbnVtLXNldmVyaXR5XCI7XG5pbXBvcnQgeyBCcmVha3BvaW50cyB9IGZyb20gXCIuLi91dGlscy9icmVha3BvaW50c1wiO1xuaW1wb3J0IHsgT2JqZWN0Q2FyZEZpZWxkQ29tcG9uZW50IH0gZnJvbSBcIi4vZWxlbWVudHMvZmllbGQvb2JqZWN0LWNhcmQtZmllbGQuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBPYmplY3RDYXJkTWFpbkNvbXBvbmVudCB9IGZyb20gXCIuL2VsZW1lbnRzL21haW4vb2JqZWN0LWNhcmQtbWFpbi5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwicy1vYmplY3QtY2FyZFwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vb2JqZWN0LWNhcmQuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybHM6IFtcIi4vb2JqZWN0LWNhcmQuY29tcG9uZW50LnNjc3NcIl0sXG4gICAgYW5pbWF0aW9uczogW1xuICAgICAgICB0cmlnZ2VyKFwiZXhwYW5kYWJsZUNvbnRlbnRcIiwgW1xuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgXCIqXCIsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IFwiMFwiLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgXCJmYWxzZVwiLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBcIjBcIixcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgIFwidHJ1ZVwiLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBcIipcIixcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oXCIqID0+IHRydWVcIiwgYW5pbWF0ZShcIjIwMG1zIGVhc2Utb3V0XCIpKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oXCJmYWxzZSA8PT4gdHJ1ZVwiLCBhbmltYXRlKFwiMjAwbXMgZWFzZS1vdXRcIikpLFxuICAgICAgICBdKSxcbiAgICAgICAgdHJpZ2dlcihcIkJvcmRlckJ1dHRvbkFuaW1hdGlvblwiLCBbXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiOmVudGVyXCIsIFtcbiAgICAgICAgICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogXCJzY2FsZVkoMClcIiwgb3BhY2l0eTogMCB9KSxcbiAgICAgICAgICAgICAgICBhbmltYXRlKFwiMzAwbXMgZWFzZVwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJzY2FsZVkoMSlcIiwgb3BhY2l0eTogMSB9KSksXG4gICAgICAgICAgICBdKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oXCI6bGVhdmVcIiwgW1xuICAgICAgICAgICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiBcInNjYWxlWSgxKVwiLCBvcGFjaXR5OiAxIH0pLFxuICAgICAgICAgICAgICAgIGFuaW1hdGUoXCIzMDBtcyBlYXNlXCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInNjYWxlWSgwKVwiLCBvcGFjaXR5OiAwIH0pKSxcbiAgICAgICAgICAgIF0pLFxuICAgICAgICBdKSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBPYmplY3RDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50Q2hlY2tlZCB7XG4gICAgcHVibGljIHN0YXRpYyBuZXh0SWQgPSAwO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaWQgPSBgcy1vYmplY3QtY2FyZC0ke09iamVjdENhcmRDb21wb25lbnQubmV4dElkKyt9YDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGV4cGFuZGVkID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBleHBhbmRUb29sdGlwID0gXCJBYnJpciBwYWluZWxcIjtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGNvbGxhcHNlVG9vbHRpcCA9IFwiRmVjaGFyIHBhaW5lbFwiO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZmllbGRzTWluV2lkdGggPSAyMDA7XG5cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgZXhwYW5kZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgICBAQ29udGVudENoaWxkKE9iamVjdENhcmRNYWluQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KVxuICAgIHB1YmxpYyBtYWluOiBPYmplY3RDYXJkTWFpbkNvbXBvbmVudDtcblxuICAgIEBDb250ZW50Q2hpbGRyZW4oT2JqZWN0Q2FyZEZpZWxkQ29tcG9uZW50LCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXG4gICAgcHVibGljIGZpZWxkcz86IFF1ZXJ5TGlzdDxPYmplY3RDYXJkRmllbGRDb21wb25lbnQ+O1xuXG4gICAgcHVibGljIG1heFZpc2libGVGaWVsZHMgPSAwO1xuXG4gICAgQElucHV0KClcbiAgICBzZXZlcml0eSA9IEVudW1TZXZlcml0eS5EZWZhdWx0O1xuXG4gICAgQElucHV0KClcbiAgICBib3JkZXJCdXR0b25PcHRpb25zOiBCb3JkZXJCdXR0b25PcHRpb25zO1xuXG4gICAgcmVhZG9ubHkgRW51bVNldmVyaXR5ID0gRW51bVNldmVyaXR5O1xuXG4gICAgQFZpZXdDaGlsZCgnY29udGVudENvbnRhaW5lcicsIHsgc3RhdGljOiB0cnVlIH0pXG4gICAgcHJpdmF0ZSByZWFkb25seSBjb250YWluZXI6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuXG4gICAgQFZpZXdDaGlsZCgnY2FyZE1haW5Db250YWluZXInLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICAgIHByaXZhdGUgcmVhZG9ubHkgY2FyZE1haW5Db250YWluZXI6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XG5cbiAgICBAVmlld0NoaWxkKCdpY29uQ29udGFpbmVyJywgeyBzdGF0aWM6IHRydWUgfSlcbiAgICBwcml2YXRlIHJlYWRvbmx5IGljb25Db250YWluZXI6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XG5cbiAgICBwdWJsaWMgbmdBZnRlckNvbnRlbnRDaGVja2VkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnVwZGF0ZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlKCkge1xuICAgICAgICBjb25zdCB3aW5kb3dXaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuICAgICAgICBjb25zdCBjb250YWluZXJXaWR0aCA9IHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgICAgIGNvbnN0IG1haW5GaWVsZFdpZHRoID0gdGhpcy5jYXJkTWFpbkNvbnRhaW5lci5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoO1xuICAgICAgICBsZXQgcmVtYWluaW5nU3BhY2UgPSAgY29udGFpbmVyV2lkdGggLSBtYWluRmllbGRXaWR0aDtcbiAgICAgICAgY29uc3QgZmllbGRzTWluV2lkdGggPSB0aGlzLmZpZWxkc01pbldpZHRoO1xuICAgICAgICBjb25zdCBleHBhbmRJY29uV2lkdGggPSB0aGlzLmljb25Db250YWluZXIubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aDtcblxuICAgICAgICBsZXQgbWF4RmllbGRRdGQ6IG51bWJlcjtcblxuICAgICAgICBpZiAod2luZG93V2lkdGggPD0gQnJlYWtwb2ludHMuU01fTUFYKSB7XG4gICAgICAgICAgICBtYXhGaWVsZFF0ZCA9IDBcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIG1heEZpZWxkUXRkID0gTWF0aC5mbG9vcigocmVtYWluaW5nU3BhY2UpIC8gZmllbGRzTWluV2lkdGgpO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgaGFzRXhwYW5kSWNvbiA9IG1heEZpZWxkUXRkICYmIG1heEZpZWxkUXRkIDwgdGhpcy5maWVsZHMubGVuZ3RoXG5cbiAgICAgICAgaWYgKGhhc0V4cGFuZEljb24pIHtcbiAgICAgICAgICAgIHJlbWFpbmluZ1NwYWNlID0gcmVtYWluaW5nU3BhY2UgLSBleHBhbmRJY29uV2lkdGg7XG4gICAgICAgICAgICBtYXhGaWVsZFF0ZCA9IE1hdGguZmxvb3IoKHJlbWFpbmluZ1NwYWNlKSAvIGZpZWxkc01pbldpZHRoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMubWF4VmlzaWJsZUZpZWxkcyA9IG1heEZpZWxkUXRkO1xuXG4gICAgICAgIGlmIChtYXhGaWVsZFF0ZCA+PSB0aGlzLmZpZWxkcy5sZW5ndGggJiYgdGhpcy5leHBhbmRlZCkge1xuICAgICAgICAgICAgdGhpcy5jb2xsYXBzZSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIHRvZ2dsZSgpIHtcbiAgICAgICAgdGhpcy5leHBhbmRlZCA/IHRoaXMuY29sbGFwc2UoKSA6IHRoaXMuZXhwYW5kKCk7XG4gICAgfVxuXG4gICAgcHVibGljIGV4cGFuZCgpIHtcbiAgICAgICAgdGhpcy5leHBhbmRlZCA9IHRydWU7XG4gICAgICAgIHRoaXMuZXhwYW5kZWRDaGFuZ2UuZW1pdCh0aGlzLmV4cGFuZGVkKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgY29sbGFwc2UoKSB7XG4gICAgICAgIHRoaXMuZXhwYW5kZWQgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5leHBhbmRlZENoYW5nZS5lbWl0KHRoaXMuZXhwYW5kZWQpO1xuICAgIH1cbn1cbiJdfQ==

package/esm5/components/utils/breakpoints.js

@@ -8,4 +8,4 @@ export var Breakpoints = {
     XL_MIN: 1200,
     XL_MAX: Infinity,
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy91dGlscy9icmVha3BvaW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUc7SUFDdkIsTUFBTSxFQUFFLENBQUM7SUFDVCxNQUFNLEVBQUUsR0FBRztJQUNYLE1BQU0sRUFBRSxHQUFHO0lBQ1gsTUFBTSxFQUFFLEdBQUc7SUFDWCxNQUFNLEVBQUUsR0FBRztJQUNYLE1BQU0sRUFBRSxJQUFJO0lBQ1osTUFBTSxFQUFFLElBQUk7SUFDWixNQUFNLEVBQUUsUUFBUTtDQUNuQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IEJyZWFrcG9pbnRzID0ge1xuICAgIFNNX01JTjogMCxcbiAgICBTTV9NQVg6IDc2NyxcbiAgICBNRF9NSU46IDc2OCxcbiAgICBNRF9NQVg6IDk5MSxcbiAgICBMR19NSU46IDk5MixcbiAgICBMR19NQVg6IDExOTksXG4gICAgWExfTUlOOiAxMjAwLFxuICAgIFhMX01BWDogSW5maW5pdHksXG59O1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludHMuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy91dGlscy9icmVha3BvaW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUc7SUFDdkIsTUFBTSxFQUFFLENBQVU7SUFDbEIsTUFBTSxFQUFFLEdBQVk7SUFDcEIsTUFBTSxFQUFFLEdBQVk7SUFDcEIsTUFBTSxFQUFFLEdBQVk7SUFDcEIsTUFBTSxFQUFFLEdBQVk7SUFDcEIsTUFBTSxFQUFFLElBQWE7SUFDckIsTUFBTSxFQUFFLElBQWE7SUFDckIsTUFBTSxFQUFFLFFBQVE7Q0FDbkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBCcmVha3BvaW50cyA9IHtcbiAgICBTTV9NSU46IDAgYXMgY29uc3QsXG4gICAgU01fTUFYOiA3NjcgYXMgY29uc3QsXG4gICAgTURfTUlOOiA3NjggYXMgY29uc3QsXG4gICAgTURfTUFYOiA5OTEgYXMgY29uc3QsXG4gICAgTEdfTUlOOiA5OTIgYXMgY29uc3QsXG4gICAgTEdfTUFYOiAxMTk5IGFzIGNvbnN0LFxuICAgIFhMX01JTjogMTIwMCBhcyBjb25zdCxcbiAgICBYTF9NQVg6IEluZmluaXR5LFxufTtcbiJdfQ==

package/fesm2015/seniorsistemas-angular-components.js

@@ -7040,7 +7040,10 @@ let LookupComponent = LookupComponent_1 = class LookupComponent {
         const params = this.makeSearchRequestParams(event);
         this.onSearchRequest.next(params);
     }
-    lazyLoadLookup(event) {
+    onCompleteMethod(event) {
+        if (!this.autocompleteForceSelection) {
+            this.onChange(this.value === "" ? null : this.value);
+        }
         this.onLookupRequest.next(event.query);
     }
     setDefaultFilters() {
@@ -7432,7 +7435,7 @@ LookupComponent = LookupComponent_1 = __decorate([
     Injectable(),
     Component({
         selector: "s-lookup",
-        template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\">\n        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\">\n    </button>\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed\n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">\n                        {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n                    </div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12 no-button-margin\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel || 'platform.angular_components.filter' | translate\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\n\n            <div class=\"content-child\">\n                <p-table\n                    [dataKey]=\"dataKey\"\n                    [value]=\"getGridData()\"\n                    [columns]=\"searchGridFields\"\n                    [lazy]=\"true\"\n                    [scrollable]=\"true\"\n                    [paginator]=\"true\"\n                    sortMode=\"multiple\"\n                    [totalRecords]=\"searchTotalRecords\"\n                    [rows]=\"10\"\n                    [selection]=\"selected\"\n                    (onLazyLoad)=\"lazyLoadGrid($event)\"\n                    *sLoadingState=\"{ loading: loading, indicator: 'logo' }\"\n                    [multiSortMeta]=\"multiSortMeta\"\n                    [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                    [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                    (selectionChange)=\"onSelectionChange($event)\">\n                        <ng-template pTemplate=\"caption\">\n                            <div class=\"buttons-container no-button-margin\">\n                                <s-button\n                                    *ngIf=\"showAddOption\"\n                                    priority=\"default\"\n                                    [label]=\"'platform.angular_components.add' | translate\"\n                                    (onClick)=\"onAdd.emit()\">\n                                </s-button>\n                                <s-button\n                                    *ngIf=\"showEditOption\"\n                                    priority=\"default\"\n                                    [label]=\"'platform.angular_components.edit' | translate\"\n                                    [disabled]=\"selected.length !== 1\"\n                                    (onClick)=\"onEdit.emit(this.selected[0])\">\n                                </s-button>\n                                <s-button\n                                    *ngIf=\"showRemoveOption\"\n                                    priority=\"default\"\n                                    [label]=\"'platform.angular_components.remove' | translate\"\n                                    [disabled]=\"!selected.length\"\n                                    (onClick)=\"onRemove.emit(this.selected)\">\n                                </s-button>\n                            </div>\n                        </ng-template>\n                        <ng-template pTemplate=\"colgroup\" let-columns>\n                            <colgroup>\n                                <col\n                                    *ngIf=\"multiple\"\n                                    style=\"width: 50px\" />\n                                <col\n                                    *ngFor=\"let col of columns\"\n                                    [style.width]=\"col.width\" />\n                            </colgroup>\n                        </ng-template>\n                        <ng-template pTemplate=\"header\" let-columns>\n                            <tr>\n                                <th\n                                    *ngIf=\"multiple\"\n                                    style=\"width: 50px\">\n                                    <s-table-header-checkbox\n                                        [useAllObject]=\"lookupRowProps ? false : true\"\n                                        [rowProps]=\"lookupRowProps\">\n                                    </s-table-header-checkbox>\n                                </th>\n                                <th\n                                    [style.width]=\"col.width\"\n                                    *ngFor=\"let col of columns\"\n                                    [pSortableColumn]=\"col.sortableColumnName ? col.sortableColumnName : col.name\"\n                                    [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\">\n                                    <div class=\"senior-header\">\n                                        <span class=\"senior-header-title\">{{ col.label }}</span>\n                                        <p-sortIcon\n                                            [field]=\"col.name\"\n                                            *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n                                        </p-sortIcon>\n                                    </div>\n                                </th>\n                            </tr>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"body\"\n                            let-rowData\n                            let-columns\n                            let-rowIndex=\"rowIndex\">\n                            <tr\n                                sNavigation\n                                [pSelectableRow]=\"rowData\"\n                                [pSelectableRowIndex]=\"rowIndex\"\n                                sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n                                <td\n                                    *ngIf=\"multiple\"\n                                    style=\"width: 50px\"\n                                    tabindex=\"0\">\n                                    <p-tableCheckbox\n                                        [value]=\"rowData\"\n                                        [pSelectableRow]=\"rowData\">\n                                    </p-tableCheckbox>\n                                </td>\n                                <td\n                                    [style.width]=\"col['width']\"\n                                    *ngFor=\"let col of searchGridFields\"\n                                    [ngSwitch]=\"col.type\"\n                                    tabindex=\"0\">\n                                    <ng-container *ngSwitchCase=\"'Boolean'\">\n                                        <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Date'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'DateTime'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'LocalDateTime'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Time'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Integer'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Double'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Money'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Number'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Enum'\">\n                                        <ng-container *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\">\n                                            <ng-container *ngIf=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options); then withBadge; else withoutBadge\"></ng-container>\n                                            <ng-template #withBadge>\n                                                <s-badge\n                                                    [text]=\"getLabelForValue(getFieldValue(rowData, col.name), col.options)\"\n                                                    [color]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).color\"\n                                                    [type]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).type\"\n                                                    [iconClass]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).iconClass\"\n                                                    [iconPosition]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).iconPosition\">\n                                                </s-badge>\n                                            </ng-template>\n                                            <ng-template #withoutBadge>\n                                                <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                            </ng-template>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchDefault>\n                                        <ng-container *ngIf=\"col.mask && col.mask({ value: rowData })\">\n                                            <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                                <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask({ value: rowData }) }}</span>\n                                            </ng-container>\n                                        </ng-container>\n                                        <ng-container *ngIf=\"!(col.mask && col.mask({ value: rowData }))\">\n                                            <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                                <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"paginatorright\">\n                            <span [attr.data-hidden]=\"loading\">\n                                {{ printRecordTotalizer() }}\n                            </span>\n                        </ng-template>\n                </p-table>\n            </div>\n\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\">\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">\n        {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n",
+        template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"onCompleteMethod($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\">\n        <ng-template let-item pTemplate=\"selectedItem\">\n            <span\n                class=\"ui-autocomplete-token-label ng-tns-c65-43 ng-star-inserted\"\n                [sTooltip]=\"lookupDisplayFieldTooltip ? item[lookupDisplayField] : null\"\n                tooltipPosition=\"top\">\n                {{item[lookupDisplayField]}}\n            </span>\n        </ng-template>\n    </p-autoComplete>\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\">\n    </button>\n</div>\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog>\n    <div\n        *ngIf=\"dialogVisible\"\n        class=\"s-lookup-modal-container\">\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter\"\n            [@collapseContent]=\"collapsed\n                ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                : { value: 'visible', params: { transitionParams: transitionOptions } }\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form\n                [formGroup]=\"formGroupDialog\"\n                novalidate\n                autocomplete=\"off\">\n                <div\n                    *ngIf=\"!collapsed\"\n                    class=\"form-content\"\n                    [@childCollapseContent]=\"collapsed\n                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                        : { value: ':enter', params: { transitionParams: transitionOptions } }\">\n                    <div class=\"filter-title sds-section-title\">\n                        {{ filterTitle || \"platform.angular_components.filters\" | translate }}\n                    </div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form\n                            [fields]=\"searchFields\"\n                            [form]=\"formGroupDialog\">\n                        </s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12 no-button-margin\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel || 'platform.angular_components.filter' | translate\"\n                                (onClick)=\"search()\"\n                                sTooltip=\"(ALT + SHIFT + F)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel || 'platform.angular_components.clear' | translate\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                sTooltip=\"(ALT + SHIFT + L)\"\n                                tooltipPosition=\"top\"\n                                showDelay=\"500\">\n                            </s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n        <div\n            *ngIf=\"searchFields && searchFields.length\"\n            class=\"filter-toggle\">\n            <button\n                [id]=\"id + '-filter-toggle-button'\"\n                type=\"button\"\n                (click)=\"filterToggle()\">\n                <span\n                    class=\"fa\"\n                    [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\">\n                </span>\n            </button>\n        </div>\n        <div\n            class=\"content\"\n            [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\">\n            </s-empty-state>\n\n            <div class=\"content-child\">\n                <p-table\n                    [dataKey]=\"dataKey\"\n                    [value]=\"getGridData()\"\n                    [columns]=\"searchGridFields\"\n                    [lazy]=\"true\"\n                    [scrollable]=\"true\"\n                    [paginator]=\"true\"\n                    sortMode=\"multiple\"\n                    [totalRecords]=\"searchTotalRecords\"\n                    [rows]=\"10\"\n                    [selection]=\"selected\"\n                    (onLazyLoad)=\"lazyLoadGrid($event)\"\n                    *sLoadingState=\"{ loading: loading, indicator: 'logo' }\"\n                    [multiSortMeta]=\"multiSortMeta\"\n                    [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                    [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                    (selectionChange)=\"onSelectionChange($event)\">\n                        <ng-template pTemplate=\"caption\">\n                            <div class=\"buttons-container no-button-margin\">\n                                <s-button\n                                    *ngIf=\"showAddOption\"\n                                    priority=\"default\"\n                                    [label]=\"'platform.angular_components.add' | translate\"\n                                    (onClick)=\"onAdd.emit()\">\n                                </s-button>\n                                <s-button\n                                    *ngIf=\"showEditOption\"\n                                    priority=\"default\"\n                                    [label]=\"'platform.angular_components.edit' | translate\"\n                                    [disabled]=\"selected.length !== 1\"\n                                    (onClick)=\"onEdit.emit(this.selected[0])\">\n                                </s-button>\n                                <s-button\n                                    *ngIf=\"showRemoveOption\"\n                                    priority=\"default\"\n                                    [label]=\"'platform.angular_components.remove' | translate\"\n                                    [disabled]=\"!selected.length\"\n                                    (onClick)=\"onRemove.emit(this.selected)\">\n                                </s-button>\n                            </div>\n                        </ng-template>\n                        <ng-template pTemplate=\"colgroup\" let-columns>\n                            <colgroup>\n                                <col\n                                    *ngIf=\"multiple\"\n                                    style=\"width: 50px\" />\n                                <col\n                                    *ngFor=\"let col of columns\"\n                                    [style.width]=\"col.width\" />\n                            </colgroup>\n                        </ng-template>\n                        <ng-template pTemplate=\"header\" let-columns>\n                            <tr>\n                                <th\n                                    *ngIf=\"multiple\"\n                                    style=\"width: 50px\">\n                                    <s-table-header-checkbox\n                                        [useAllObject]=\"lookupRowProps ? false : true\"\n                                        [rowProps]=\"lookupRowProps\">\n                                    </s-table-header-checkbox>\n                                </th>\n                                <th\n                                    [style.width]=\"col.width\"\n                                    *ngFor=\"let col of columns\"\n                                    [pSortableColumn]=\"col.sortableColumnName ? col.sortableColumnName : col.name\"\n                                    [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\">\n                                    <div class=\"senior-header\">\n                                        <span class=\"senior-header-title\">{{ col.label }}</span>\n                                        <p-sortIcon\n                                            [field]=\"col.name\"\n                                            *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\">\n                                        </p-sortIcon>\n                                    </div>\n                                </th>\n                            </tr>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"body\"\n                            let-rowData\n                            let-columns\n                            let-rowIndex=\"rowIndex\">\n                            <tr\n                                sNavigation\n                                [pSelectableRow]=\"rowData\"\n                                [pSelectableRowIndex]=\"rowIndex\"\n                                sDoubleClick (onDoubleClick)=\"onTableRowDoubleClick(rowData)\">\n                                <td\n                                    *ngIf=\"multiple\"\n                                    style=\"width: 50px\"\n                                    tabindex=\"0\">\n                                    <p-tableCheckbox\n                                        [value]=\"rowData\"\n                                        [pSelectableRow]=\"rowData\">\n                                    </p-tableCheckbox>\n                                </td>\n                                <td\n                                    [style.width]=\"col['width']\"\n                                    *ngFor=\"let col of searchGridFields\"\n                                    [ngSwitch]=\"col.type\"\n                                    tabindex=\"0\">\n                                    <ng-container *ngSwitchCase=\"'Boolean'\">\n                                        <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Date'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedDate: col.calendarLocaleOptions?.dateFormat || \"L\" | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'DateTime'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'LocalDateTime'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Time'\">\n                                        <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                            <span>{{ getFieldValue(rowData, col.name) | localizedTime: col.calendarLocaleOptions?.dateFormat || \"LTS\" | async }}</span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Integer'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getIntegerMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Double'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getDoubleMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Money'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getMoneyMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Number'\">\n                                        <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                            <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchCase=\"'Enum'\">\n                                        <ng-container *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\">\n                                            <ng-container *ngIf=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options); then withBadge; else withoutBadge\"></ng-container>\n                                            <ng-template #withBadge>\n                                                <s-badge\n                                                    [text]=\"getLabelForValue(getFieldValue(rowData, col.name), col.options)\"\n                                                    [color]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).color\"\n                                                    [type]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).type\"\n                                                    [iconClass]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).iconClass\"\n                                                    [iconPosition]=\"getBadgeFromValue(getFieldValue(rowData, col.name), col.options).iconPosition\">\n                                                </s-badge>\n                                            </ng-template>\n                                            <ng-template #withoutBadge>\n                                                <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                            </ng-template>\n                                        </ng-container>\n                                    </ng-container>\n                                    <ng-container *ngSwitchDefault>\n                                        <ng-container *ngIf=\"col.mask && col.mask({ value: rowData })\">\n                                            <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                                <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask({ value: rowData }) }}</span>\n                                            </ng-container>\n                                        </ng-container>\n                                        <ng-container *ngIf=\"!(col.mask && col.mask({ value: rowData }))\">\n                                            <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                                <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"paginatorright\">\n                            <span [attr.data-hidden]=\"loading\">\n                                {{ printRecordTotalizer() }}\n                            </span>\n                        </ng-template>\n                </p-table>\n            </div>\n\n        </div>\n    </div>\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel || 'platform.angular_components.select' | translate\"\n            (onClick)=\"select()\"\n            sTooltip=\"(ALT + SHIFT + S)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\">\n        </s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel || 'platform.angular_components.cancel' | translate\"\n            (onClick)=\"hideDialog()\"\n            sTooltip=\"(ALT + SHIFT + C)\"\n            tooltipPosition=\"top\"\n            showDelay=\"500\">\n        </s-button>\n    </p-footer>\n</p-dialog>\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">\n        {{ emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -17906,8 +17909,7 @@ ObjectCardMainComponent = ObjectCardMainComponent_1 = __decorate([
 
 var ObjectCardComponent_1;
 let ObjectCardComponent = ObjectCardComponent_1 = class ObjectCardComponent {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
+    constructor() {
         this.id = `s-object-card-${ObjectCardComponent_1.nextId++}`;
         this.expanded = false;
         this.expandTooltip = "Abrir painel";
@@ -17918,32 +17920,32 @@ let ObjectCardComponent = ObjectCardComponent_1 = class ObjectCardComponent {
         this.severity = EnumSeverity.Default;
         this.EnumSeverity = EnumSeverity;
     }
-    ngAfterViewInit() {
-    }
     ngAfterContentChecked() {
         this.update();
     }
     update() {
         const windowWidth = window.innerWidth;
-        const containerWidth = this.elementRef.nativeElement.offsetWidth;
-        const mainFieldWidth = containerWidth * 0.3 > 260 ? containerWidth * 0.3 : 260;
+        const containerWidth = this.container.nativeElement.getBoundingClientRect().width;
+        const mainFieldWidth = this.cardMainContainer.nativeElement.getBoundingClientRect().width;
+        let remainingSpace = containerWidth - mainFieldWidth;
         const fieldsMinWidth = this.fieldsMinWidth;
-        const expandIconWidth = 50;
-        const fieldElementList = this.elementRef.nativeElement.getElementsByClassName("s-object-card-field");
-        for (const element of fieldElementList) {
-            element.style.minWidth = `${this.fieldsMinWidth}px`;
-        }
+        const expandIconWidth = this.iconContainer.nativeElement.getBoundingClientRect().width;
         let maxFieldQtd;
-        if (windowWidth <= Breakpoints.SM_MAX)
+        if (windowWidth <= Breakpoints.SM_MAX) {
             maxFieldQtd = 0;
-        else
-            maxFieldQtd = Math.floor((containerWidth - mainFieldWidth) / fieldsMinWidth);
-        if (maxFieldQtd && maxFieldQtd < this.fields.length) {
-            maxFieldQtd = Math.floor((containerWidth - mainFieldWidth - expandIconWidth) / fieldsMinWidth);
+        }
+        else {
+            maxFieldQtd = Math.floor((remainingSpace) / fieldsMinWidth);
+        }
+        const hasExpandIcon = maxFieldQtd && maxFieldQtd < this.fields.length;
+        if (hasExpandIcon) {
+            remainingSpace = remainingSpace - expandIconWidth;
+            maxFieldQtd = Math.floor((remainingSpace) / fieldsMinWidth);
         }
         this.maxVisibleFields = maxFieldQtd;
-        if (maxFieldQtd >= this.fields.length && this.expanded)
+        if (maxFieldQtd >= this.fields.length && this.expanded) {
             this.collapse();
+        }
     }
     toggle() {
         this.expanded ? this.collapse() : this.expand();
@@ -17956,24 +17958,8 @@ let ObjectCardComponent = ObjectCardComponent_1 = class ObjectCardComponent {
         this.expanded = false;
         this.expandedChange.emit(this.expanded);
     }
-    getExpandedFieldWidth() {
-        const containerWidth = this.elementRef.nativeElement.offsetWidth;
-        let fieldsPerRow;
-        if (containerWidth <= Breakpoints.SM_MAX)
-            fieldsPerRow = 1;
-        else if (containerWidth <= Breakpoints.MD_MAX)
-            fieldsPerRow = 2;
-        else if (containerWidth <= Breakpoints.LG_MAX)
-            fieldsPerRow = 4;
-        else
-            fieldsPerRow = 6;
-        return 12 / fieldsPerRow;
-    }
 };
 ObjectCardComponent.nextId = 0;
-ObjectCardComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
 __decorate([
     Input()
 ], ObjectCardComponent.prototype, "id", void 0);
@@ -18004,10 +17990,19 @@ __decorate([
 __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: "s-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        [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=\"s-object-card-main\"><ng-content select=\"s-object-card-main\"></ng-content></div>\n\n            <div class=\"divider\" *ngIf=\"maxVisibleFields && fields.length\"></div>\n\n            <div *ngFor=\"let field of (fields.toArray() | slice: 0:maxVisibleFields)\" class=\"s-object-card-field\">\n                <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n            </div>\n        </div>\n\n        <div\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            (click)=\"toggle()\"\n            [pTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n        >\n            <span [id]=\"id + '-expand-icon'\" class=\"expand-icon fa\" [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"></span>\n        </div>\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=\"ui-g ui-g-12\">\n            <ng-container\n                *ngFor=\"\n                    let field of fields.toArray()\n                        | slice : maxVisibleFields : fields.length\n                \"\n            >\n                <div class=\"ui-g-{{ getExpandedFieldWidth() }}\">\n                    <div class=\"s-object-card-field\">\n                        <ng-container\n                            *ngTemplateOutlet=\"field.content\"\n                        ></ng-container>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </div>\n</div>\n",
+        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=\"s-object-card-main\" #cardMainContainer [style.min-width.px]=\"fieldsMinWidth\">\n                <ng-content select=\"s-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)\" class=\"s-object-card-field\" [style.min-width.px]=\"fieldsMinWidth\">\n                \n                <ng-container *ngTemplateOutlet=\"field.content\"></ng-container>\n            </div>\n        </div>\n\n        <div\n            #iconContainer\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            (click)=\"toggle()\"\n            [pTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n        >\n            <span [id]=\"id + '-expand-icon'\" class=\"expand-icon fa\" [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"></span>\n        </div>\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=\"s-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$7({
@@ -18033,7 +18028,7 @@ ObjectCardComponent = ObjectCardComponent_1 = __decorate([
                 ]),
             ]),
         ],
-        styles: [":host{display:block}.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;width:25px;position:absolute;right:15px;height:25px;top:calc(50% - 12px)}.expand-icon{-ms-flex:1;flex:1}.object-content{display:-ms-flexbox;display:flex;width:100%}.s-object-card-main{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding:15px}.main-container.with-visible-fields .s-object-card-main{max-width:30%}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.main-container.with-visible-fields .s-object-card-main{width:20%}}.s-object-card-field{overflow:hidden;height:100%}.main-container .s-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){.s-object-card-main{max-width:calc(100% - 50px)}}"]
+        styles: [":host{display:block}.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{text-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:12px}.expand-icon{-ms-flex:1;flex:1}.object-content{display:-ms-flexbox;display:flex;width:100%}.s-object-card-main{overflow:hidden;padding:15px}.main-container.with-visible-fields .s-object-card-main{max-width:30%}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.main-container.with-visible-fields .s-object-card-main{width:20%}}.s-object-card-field{overflow:hidden;height:100%}.main-container .s-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){.s-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);