@seniorsistemas/angular-components 17.26.1 → 17.26.2

package/bundles/seniorsistemas-angular-components.umd.js

@@ -18999,7 +18999,7 @@
         PanelComponent = __decorate([
             core.Component({
                 selector: "s-panel",
-                template: "<div\n    [class]=\"class\"\n    [ngClass]=\"{\n        'panel': true,\n        'panel--success': severity === EnumSeverity.Success,\n        'panel--info': severity === EnumSeverity.Info,\n        'panel--warn': severity === EnumSeverity.Warn,\n        'panel--error': severity === EnumSeverity.Error,\n        'panel--collapsed': collapsed\n    }\"\n>\n    <s-border-button\n        *ngIf=\"borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false\"\n        [severity]=\"severity\"\n        [options]=\"borderButtonOptions\"\n        class=\"border-button\"\n        [@BorderButtonAnimation]\n    >\n    </s-border-button>\n\n    <div class=\"header\">\n        <ng-container *ngIf=\"headerTemplate; then customHeaderTemplate; else simpleHeaderTemplate\"></ng-container>\n        <ng-template #customHeaderTemplate>\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n        </ng-template>\n        <ng-template #simpleHeaderTemplate>\n            <span>{{ header }}</span>\n        </ng-template>\n\n        <button\n            *ngIf=\"toggleable\"\n            class=\"collapse-button fas\"\n            [ngClass]=\"{\n                'fa-plus': collapsed,\n                'fa-minus': !collapsed\n            }\"\n            (click)=\"toggleCollapsed()\"\n        ></button>\n    </div>\n\n    <div *ngIf=\"!toggleable || !collapsed\" class=\"panel-content\">\n        <div class=\"body\">\n            <ng-content></ng-content>\n            <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n        </div>\n\n        <div *ngIf=\"footerTemplate\" class=\"footer\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n        </div>\n    </div>\n</div>\n",
+                template: "<div\n    [class]=\"class\"\n    [ngClass]=\"{\n        'panel': true,\n        'panel--success': severity === EnumSeverity.Success,\n        'panel--info': severity === EnumSeverity.Info,\n        'panel--warn': severity === EnumSeverity.Warn,\n        'panel--error': severity === EnumSeverity.Error,\n        'panel--collapsed': collapsed\n    }\"\n>\n    <s-border-button\n        *ngIf=\"borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false\"\n        [severity]=\"severity\"\n        [options]=\"borderButtonOptions\"\n        class=\"border-button\"\n        [@BorderButtonAnimation]\n    >\n    </s-border-button>\n\n    <div class=\"header\">\n        <div class=\"header-content\">\n            <ng-container *ngIf=\"headerTemplate; then customHeaderTemplate; else simpleHeaderTemplate\"></ng-container>\n            <ng-template #customHeaderTemplate>\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #simpleHeaderTemplate>\n                <span>{{ header }}</span>\n            </ng-template>\n        </div>\n        <button\n            *ngIf=\"toggleable\"\n            class=\"collapse-button fas\"\n            [ngClass]=\"{\n                'fa-plus': collapsed,\n                'fa-minus': !collapsed\n            }\"\n            (click)=\"toggleCollapsed()\"\n        ></button>\n    </div>\n\n    <div *ngIf=\"!toggleable || !collapsed\" class=\"panel-content\">\n        <div class=\"body\">\n            <ng-content></ng-content>\n            <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n        </div>\n\n        <div *ngIf=\"footerTemplate\" class=\"footer\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n        </div>\n    </div>\n</div>\n",
                 animations: [
                     animations.trigger("BorderButtonAnimation", [
                         animations.transition(":enter", [
@@ -19012,7 +19012,7 @@
                         ]),
                     ]),
                 ],
-                styles: [".panel{background-color:#fff;border:1px solid #dedce5;padding:20px;position:relative;transition:border-color .5s}.panel .border-button{position:absolute;right:15px;top:-12px;z-index:10}.panel .header{border-bottom:1px solid #dedce5;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:12px;text-transform:uppercase}.panel .header .collapse-button{background-color:transparent;border:none;color:#212533;cursor:pointer;height:24px;width:24px}.panel .panel-content .body{padding:20px 0}.panel .panel-content .footer{border-top:1px solid #dedce5;padding-top:12px}.panel--success{border-color:#0c9348}.panel--info{border-color:#428bca}.panel--warn{border-color:#f8931f}.panel--error{border-color:#c13018}.panel--collapsed .header{border:none;padding:0}"]
+                styles: [".panel{background-color:#fff;border:1px solid #dedce5;padding:20px;position:relative;transition:border-color .5s}.panel .border-button{position:absolute;right:15px;top:-12px;z-index:10}.panel .header{border-bottom:1px solid #dedce5;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:12px;text-transform:uppercase}.panel .header-content{-ms-flex-positive:1;flex-grow:1}.panel .header .collapse-button{background-color:transparent;border:none;color:#212533;cursor:pointer;height:24px;width:24px}.panel .panel-content .body{padding:20px 0}.panel .panel-content .footer{border-top:1px solid #dedce5;padding-top:12px}.panel--success{border-color:#0c9348}.panel--info{border-color:#428bca}.panel--warn{border-color:#f8931f}.panel--error{border-color:#c13018}.panel--collapsed .header{border:none;padding:0}"]
             })
         ], PanelComponent);
         return PanelComponent;