@senior-gestao-empresarial/angular-components 7.29.1 → 8.0.0

package/fesm2022/senior-gestao-empresarial-angular-components-nps.mjs

@@ -0,0 +1,81 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { user } from '@seniorsistemas/senior-platform-data';
+
+// https://widget.tracksale.co/
+class NpsService {
+    async getUserInformation() {
+        return user.getToken();
+    }
+    /**
+     * Executa o serviço de NPS utilizando os dados do usuário atual
+     *
+     * @param tracksaleRequest request que será enviado ao serviço de nps
+     */
+    async currentUserInitNPS(tracksaleRequest) {
+        const { tenantName, email, fullName } = await this.getUserInformation();
+        const copyTracksaleRequest = { ...tracksaleRequest };
+        copyTracksaleRequest.tags =
+            (tracksaleRequest.tags && {
+                ...tracksaleRequest.tags,
+            }) ??
+                {};
+        copyTracksaleRequest.name = fullName;
+        copyTracksaleRequest.email = email;
+        copyTracksaleRequest.identification = email;
+        if (copyTracksaleRequest.tags) {
+            copyTracksaleRequest.tags['tenant'] = tenantName;
+            copyTracksaleRequest.tags['email'] = email;
+        }
+        this.initNPS(copyTracksaleRequest);
+    }
+    /**
+     * Executa o serviço de NPS utilizando os dados fornecidos no tracksaleRequest
+     *
+     * @param tracksaleRequest request que será enviado ao serviço de nps
+     */
+    initNPS(tracksaleRequest) {
+        const scriptElement = document.getElementsByTagName('script')[0];
+        if (document.getElementById('tracksale-js')) {
+            return;
+        }
+        const element = document.createElement('script');
+        element.id = 'tracksale-js';
+        element.src = 'https://cdn.tracksale.co/tracksale-js/tracksale.js';
+        element.type = 'text/javascript';
+        element.async = true;
+        // @ts-expect-error onreadystatechange é uma propriedade legada do IE ausente nos tipos do DOM
+        element.onload = element.onreadystatechange = function () {
+            if (this.readyState &&
+                this.readyState !== 'complete' &&
+                this.readyState !== 'loaded') {
+                return;
+            }
+            try {
+                // @ts-expect-error Tracksale is a global from the external script
+                const trackSale = new Tracksale(); // eslint-disable-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
+                trackSale.init(tracksaleRequest);
+            }
+            catch {
+                // Swallow errors from external script
+            }
+        };
+        scriptElement.parentNode?.insertBefore(element, scriptElement);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NpsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NpsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NpsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NpsService };
+//# sourceMappingURL=senior-gestao-empresarial-angular-components-nps.mjs.map

package/fesm2022/senior-gestao-empresarial-angular-components-nps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"senior-gestao-empresarial-angular-components-nps.mjs","sources":["../../projects/snr-erpx-angular-components/nps/src/lib/nps.service.ts","../../projects/snr-erpx-angular-components/nps/src/senior-gestao-empresarial-angular-components-nps.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { user } from '@seniorsistemas/senior-platform-data';\nimport { ITokenSeniorX, TracksaleRequest } from './protocols';\n\n// https://widget.tracksale.co/\n@Injectable({\n    providedIn: 'root',\n})\nexport class NpsService {\n    public async getUserInformation(): Promise<ITokenSeniorX> {\n        return user.getToken() as Promise<ITokenSeniorX>;\n    }\n\n    /**\n     * Executa o serviço de NPS utilizando os dados do usuário atual\n     *\n     * @param tracksaleRequest request que será enviado ao serviço de nps\n     */\n    public async currentUserInitNPS(\n        tracksaleRequest: TracksaleRequest\n    ): Promise<void> {\n        const { tenantName, email, fullName } = await this.getUserInformation();\n\n        const copyTracksaleRequest = { ...tracksaleRequest };\n        copyTracksaleRequest.tags =\n            (tracksaleRequest.tags && {\n                ...tracksaleRequest.tags,\n            }) ??\n            {};\n\n        copyTracksaleRequest.name = fullName;\n        copyTracksaleRequest.email = email;\n        copyTracksaleRequest.identification = email;\n        if (copyTracksaleRequest.tags) {\n            copyTracksaleRequest.tags['tenant'] = tenantName;\n            copyTracksaleRequest.tags['email'] = email;\n        }\n\n        this.initNPS(copyTracksaleRequest);\n    }\n\n    /**\n     * Executa o serviço de NPS utilizando os dados fornecidos no tracksaleRequest\n     *\n     * @param tracksaleRequest request que será enviado ao serviço de nps\n     */\n    public initNPS(tracksaleRequest: TracksaleRequest): void {\n        const scriptElement = document.getElementsByTagName('script')[0];\n        if (document.getElementById('tracksale-js')) {\n            return;\n        }\n        const element = document.createElement('script');\n        element.id = 'tracksale-js';\n        element.src = 'https://cdn.tracksale.co/tracksale-js/tracksale.js';\n        element.type = 'text/javascript';\n        element.async = true;\n        // @ts-expect-error onreadystatechange é uma propriedade legada do IE ausente nos tipos do DOM\n        element.onload = element.onreadystatechange = function (\n            this: HTMLScriptElement & { readyState?: string }\n        ) {\n            if (\n                this.readyState &&\n                this.readyState !== 'complete' &&\n                this.readyState !== 'loaded'\n            ) {\n                return;\n            }\n            try {\n                // @ts-expect-error Tracksale is a global from the external script\n                const trackSale = new Tracksale(); // eslint-disable-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n                trackSale.init(tracksaleRequest);\n            } catch {\n                // Swallow errors from external script\n            }\n        };\n        scriptElement.parentNode?.insertBefore(element, scriptElement);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAIA;MAIa,UAAU,CAAA;AACZ,IAAA,MAAM,kBAAkB,GAAA;AAC3B,QAAA,OAAO,IAAI,CAAC,QAAQ,EAA4B,CAAC;KACpD;AAED;;;;AAIG;IACI,MAAM,kBAAkB,CAC3B,gBAAkC,EAAA;AAElC,QAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAExE,QAAA,MAAM,oBAAoB,GAAG,EAAE,GAAG,gBAAgB,EAAE,CAAC;AACrD,QAAA,oBAAoB,CAAC,IAAI;YACrB,CAAC,gBAAgB,CAAC,IAAI,IAAI;gBACtB,GAAG,gBAAgB,CAAC,IAAI;aAC3B;AACD,gBAAA,EAAE,CAAC;AAEP,QAAA,oBAAoB,CAAC,IAAI,GAAG,QAAQ,CAAC;AACrC,QAAA,oBAAoB,CAAC,KAAK,GAAG,KAAK,CAAC;AACnC,QAAA,oBAAoB,CAAC,cAAc,GAAG,KAAK,CAAC;AAC5C,QAAA,IAAI,oBAAoB,CAAC,IAAI,EAAE;AAC3B,YAAA,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAC;AACjD,YAAA,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;SAC9C;AAED,QAAA,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;KACtC;AAED;;;;AAIG;AACI,IAAA,OAAO,CAAC,gBAAkC,EAAA;QAC7C,MAAM,aAAa,GAAG,QAAQ,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACjE,QAAA,IAAI,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE;YACzC,OAAO;SACV;QACD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AACjD,QAAA,OAAO,CAAC,EAAE,GAAG,cAAc,CAAC;AAC5B,QAAA,OAAO,CAAC,GAAG,GAAG,oDAAoD,CAAC;AACnE,QAAA,OAAO,CAAC,IAAI,GAAG,iBAAiB,CAAC;AACjC,QAAA,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;;AAErB,QAAA,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,kBAAkB,GAAG,YAAA;YAG1C,IACI,IAAI,CAAC,UAAU;gBACf,IAAI,CAAC,UAAU,KAAK,UAAU;AAC9B,gBAAA,IAAI,CAAC,UAAU,KAAK,QAAQ,EAC9B;gBACE,OAAO;aACV;AACD,YAAA,IAAI;;AAEA,gBAAA,MAAM,SAAS,GAAG,IAAI,SAAS,EAAE,CAAC;;AAElC,gBAAA,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;aACpC;AAAC,YAAA,MAAM;;aAEP;AACL,SAAC,CAAC;QACF,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;KAClE;+GArEQ,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAV,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,cAFP,MAAM,EAAA,CAAA,CAAA,EAAA;;4FAET,UAAU,EAAA,UAAA,EAAA,CAAA;kBAHtB,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}

package/fesm2022/senior-gestao-empresarial-angular-components-object-card.mjs

@@ -0,0 +1,461 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, TemplateRef, Component, Input, Output, ContentChild, ViewChild, HostListener, ContentChildren, NgModule } from '@angular/core';
+import * as i2 from '@seniorsistemas/angular-components/tooltip';
+import { TooltipDirective } from '@seniorsistemas/angular-components/tooltip';
+import * as i3$1 from 'primeng/dialog';
+import { DialogModule } from 'primeng/dialog';
+import * as i4 from '@seniorsistemas/angular-components/button';
+import { ButtonComponent } from '@seniorsistemas/angular-components/button';
+import * as i6 from '@seniorsistemas/angular-components/loading-state';
+import { LoadingStateModule } from '@seniorsistemas/angular-components/loading-state';
+import * as i7 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i3 from '@senior-gestao-empresarial/angular-components/thumbnail';
+import { ThumbnailComponent, ThumbnailSize, ThumbnailModule } from '@senior-gestao-empresarial/angular-components/thumbnail';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import { Breakpoints } from '@senior-gestao-empresarial/angular-components/utils';
+import { firstValueFrom } from 'rxjs';
+
+var EnumSeverity;
+(function (EnumSeverity) {
+    EnumSeverity["Default"] = "Default";
+    EnumSeverity["Info"] = "Info";
+    EnumSeverity["Warn"] = "Warn";
+    EnumSeverity["Error"] = "Error";
+    EnumSeverity["Success"] = "Success";
+})(EnumSeverity || (EnumSeverity = {}));
+
+class ObjectCardFieldComponent {
+    constructor() {
+        this.id = `erp-object-card-field-${ObjectCardFieldComponent.getNextId()}`;
+        this.buttonClick = new EventEmitter();
+    }
+    static { this.nextId = 0; }
+    static getNextId() {
+        const id = ObjectCardFieldComponent.nextId;
+        ObjectCardFieldComponent.nextId++;
+        return id;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectCardFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ObjectCardFieldComponent, selector: "erp-object-card-field", inputs: { id: "id", imageSource: "imageSource", imageAlt: "imageAlt", iconClass: "iconClass", label: "label", description: "description", buttonLabel: "buttonLabel", buttonModel: "buttonModel" }, outputs: { buttonClick: "buttonClick" }, queries: [{ propertyName: "thumbnailComponent", first: true, predicate: ThumbnailComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template>\n    <div class=\"container\">\n        <ng-content select=\"s-thumbnail\"></ng-content>\n        @if (!thumbnailComponent && (imageSource || iconClass)) {\n            <s-thumbnail\n                [id]=\"id + '-thumbnail'\"\n                [imageSource]=\"imageSource\"\n                [imageAlt]=\"imageAlt || label\"\n                [iconClass]=\"iconClass || 'far fa-image'\"\n                size=\"small\"\n            ></s-thumbnail>\n        }\n\n        <div class=\"info-container\">\n            <div #labelTemplate>\n                <ng-content select=\"[labelTemplate]\"></ng-content>\n            </div>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    textSpan;\n                    context: {\n                        elementId: id + '-label',\n                        text: label,\n                        cssClass: 'label',\n                        templateWrapper: labelTemplate,\n                    }\n                \"\n            ></ng-container>\n\n            <div #descriptionTemplate>\n                <ng-content select=\"[descriptionTemplate]\"></ng-content>\n            </div>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    textSpan;\n                    context: {\n                        cssClass: 'description',\n                        elementId: id + '-description',\n                        templateWrapper: descriptionTemplate,\n                        text: description,\n                    }\n                \"\n            ></ng-container>\n\n            @if (buttonLabel) {\n                <s-button\n                    [id]=\"id + '-button'\"\n                    [label]=\"buttonLabel\"\n                    priority=\"link\"\n                    size=\"small\"\n                    [menuOptions]=\"buttonModel || []\"\n                    (clicked)=\"buttonClick.emit($event)\"\n                ></s-button>\n            }\n\n            <ng-template\n                #textSpan\n                let-text=\"text\"\n                let-elementId=\"elementId\"\n                let-templateWrapper=\"templateWrapper\"\n                let-cssClass=\"cssClass\"\n            >\n                @if (!templateWrapper.children.length) {\n                    <span\n                        [id]=\"elementId\"\n                        [sTooltip]=\"text\"\n                        tooltipPosition=\"top\"\n                        [class]=\"cssClass\"\n                        [showDelay]=\"500\"\n                        >{{ text }}</span\n                    >\n                }\n            </ng-template>\n        </div>\n    </div>\n</ng-template>\n", styles: [".container{align-items:center;display:flex;height:100%}.info-container{margin-left:10px}.info-container,.info-container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-container .label{color:#999;display:block}.info-container .description{display:block}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.info-container{flex:1}}@media (max-width: 767px){.info-container,.info-container span{white-space:normal}}.info-container:only-child{margin-left:0}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i3.ThumbnailComponent, selector: "s-thumbnail", inputs: ["id", "size", "imageSource", "imageFallback", "imageAlt", "iconClass", "hasAction", "actionIconClass", "isTile", "isBrand"] }, { kind: "component", type: i4.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectCardFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'erp-object-card-field', template: "<ng-template>\n    <div class=\"container\">\n        <ng-content select=\"s-thumbnail\"></ng-content>\n        @if (!thumbnailComponent && (imageSource || iconClass)) {\n            <s-thumbnail\n                [id]=\"id + '-thumbnail'\"\n                [imageSource]=\"imageSource\"\n                [imageAlt]=\"imageAlt || label\"\n                [iconClass]=\"iconClass || 'far fa-image'\"\n                size=\"small\"\n            ></s-thumbnail>\n        }\n\n        <div class=\"info-container\">\n            <div #labelTemplate>\n                <ng-content select=\"[labelTemplate]\"></ng-content>\n            </div>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    textSpan;\n                    context: {\n                        elementId: id + '-label',\n                        text: label,\n                        cssClass: 'label',\n                        templateWrapper: labelTemplate,\n                    }\n                \"\n            ></ng-container>\n\n            <div #descriptionTemplate>\n                <ng-content select=\"[descriptionTemplate]\"></ng-content>\n            </div>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    textSpan;\n                    context: {\n                        cssClass: 'description',\n                        elementId: id + '-description',\n                        templateWrapper: descriptionTemplate,\n                        text: description,\n                    }\n                \"\n            ></ng-container>\n\n            @if (buttonLabel) {\n                <s-button\n                    [id]=\"id + '-button'\"\n                    [label]=\"buttonLabel\"\n                    priority=\"link\"\n                    size=\"small\"\n                    [menuOptions]=\"buttonModel || []\"\n                    (clicked)=\"buttonClick.emit($event)\"\n                ></s-button>\n            }\n\n            <ng-template\n                #textSpan\n                let-text=\"text\"\n                let-elementId=\"elementId\"\n                let-templateWrapper=\"templateWrapper\"\n                let-cssClass=\"cssClass\"\n            >\n                @if (!templateWrapper.children.length) {\n                    <span\n                        [id]=\"elementId\"\n                        [sTooltip]=\"text\"\n                        tooltipPosition=\"top\"\n                        [class]=\"cssClass\"\n                        [showDelay]=\"500\"\n                        >{{ text }}</span\n                    >\n                }\n            </ng-template>\n        </div>\n    </div>\n</ng-template>\n", styles: [".container{align-items:center;display:flex;height:100%}.info-container{margin-left:10px}.info-container,.info-container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-container .label{color:#999;display:block}.info-container .description{display:block}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.info-container{flex:1}}@media (max-width: 767px){.info-container,.info-container span{white-space:normal}}.info-container:only-child{margin-left:0}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], imageSource: [{
+                type: Input
+            }], imageAlt: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], buttonLabel: [{
+                type: Input
+            }], buttonModel: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }], thumbnailComponent: [{
+                type: ContentChild,
+                args: [ThumbnailComponent, { static: true }]
+            }], content: [{
+                type: ViewChild,
+                args: [TemplateRef, { static: true }]
+            }] } });
+
+class ObjectCardMainComponent {
+    constructor() {
+        this.id = `erp-object-card-main-${ObjectCardMainComponent.getNextId()}`;
+        this.iconClass = 'fa fa-picture-o';
+        this.hasThumbnail = true;
+        this.hasDescription = true;
+        this.isBrand = false;
+        this.expandableImage = false;
+        this.buttonClick = new EventEmitter();
+        this.showImageModal = false;
+        this.loadingFullImage = false;
+        this._thumbnailSize = ThumbnailSize.Medium;
+    }
+    static { this.nextId = 0; }
+    static getNextId() {
+        const id = ObjectCardMainComponent.nextId;
+        ObjectCardMainComponent.nextId++;
+        return id;
+    }
+    set thumbnailSize(value) {
+        this._thumbnailSize = value;
+        if (this.thumbnailComponent) {
+            this.thumbnailComponent.size = value;
+        }
+    }
+    get thumbnailSize() {
+        return this._thumbnailSize;
+    }
+    onResize() {
+        this.update();
+    }
+    ngAfterContentInit() {
+        this.update();
+    }
+    update() {
+        const windowWidth = window.innerWidth;
+        if (windowWidth <= Breakpoints.SM_MAX) {
+            this.thumbnailSize = ThumbnailSize.Small;
+        }
+        else {
+            this.thumbnailSize = ThumbnailSize.Medium;
+        }
+    }
+    get imageAltText() {
+        return this.getImageAltText();
+    }
+    getImageAltText() {
+        const altText = this.imageAlt ?? this.label ?? '';
+        return altText
+            .replace(/\bimage\b/gi, '')
+            .replace(/\bimagem\b/gi, '')
+            .trim();
+    }
+    async openImageModal() {
+        if (!this.expandableImage || !this.imageSource) {
+            return;
+        }
+        this.showImageModal = true;
+        this.fullImageSource = await this.resolveFullImageSource();
+    }
+    async resolveFullImageSource() {
+        if (!this.imageLoader || this.fullImageSource) {
+            return this.fullImageSource ?? this.imageSource;
+        }
+        this.loadingFullImage = true;
+        try {
+            const result = this.imageLoader();
+            return await (result instanceof Promise
+                ? result
+                : firstValueFrom(result));
+        }
+        catch (error) {
+            console.error('Erro ao carregar imagem completa:', error);
+            return this.imageSource;
+        }
+        finally {
+            this.loadingFullImage = false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectCardMainComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ObjectCardMainComponent, selector: "erp-object-card-main", inputs: { id: "id", imageSource: "imageSource", imageFallback: "imageFallback", imageAlt: "imageAlt", iconClass: "iconClass", hasThumbnail: "hasThumbnail", hasDescription: "hasDescription", isBrand: "isBrand", expandableImage: "expandableImage", imageLoader: "imageLoader", label: "label", description: "description", buttonLabel: "buttonLabel", buttonModel: "buttonModel" }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "thumbnailComponent", first: true, predicate: ThumbnailComponent, descendants: true, static: true }], ngImport: i0, template: "@if (hasThumbnail) {\n    <ng-content select=\"s-thumbnail\"></ng-content>\n    @if (!thumbnailComponent) {\n        <s-thumbnail\n            [id]=\"id + '-thumbnail'\"\n            [imageSource]=\"imageSource\"\n            [imageFallback]=\"imageFallback\"\n            [imageAlt]=\"imageAlt\"\n            [iconClass]=\"iconClass\"\n            [size]=\"thumbnailSize\"\n            [isBrand]=\"isBrand\"\n            [ngClass]=\"{\n                'expandable-thumbnail': expandableImage && imageSource,\n            }\"\n            (click)=\"openImageModal()\"\n            (keydown.enter)=\"openImageModal()\"\n            (keydown.space)=\"openImageModal()\"\n            tabindex=\"0\"\n            role=\"button\"\n        ></s-thumbnail>\n    }\n}\n\n<p-dialog\n    [header]=\"imageAlt || 'Visualizar'\"\n    [(visible)]=\"showImageModal\"\n    [modal]=\"true\"\n    [dismissableMask]=\"true\"\n    [styleClass]=\"'image-modal'\"\n    appendTo=\"body\"\n    [draggable]=\"false\"\n    closeAriaLabel=\"{{ 'erpx_fnd.empresa.fechar' | translate }}\"\n    [contentStyle]=\"{\n        overflow: 'hidden',\n        'text-align': 'center',\n        display: 'flex',\n        'align-items': 'center',\n        'justify-content': 'center',\n    }\"\n>\n    <s-loading-state [loading]=\"loadingFullImage\">\n        @if (fullImageSource) {\n            <img\n                [src]=\"fullImageSource\"\n                alt=\"\"\n                [attr.alt]=\"imageAltText\"\n                width=\"100%\"\n                height=\"auto\"\n                class=\"expanded-image\"\n            />\n        }\n    </s-loading-state>\n</p-dialog>\n\n@if (hasDescription) {\n    <div class=\"info-container\">\n        <div #labelTemplate>\n            <ng-content select=\"[labelTemplate]\"></ng-content>\n        </div>\n        <ng-container\n            *ngTemplateOutlet=\"\n                textSpan;\n                context: {\n                    elementId: id + '-label',\n                    text: label,\n                    cssClass: 'label',\n                    templateWrapper: labelTemplate,\n                }\n            \"\n        ></ng-container>\n        <div #descriptionTemplate>\n            <ng-content select=\"[descriptionTemplate]\"></ng-content>\n        </div>\n        <ng-container\n            *ngTemplateOutlet=\"\n                textSpan;\n                context: {\n                    elementId: id + '-description',\n                    text: description,\n                    cssClass: 'description',\n                    templateWrapper: descriptionTemplate,\n                }\n            \"\n        ></ng-container>\n        @if (buttonLabel) {\n            <s-button\n                [id]=\"id + '-button'\"\n                priority=\"link\"\n                [label]=\"buttonLabel\"\n                [menuOptions]=\"buttonModel || []\"\n                size=\"small\"\n                (clicked)=\"buttonClick.emit($event)\"\n            ></s-button>\n        }\n        <ng-template\n            #textSpan\n            let-elementId=\"elementId\"\n            let-text=\"text\"\n            let-cssClass=\"cssClass\"\n            let-templateWrapper=\"templateWrapper\"\n        >\n            @if (!templateWrapper.children.length) {\n                <span\n                    [id]=\"elementId\"\n                    [class]=\"cssClass\"\n                    [sTooltip]=\"text\"\n                    tooltipPosition=\"top\"\n                    [showDelay]=\"500\"\n                    >{{ text }}</span\n                >\n            }\n        </ng-template>\n    </div>\n}\n", styles: [":host{align-items:center;display:flex;min-height:70px}.info-container{margin-left:10px;flex:1}.info-container,.info-container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-container .label{display:block;font-weight:700}.info-container .description{color:#999;display:block}@media (max-width: 767px){.info-container,.info-container span{white-space:normal}}::ng-deep .expandable-thumbnail{cursor:pointer;transition:opacity .2s ease}::ng-deep .expandable-thumbnail:hover{opacity:.8}::ng-deep .image-modal .p-dialog{width:80vw;max-width:80vw;height:80vh;max-height:80vh}::ng-deep .image-modal .p-dialog-content{overflow:hidden!important;display:flex;align-items:center;justify-content:center;padding:0}::ng-deep .image-modal .expanded-image{max-width:100%;max-height:calc(80vh - 60px);width:auto;height:auto;object-fit:contain}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i3$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i3.ThumbnailComponent, selector: "s-thumbnail", inputs: ["id", "size", "imageSource", "imageFallback", "imageAlt", "iconClass", "hasAction", "actionIconClass", "isTile", "isBrand"] }, { kind: "component", type: i4.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel", "ariaLabel"], outputs: ["clicked"] }, { kind: "component", type: i6.LoadingStateComponent, selector: "s-loading-state", inputs: ["indicator", "id", "blockWindow", "loading", "progressBarMode", "progressBarValue", "progressBarLabel"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectCardMainComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'erp-object-card-main', template: "@if (hasThumbnail) {\n    <ng-content select=\"s-thumbnail\"></ng-content>\n    @if (!thumbnailComponent) {\n        <s-thumbnail\n            [id]=\"id + '-thumbnail'\"\n            [imageSource]=\"imageSource\"\n            [imageFallback]=\"imageFallback\"\n            [imageAlt]=\"imageAlt\"\n            [iconClass]=\"iconClass\"\n            [size]=\"thumbnailSize\"\n            [isBrand]=\"isBrand\"\n            [ngClass]=\"{\n                'expandable-thumbnail': expandableImage && imageSource,\n            }\"\n            (click)=\"openImageModal()\"\n            (keydown.enter)=\"openImageModal()\"\n            (keydown.space)=\"openImageModal()\"\n            tabindex=\"0\"\n            role=\"button\"\n        ></s-thumbnail>\n    }\n}\n\n<p-dialog\n    [header]=\"imageAlt || 'Visualizar'\"\n    [(visible)]=\"showImageModal\"\n    [modal]=\"true\"\n    [dismissableMask]=\"true\"\n    [styleClass]=\"'image-modal'\"\n    appendTo=\"body\"\n    [draggable]=\"false\"\n    closeAriaLabel=\"{{ 'erpx_fnd.empresa.fechar' | translate }}\"\n    [contentStyle]=\"{\n        overflow: 'hidden',\n        'text-align': 'center',\n        display: 'flex',\n        'align-items': 'center',\n        'justify-content': 'center',\n    }\"\n>\n    <s-loading-state [loading]=\"loadingFullImage\">\n        @if (fullImageSource) {\n            <img\n                [src]=\"fullImageSource\"\n                alt=\"\"\n                [attr.alt]=\"imageAltText\"\n                width=\"100%\"\n                height=\"auto\"\n                class=\"expanded-image\"\n            />\n        }\n    </s-loading-state>\n</p-dialog>\n\n@if (hasDescription) {\n    <div class=\"info-container\">\n        <div #labelTemplate>\n            <ng-content select=\"[labelTemplate]\"></ng-content>\n        </div>\n        <ng-container\n            *ngTemplateOutlet=\"\n                textSpan;\n                context: {\n                    elementId: id + '-label',\n                    text: label,\n                    cssClass: 'label',\n                    templateWrapper: labelTemplate,\n                }\n            \"\n        ></ng-container>\n        <div #descriptionTemplate>\n            <ng-content select=\"[descriptionTemplate]\"></ng-content>\n        </div>\n        <ng-container\n            *ngTemplateOutlet=\"\n                textSpan;\n                context: {\n                    elementId: id + '-description',\n                    text: description,\n                    cssClass: 'description',\n                    templateWrapper: descriptionTemplate,\n                }\n            \"\n        ></ng-container>\n        @if (buttonLabel) {\n            <s-button\n                [id]=\"id + '-button'\"\n                priority=\"link\"\n                [label]=\"buttonLabel\"\n                [menuOptions]=\"buttonModel || []\"\n                size=\"small\"\n                (clicked)=\"buttonClick.emit($event)\"\n            ></s-button>\n        }\n        <ng-template\n            #textSpan\n            let-elementId=\"elementId\"\n            let-text=\"text\"\n            let-cssClass=\"cssClass\"\n            let-templateWrapper=\"templateWrapper\"\n        >\n            @if (!templateWrapper.children.length) {\n                <span\n                    [id]=\"elementId\"\n                    [class]=\"cssClass\"\n                    [sTooltip]=\"text\"\n                    tooltipPosition=\"top\"\n                    [showDelay]=\"500\"\n                    >{{ text }}</span\n                >\n            }\n        </ng-template>\n    </div>\n}\n", styles: [":host{align-items:center;display:flex;min-height:70px}.info-container{margin-left:10px;flex:1}.info-container,.info-container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-container .label{display:block;font-weight:700}.info-container .description{color:#999;display:block}@media (max-width: 767px){.info-container,.info-container span{white-space:normal}}::ng-deep .expandable-thumbnail{cursor:pointer;transition:opacity .2s ease}::ng-deep .expandable-thumbnail:hover{opacity:.8}::ng-deep .image-modal .p-dialog{width:80vw;max-width:80vw;height:80vh;max-height:80vh}::ng-deep .image-modal .p-dialog-content{overflow:hidden!important;display:flex;align-items:center;justify-content:center;padding:0}::ng-deep .image-modal .expanded-image{max-width:100%;max-height:calc(80vh - 60px);width:auto;height:auto;object-fit:contain}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], imageSource: [{
+                type: Input
+            }], imageFallback: [{
+                type: Input
+            }], imageAlt: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], hasThumbnail: [{
+                type: Input
+            }], hasDescription: [{
+                type: Input
+            }], isBrand: [{
+                type: Input
+            }], expandableImage: [{
+                type: Input
+            }], imageLoader: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], buttonLabel: [{
+                type: Input
+            }], buttonModel: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }], thumbnailComponent: [{
+                type: ContentChild,
+                args: [ThumbnailComponent, { static: true }]
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+
+class BorderButtonComponent {
+    constructor() {
+        this.severity = EnumSeverity.Default;
+        this.EnumSeverity = EnumSeverity;
+    }
+    get isDisabled() {
+        return this.options?.disabled
+            ? this.options.disabled(this.severity)
+            : false;
+    }
+    get currentTooltip() {
+        return this.options?.tooltip
+            ? this.options.tooltip(this.severity)
+            : undefined;
+    }
+    get currentLabel() {
+        return this.options?.label ? this.options.label(this.severity) : null;
+    }
+    get currentIcon() {
+        return this.options?.icon ? this.options.icon(this.severity) : null;
+    }
+    handleClick() {
+        if (this.options?.onClick) {
+            this.options.onClick(this.severity);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BorderButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BorderButtonComponent, selector: "s-border-button", inputs: { severity: "severity", options: "options" }, ngImport: i0, template: "<button\n    class=\"border-button\"\n    [ngClass]=\"{\n        'border-button--severity-default': severity === EnumSeverity.Default,\n        'border-button--severity-info': severity === EnumSeverity.Info,\n        'border-button--severity-warn': severity === EnumSeverity.Warn,\n        'border-button--severity-error': severity === EnumSeverity.Error,\n        'border-button--severity-success': severity === EnumSeverity.Success,\n        'border-button--disabled': isDisabled,\n    }\"\n    (click)=\"handleClick()\"\n    [sTooltip]=\"currentTooltip\"\n    tooltipPosition=\"left\"\n    [disabled]=\"isDisabled\"\n>\n    <span class=\"border-button__label\">{{ currentLabel }}</span>\n    @if (currentIcon) {\n        <span class=\"border-button__icon {{ currentIcon }}\"></span>\n    }\n</button>\n", styles: [".border-button{padding:0 8px;border:1px solid;border-radius:12px;height:23px;max-width:320px;display:flex;justify-content:center;align-items:center;cursor:pointer}.border-button__label{font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;width:100%;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-button__icon{font-size:12px;color:#333;margin-left:8px}.border-button--severity-default{border-color:#ccc;background-color:#fff}.border-button--severity-info{border-color:#428bca;background-color:#d5e8ec;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-info:enabled:hover{background-color:#9ecad4;cursor:pointer}.border-button--severity-info:enabled:active{transition:none;background-color:#67acbc;border-color:#67acbc}.border-button--severity-warn{border-color:#f8931f;background-color:#fce3ba;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-warn:enabled:hover{background-color:#f8bf5e;cursor:pointer}.border-button--severity-warn:enabled:active{transition:none;background-color:#f5a319;border-color:#f5a319}.border-button--severity-error{border-color:#c13018;background-color:#fcd2d2;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-error:enabled:hover{background-color:#f89696;cursor:pointer}.border-button--severity-error:enabled:active{transition:none;background-color:#f45b5b;border-color:#f45b5b}.border-button--severity-success{border-color:#0c9348;background-color:#e6ffb3;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-success:enabled:hover{background-color:#c8ff5c;cursor:pointer}.border-button--severity-success:enabled:active{transition:none;background-color:#ade500;border-color:#ade500}.border-button--disabled:disabled:hover{cursor:default}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BorderButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-border-button', template: "<button\n    class=\"border-button\"\n    [ngClass]=\"{\n        'border-button--severity-default': severity === EnumSeverity.Default,\n        'border-button--severity-info': severity === EnumSeverity.Info,\n        'border-button--severity-warn': severity === EnumSeverity.Warn,\n        'border-button--severity-error': severity === EnumSeverity.Error,\n        'border-button--severity-success': severity === EnumSeverity.Success,\n        'border-button--disabled': isDisabled,\n    }\"\n    (click)=\"handleClick()\"\n    [sTooltip]=\"currentTooltip\"\n    tooltipPosition=\"left\"\n    [disabled]=\"isDisabled\"\n>\n    <span class=\"border-button__label\">{{ currentLabel }}</span>\n    @if (currentIcon) {\n        <span class=\"border-button__icon {{ currentIcon }}\"></span>\n    }\n</button>\n", styles: [".border-button{padding:0 8px;border:1px solid;border-radius:12px;height:23px;max-width:320px;display:flex;justify-content:center;align-items:center;cursor:pointer}.border-button__label{font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;width:100%;display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-button__icon{font-size:12px;color:#333;margin-left:8px}.border-button--severity-default{border-color:#ccc;background-color:#fff}.border-button--severity-info{border-color:#428bca;background-color:#d5e8ec;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-info:enabled:hover{background-color:#9ecad4;cursor:pointer}.border-button--severity-info:enabled:active{transition:none;background-color:#67acbc;border-color:#67acbc}.border-button--severity-warn{border-color:#f8931f;background-color:#fce3ba;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-warn:enabled:hover{background-color:#f8bf5e;cursor:pointer}.border-button--severity-warn:enabled:active{transition:none;background-color:#f5a319;border-color:#f5a319}.border-button--severity-error{border-color:#c13018;background-color:#fcd2d2;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-error:enabled:hover{background-color:#f89696;cursor:pointer}.border-button--severity-error:enabled:active{transition:none;background-color:#f45b5b;border-color:#f45b5b}.border-button--severity-success{border-color:#0c9348;background-color:#e6ffb3;transition:background-color .5s ease,border-color .5s ease}.border-button--severity-success:enabled:hover{background-color:#c8ff5c;cursor:pointer}.border-button--severity-success:enabled:active{transition:none;background-color:#ade500;border-color:#ade500}.border-button--disabled:disabled:hover{cursor:default}\n"] }]
+        }], propDecorators: { severity: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }] } });
+
+class ObjectCardComponent {
+    constructor() {
+        this.id = `erp-object-card-${ObjectCardComponent.getNextId()}`;
+        this.expanded = false;
+        this.expandTooltip = 'Abrir painel';
+        this.collapseTooltip = 'Fechar painel';
+        this.fieldsMinWidth = 200;
+        this.expandedChange = new EventEmitter();
+        this.maxVisibleFields = 0;
+        this.severity = EnumSeverity.Default;
+        this.EnumSeverity = EnumSeverity;
+    }
+    static { this.nextId = 0; }
+    static getNextId() {
+        const id = ObjectCardComponent.nextId;
+        ObjectCardComponent.nextId++;
+        return id;
+    }
+    get visibleFields() {
+        return this.fields?.toArray().slice(0, this.maxVisibleFields) ?? [];
+    }
+    get hiddenFields() {
+        return this.fields?.toArray().slice(this.maxVisibleFields) ?? [];
+    }
+    get borderButtonIsVisible() {
+        return this.borderButtonOptions?.visible
+            ? this.borderButtonOptions.visible(this.severity)
+            : false;
+    }
+    ngAfterContentChecked() {
+        this.update();
+    }
+    toggle() {
+        this.expanded ? this.collapse() : this.expand();
+    }
+    expand() {
+        this.expanded = true;
+        this.expandedChange.emit(this.expanded);
+    }
+    collapse() {
+        this.expanded = false;
+        this.expandedChange.emit(this.expanded);
+    }
+    update() {
+        const windowWidth = window.innerWidth;
+        const containerWidth = this.container.nativeElement.getBoundingClientRect().width;
+        const mainFieldWidth = this.cardMainContainer.nativeElement.getBoundingClientRect().width;
+        let remainingSpace = containerWidth - mainFieldWidth;
+        const fieldsMinWidth = this.fieldsMinWidth;
+        const expandIconWidth = this.iconContainer.nativeElement.getBoundingClientRect().width;
+        let maxFieldQtd;
+        if (windowWidth <= Breakpoints.SM_MAX) {
+            maxFieldQtd = 0;
+        }
+        else {
+            maxFieldQtd = Math.floor(remainingSpace / fieldsMinWidth);
+        }
+        const hasExpandIcon = maxFieldQtd && maxFieldQtd < this.fields.length;
+        if (hasExpandIcon) {
+            this.iconContainer.nativeElement.style.display = 'flex';
+            remainingSpace = remainingSpace - expandIconWidth;
+            maxFieldQtd = Math.floor(remainingSpace / fieldsMinWidth);
+        }
+        else {
+            this.iconContainer.nativeElement.style.display = 'none';
+        }
+        this.maxVisibleFields = maxFieldQtd;
+        if (maxFieldQtd >= this.fields.length && this.expanded) {
+            this.collapse();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ObjectCardComponent, selector: "erp-object-card", inputs: { id: "id", expanded: "expanded", expandTooltip: "expandTooltip", collapseTooltip: "collapseTooltip", fieldsMinWidth: "fieldsMinWidth", severity: "severity", borderButtonOptions: "borderButtonOptions" }, outputs: { expandedChange: "expandedChange" }, queries: [{ propertyName: "main", first: true, predicate: ObjectCardMainComponent, descendants: true, static: true }, { propertyName: "fields", predicate: ObjectCardFieldComponent, descendants: true }], viewQueries: [{ propertyName: "container", first: true, predicate: ["contentContainer"], descendants: true, static: true }, { propertyName: "cardMainContainer", first: true, predicate: ["cardMainContainer"], descendants: true, static: true }, { propertyName: "iconContainer", first: true, predicate: ["iconContainer"], descendants: true, static: true }], ngImport: i0, template: "<div [id]=\"id\" class=\"container\">\n    @if (borderButtonIsVisible) {\n        <s-border-button\n            [severity]=\"severity\"\n            [options]=\"borderButtonOptions\"\n            class=\"object-card__border-button\"\n            [@BorderButtonAnimation]\n        ></s-border-button>\n    }\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':\n                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':\n                severity === EnumSeverity.Success,\n        }\"\n    >\n        <div class=\"object-content\">\n            <div\n                class=\"erp-object-card-main\"\n                #cardMainContainer\n                [style.min-width.px]=\"fieldsMinWidth\"\n            >\n                <ng-content select=\"erp-object-card-main\"></ng-content>\n            </div>\n\n            @if (maxVisibleFields && fields.length) {\n                <div class=\"divider\"></div>\n            }\n\n            @for (field of visibleFields; track field.id) {\n                <div\n                    class=\"erp-object-card-field\"\n                    [style.min-width.px]=\"fieldsMinWidth\"\n                >\n                    <ng-container\n                        *ngTemplateOutlet=\"field.content\"\n                    ></ng-container>\n                </div>\n            }\n        </div>\n\n        <button\n            #iconContainer\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            (click)=\"toggle()\"\n            [sTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n            [attr.aria-label]=\"expanded ? collapseTooltip : expandTooltip\"\n            title=\"Expandir/Recolher\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            type=\"button\"\n        >\n            <span\n                [id]=\"id + '-expand-icon'\"\n                class=\"expand-icon fa\"\n                [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"\n            ></span>\n        </button>\n    </div>\n\n    <div\n        [id]=\"id + '-expandable-container'\"\n        [@expandableContent]=\"expanded\"\n        class=\"expandable-container\"\n        [ngClass]=\"{\n            'expandable-container--severity-default':\n                severity === EnumSeverity.Default,\n            'expandable-container--severity-info':\n                severity === EnumSeverity.Info,\n            'expandable-container--severity-warn':\n                severity === EnumSeverity.Warn,\n            'expandable-container--severity-error':\n                severity === EnumSeverity.Error,\n            'expandable-container--severity-success':\n                severity === EnumSeverity.Success,\n        }\"\n    >\n        <div class=\"childlist\">\n            @for (field of hiddenFields; track field.id) {\n                <div\n                    class=\"erp-object-card-field\"\n                    [style.min-width.px]=\"fieldsMinWidth\"\n                >\n                    <ng-container\n                        *ngTemplateOutlet=\"field.content\"\n                    ></ng-container>\n                </div>\n            }\n        </div>\n    </div>\n</div>\n", styles: [":host{display:block}:host::ng-deep .sds-badge{height:auto;white-space:normal}.container{margin-bottom:20px;position:relative}.main-container{display:flex}.main-container,.expandable-container{background-color:#fff;border:1px solid #cccccc;position:relative;overflow:hidden;width:100%}.expandable-container--severity-default{border-color:#ccc;border-top:initial}.expandable-container--severity-info{transition:border-color .5s ease;border-color:#428bca;border-top:initial}.expandable-container--severity-warn{transition:border-color .5s ease;border-color:#f8931f;border-top:initial}.expandable-container--severity-error{transition:border-color .5s ease;border-color:#c13018;border-top:initial}.expandable-container--severity-success{transition:border-color .5s ease;border-color:#0c9348;border-top:initial}.main-container--severity-default{border-color:#ccc}.main-container--severity-info{transition:border-color .5s ease;border-color:#428bca}.main-container--severity-warn{transition:border-color .5s ease;border-color:#f8931f}.main-container--severity-error{transition:border-color .5s ease;border-color:#c13018}.main-container--severity-success{transition:border-color .5s ease;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;align-items:center;cursor:pointer;padding:12px;background:transparent;border:none;color:inherit}.expand-icon{flex:1}.object-content{display:flex;width:100%}.erp-object-card-main{overflow:hidden;padding:15px}.main-container.with-visible-fields .erp-object-card-main{max-width:30%}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.main-container.with-visible-fields .erp-object-card-main{width:20%}}.erp-object-card-field{overflow:hidden;height:100%}.main-container .erp-object-card-field{padding:15px}.main-container .divider{width:1px;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:flex}::ng-deep .object-card-button{padding-left:0!important;padding-right:10px!important;border:none!important;height:auto!important;min-width:auto!important;text-align:left!important}@media (max-width: 767px){.erp-object-card-main{max-width:calc(100% - 50px)}}.childlist{width:100%;display:flex;flex-wrap:wrap;padding:1em;gap:1em}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: BorderButtonComponent, selector: "s-border-button", inputs: ["severity", "options"] }], animations: [
+            trigger('expandableContent', [
+                state('*', style({
+                    height: '0',
+                })),
+                state('false', style({
+                    height: '0',
+                })),
+                state('true', style({
+                    height: '*',
+                })),
+                transition('* => true', animate('200ms ease-out')),
+                transition('false <=> true', animate('200ms ease-out')),
+            ]),
+            trigger('BorderButtonAnimation', [
+                transition(':enter', [
+                    style({ transform: 'scaleY(0)', opacity: 0 }),
+                    animate('300ms ease', style({ transform: 'scaleY(1)', opacity: 1 })),
+                ]),
+                transition(':leave', [
+                    style({ transform: 'scaleY(1)', opacity: 1 }),
+                    animate('300ms ease', style({ transform: 'scaleY(0)', opacity: 0 })),
+                ]),
+            ]),
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ObjectCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'erp-object-card', animations: [
+                        trigger('expandableContent', [
+                            state('*', style({
+                                height: '0',
+                            })),
+                            state('false', style({
+                                height: '0',
+                            })),
+                            state('true', style({
+                                height: '*',
+                            })),
+                            transition('* => true', animate('200ms ease-out')),
+                            transition('false <=> true', animate('200ms ease-out')),
+                        ]),
+                        trigger('BorderButtonAnimation', [
+                            transition(':enter', [
+                                style({ transform: 'scaleY(0)', opacity: 0 }),
+                                animate('300ms ease', style({ transform: 'scaleY(1)', opacity: 1 })),
+                            ]),
+                            transition(':leave', [
+                                style({ transform: 'scaleY(1)', opacity: 1 }),
+                                animate('300ms ease', style({ transform: 'scaleY(0)', opacity: 0 })),
+                            ]),
+                        ]),
+                    ], template: "<div [id]=\"id\" class=\"container\">\n    @if (borderButtonIsVisible) {\n        <s-border-button\n            [severity]=\"severity\"\n            [options]=\"borderButtonOptions\"\n            class=\"object-card__border-button\"\n            [@BorderButtonAnimation]\n        ></s-border-button>\n    }\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':\n                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':\n                severity === EnumSeverity.Success,\n        }\"\n    >\n        <div class=\"object-content\">\n            <div\n                class=\"erp-object-card-main\"\n                #cardMainContainer\n                [style.min-width.px]=\"fieldsMinWidth\"\n            >\n                <ng-content select=\"erp-object-card-main\"></ng-content>\n            </div>\n\n            @if (maxVisibleFields && fields.length) {\n                <div class=\"divider\"></div>\n            }\n\n            @for (field of visibleFields; track field.id) {\n                <div\n                    class=\"erp-object-card-field\"\n                    [style.min-width.px]=\"fieldsMinWidth\"\n                >\n                    <ng-container\n                        *ngTemplateOutlet=\"field.content\"\n                    ></ng-container>\n                </div>\n            }\n        </div>\n\n        <button\n            #iconContainer\n            [id]=\"id + '-expand-icon-container'\"\n            class=\"expand-icon-container\"\n            (click)=\"toggle()\"\n            [sTooltip]=\"expanded ? collapseTooltip : expandTooltip\"\n            [attr.aria-label]=\"expanded ? collapseTooltip : expandTooltip\"\n            title=\"Expandir/Recolher\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            type=\"button\"\n        >\n            <span\n                [id]=\"id + '-expand-icon'\"\n                class=\"expand-icon fa\"\n                [ngClass]=\"{ 'fa-minus': expanded, 'fa-plus': !expanded }\"\n            ></span>\n        </button>\n    </div>\n\n    <div\n        [id]=\"id + '-expandable-container'\"\n        [@expandableContent]=\"expanded\"\n        class=\"expandable-container\"\n        [ngClass]=\"{\n            'expandable-container--severity-default':\n                severity === EnumSeverity.Default,\n            'expandable-container--severity-info':\n                severity === EnumSeverity.Info,\n            'expandable-container--severity-warn':\n                severity === EnumSeverity.Warn,\n            'expandable-container--severity-error':\n                severity === EnumSeverity.Error,\n            'expandable-container--severity-success':\n                severity === EnumSeverity.Success,\n        }\"\n    >\n        <div class=\"childlist\">\n            @for (field of hiddenFields; track field.id) {\n                <div\n                    class=\"erp-object-card-field\"\n                    [style.min-width.px]=\"fieldsMinWidth\"\n                >\n                    <ng-container\n                        *ngTemplateOutlet=\"field.content\"\n                    ></ng-container>\n                </div>\n            }\n        </div>\n    </div>\n</div>\n", styles: [":host{display:block}:host::ng-deep .sds-badge{height:auto;white-space:normal}.container{margin-bottom:20px;position:relative}.main-container{display:flex}.main-container,.expandable-container{background-color:#fff;border:1px solid #cccccc;position:relative;overflow:hidden;width:100%}.expandable-container--severity-default{border-color:#ccc;border-top:initial}.expandable-container--severity-info{transition:border-color .5s ease;border-color:#428bca;border-top:initial}.expandable-container--severity-warn{transition:border-color .5s ease;border-color:#f8931f;border-top:initial}.expandable-container--severity-error{transition:border-color .5s ease;border-color:#c13018;border-top:initial}.expandable-container--severity-success{transition:border-color .5s ease;border-color:#0c9348;border-top:initial}.main-container--severity-default{border-color:#ccc}.main-container--severity-info{transition:border-color .5s ease;border-color:#428bca}.main-container--severity-warn{transition:border-color .5s ease;border-color:#f8931f}.main-container--severity-error{transition:border-color .5s ease;border-color:#c13018}.main-container--severity-success{transition:border-color .5s ease;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;align-items:center;cursor:pointer;padding:12px;background:transparent;border:none;color:inherit}.expand-icon{flex:1}.object-content{display:flex;width:100%}.erp-object-card-main{overflow:hidden;padding:15px}.main-container.with-visible-fields .erp-object-card-main{max-width:30%}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.main-container.with-visible-fields .erp-object-card-main{width:20%}}.erp-object-card-field{overflow:hidden;height:100%}.main-container .erp-object-card-field{padding:15px}.main-container .divider{width:1px;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:flex}::ng-deep .object-card-button{padding-left:0!important;padding-right:10px!important;border:none!important;height:auto!important;min-width:auto!important;text-align:left!important}@media (max-width: 767px){.erp-object-card-main{max-width:calc(100% - 50px)}}.childlist{width:100%;display:flex;flex-wrap:wrap;padding:1em;gap:1em}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], expandTooltip: [{
+                type: Input
+            }], collapseTooltip: [{
+                type: Input
+            }], fieldsMinWidth: [{
+                type: Input
+            }], expandedChange: [{
+                type: Output
+            }], main: [{
+                type: ContentChild,
+                args: [ObjectCardMainComponent, { static: true }]
+            }], fields: [{
+                type: ContentChildren,
+                args: [ObjectCardFieldComponent, { descendants: true }]
+            }], severity: [{
+                type: Input
+            }], borderButtonOptions: [{
+                type: Input
+            }], container: [{
+                type: ViewChild,
+                args: ['contentContainer', { static: true }]
+            }], cardMainContainer: [{
+                type: ViewChild,
+                args: ['cardMainContainer', { static: true }]
+            }], iconContainer: [{
+                type: ViewChild,
+                args: ['iconContainer', { static: true }]
+            }] } });
+
+class BorderButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BorderButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: BorderButtonModule, declarations: [BorderButtonComponent], imports: [CommonModule, TooltipDirective], exports: [BorderButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BorderButtonModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BorderButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TooltipDirective],
+                    declarations: [BorderButtonComponent],
+                    exports: [BorderButtonComponent],
+                }]
+        }] });
+
+class ErpObjectCardModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErpObjectCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ErpObjectCardModule, declarations: [ObjectCardComponent,
+            ObjectCardMainComponent,
+            ObjectCardFieldComponent], imports: [CommonModule,
+            TooltipDirective,
+            DialogModule,
+            ThumbnailModule,
+            ButtonComponent,
+            LoadingStateModule,
+            BorderButtonModule,
+            TranslateModule], exports: [ThumbnailModule,
+            ObjectCardComponent,
+            ObjectCardMainComponent,
+            ObjectCardFieldComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErpObjectCardModule, imports: [CommonModule,
+            DialogModule,
+            ThumbnailModule,
+            ButtonComponent,
+            LoadingStateModule,
+            BorderButtonModule,
+            TranslateModule, ThumbnailModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErpObjectCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TooltipDirective,
+                        DialogModule,
+                        ThumbnailModule,
+                        ButtonComponent,
+                        LoadingStateModule,
+                        BorderButtonModule,
+                        TranslateModule,
+                    ],
+                    declarations: [
+                        ObjectCardComponent,
+                        ObjectCardMainComponent,
+                        ObjectCardFieldComponent,
+                    ],
+                    exports: [
+                        ThumbnailModule,
+                        ObjectCardComponent,
+                        ObjectCardMainComponent,
+                        ObjectCardFieldComponent,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EnumSeverity, ErpObjectCardModule, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent };
+//# sourceMappingURL=senior-gestao-empresarial-angular-components-object-card.mjs.map