@senior-gestao-empresarial/angular-components 7.21.0 → 7.22.0

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

@@ -8587,7 +8587,7 @@
         ObjectCardMainComponent = ObjectCardMainComponent_1 = __decorate([
             core.Component({
                 selector: "erp-object-card-main",
-                template: "<ng-container *ngIf=\"hasThumbnail\">\n    <ng-content select=\"s-thumbnail\"></ng-content>\n    <s-thumbnail\n        [id]=\"id + '-thumbnail'\"\n        [imageSource]=\"imageSource\"\n        [imageFallback]=\"imageFallback\"\n        [imageAlt]=\"imageAlt\"\n        [iconClass]=\"iconClass\"\n        [size]=\"thumbnailSize\"\n        *ngIf=\"!thumbnailComponent\"\n        [isBrand]=\"isBrand\"\n        [ngClass]=\"{'expandable-thumbnail': expandableImage && imageSource}\"\n        (click)=\"openImageModal()\"\n        (keydown.enter)=\"openImageModal()\"\n        (keydown.space)=\"openImageModal()\"\n        tabindex=\"0\"\n        role=\"button\"\n    ></s-thumbnail>\n</ng-container>\n\n<p-dialog\n    [header]=\"imageAlt || 'Visualizar'\"\n    [(visible)]=\"showImageModal\"\n    [modal]=\"true\"\n    [dismissableMask]=\"true\"\n    [styleClass]=\"'image-modal'\"\n    [contentStyle]=\"{\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        <img\n            *ngIf=\"fullImageSource\"\n            [src]=\"fullImageSource\"\n            alt=\"\"\n            [attr.alt]=\"getImageAltText()\"\n            width=\"100%\"\n            height=\"auto\"\n            class=\"expanded-image\"\n        />\n    </s-loading-state>\n</p-dialog>\n\n<ng-container *ngIf=\"hasDescription\">\n    <div class=\"info-container\">\n        <div #labelTemplate><ng-content select=\"[labelTemplate]\"></ng-content></div>\n        <ng-container *ngTemplateOutlet=\"textSpan; context: {\n            elementId: id + '-label',\n            text: label,\n            cssClass: 'label',\n            templateWrapper: labelTemplate\n        }\"></ng-container>\n\n        <div #descriptionTemplate><ng-content select=\"[descriptionTemplate]\"></ng-content></div>\n        <ng-container *ngTemplateOutlet=\"textSpan; context: {\n            elementId: id + '-description',\n            text: description,\n            cssClass: 'description',\n            templateWrapper: descriptionTemplate\n        }\"></ng-container>\n\n        <s-button\n            [id]=\"id + '-button'\"\n            *ngIf=\"buttonLabel\"\n            styleClass=\"object-card-button\"\n            priority=\"link\"\n            [label]=\"buttonLabel\"\n            [model]=\"buttonModel\"\n            size=\"small\"\n            (onClick)=\"buttonClick.emit($event)\"\n        ></s-button>\n\n        <ng-template\n            #textSpan\n            let-elementId=\"elementId\"\n            let-text=\"text\"\n            let-cssClass=\"cssClass\"\n            let-templateWrapper=\"templateWrapper\"\n        >\n            <span\n                [id]=\"elementId\"\n                *ngIf=\"!templateWrapper.children.length\"\n                [class]=\"cssClass\"\n                [pTooltip]=\"text\"\n                tooltipPosition=\"top\"\n                showDelay=\"500\"\n            >{{ text }}</span>\n        </ng-template>\n    </div>\n</ng-container>\n",
+                template: "<ng-container *ngIf=\"hasThumbnail\">\n    <ng-content select=\"s-thumbnail\"></ng-content>\n    <s-thumbnail\n        [id]=\"id + '-thumbnail'\"\n        [imageSource]=\"imageSource\"\n        [imageFallback]=\"imageFallback\"\n        [imageAlt]=\"imageAlt\"\n        [iconClass]=\"iconClass\"\n        [size]=\"thumbnailSize\"\n        *ngIf=\"!thumbnailComponent\"\n        [isBrand]=\"isBrand\"\n        [ngClass]=\"{'expandable-thumbnail': expandableImage && imageSource}\"\n        (click)=\"openImageModal()\"\n        (keydown.enter)=\"openImageModal()\"\n        (keydown.space)=\"openImageModal()\"\n        tabindex=\"0\"\n        role=\"button\"\n    ></s-thumbnail>\n</ng-container>\n\n<p-dialog\n    [header]=\"imageAlt || 'Visualizar'\"\n    [(visible)]=\"showImageModal\"\n    [modal]=\"true\"\n    [dismissableMask]=\"true\"\n    [styleClass]=\"'image-modal'\"\n    appendTo=\"body\"\n    [draggable]=\"false\"\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        <img\n            *ngIf=\"fullImageSource\"\n            [src]=\"fullImageSource\"\n            alt=\"\"\n            [attr.alt]=\"getImageAltText()\"\n            width=\"100%\"\n            height=\"auto\"\n            class=\"expanded-image\"\n        />\n    </s-loading-state>\n</p-dialog>\n\n<ng-container *ngIf=\"hasDescription\">\n    <div class=\"info-container\">\n        <div #labelTemplate><ng-content select=\"[labelTemplate]\"></ng-content></div>\n        <ng-container *ngTemplateOutlet=\"textSpan; context: {\n            elementId: id + '-label',\n            text: label,\n            cssClass: 'label',\n            templateWrapper: labelTemplate\n        }\"></ng-container>\n\n        <div #descriptionTemplate><ng-content select=\"[descriptionTemplate]\"></ng-content></div>\n        <ng-container *ngTemplateOutlet=\"textSpan; context: {\n            elementId: id + '-description',\n            text: description,\n            cssClass: 'description',\n            templateWrapper: descriptionTemplate\n        }\"></ng-container>\n\n        <s-button\n            [id]=\"id + '-button'\"\n            *ngIf=\"buttonLabel\"\n            styleClass=\"object-card-button\"\n            priority=\"link\"\n            [label]=\"buttonLabel\"\n            [model]=\"buttonModel\"\n            size=\"small\"\n            (onClick)=\"buttonClick.emit($event)\"\n        ></s-button>\n\n        <ng-template\n            #textSpan\n            let-elementId=\"elementId\"\n            let-text=\"text\"\n            let-cssClass=\"cssClass\"\n            let-templateWrapper=\"templateWrapper\"\n        >\n            <span\n                [id]=\"elementId\"\n                *ngIf=\"!templateWrapper.children.length\"\n                [class]=\"cssClass\"\n                [pTooltip]=\"text\"\n                tooltipPosition=\"top\"\n                showDelay=\"500\"\n            >{{ text }}</span>\n        </ng-template>\n    </div>\n</ng-container>\n",
                 styles: [":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;min-height:70px}.info-container{margin-left:10px;-ms-flex:1;flex:1}.info-container,.info-container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-container .label{display:block;font-weight:700}.info-container .description{color:#999;display:block}@media (max-width:767px){.info-container,.info-container span{white-space:normal}}::ng-deep .expandable-thumbnail{cursor:pointer;transition:opacity .2s}::ng-deep .expandable-thumbnail:hover{opacity:.8}::ng-deep .image-modal .p-dialog{width:80vw;max-width:80vw;height:80vh;max-height:80vh}::ng-deep .image-modal .p-dialog-content{overflow:hidden!important;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack: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}"]
             })
         ], ObjectCardMainComponent);