@seniorsistemas/angular-components 17.16.5 → 17.16.6

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

@@ -17783,7 +17783,7 @@
 
     var PanelComponent = /** @class */ (function () {
         function PanelComponent() {
-            this.collapsable = false;
+            this.toggleable = false;
             this.collapsed = false;
             this.severity = exports.EnumSeverity.Default;
             this.collapsedChange = new core.EventEmitter();
@@ -17814,15 +17814,12 @@
             this.bodyTemplate = this.getBodyTemplate();
             this.footerTemplate = this.getFooterTemplate();
         };
-        __decorate([
-            core.ContentChildren(TemplateDirective)
-        ], PanelComponent.prototype, "templates", void 0);
         __decorate([
             core.Input()
         ], PanelComponent.prototype, "header", void 0);
         __decorate([
             core.Input()
-        ], PanelComponent.prototype, "collapsable", void 0);
+        ], PanelComponent.prototype, "toggleable", void 0);
         __decorate([
             core.Input()
         ], PanelComponent.prototype, "collapsed", void 0);
@@ -17838,10 +17835,13 @@
         __decorate([
             core.Output()
         ], PanelComponent.prototype, "collapsedChange", void 0);
+        __decorate([
+            core.ContentChildren(TemplateDirective)
+        ], PanelComponent.prototype, "templates", void 0);
         PanelComponent = __decorate([
             core.Component({
                 selector: "s-panel",
-                template: "<div\n    class=\"panel\"\n    [ngClass]=\"[\n        class,\n        {\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    </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=\"collapsable\"\n            class=\"collapse-button fas\"\n            [ngClass]=\"{\n                'fa-plus': collapsed,\n                'fa-minus': !collapsed\n            }\"\n            (click)=\"toggleCollapsed()\">\n        </button>\n    </div>\n    <div *ngIf=\"!collapsable || !collapsed\" class=\"panel-content\">\n        <div class=\"body\">\n            <ng-content></ng-content>\n            <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n        </div>\n        <div *ngIf=\"footerTemplate\" class=\"footer\">\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n        </div>\n    </div>\n</div>",
+                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",
                 animations: [
                     animations.trigger("BorderButtonAnimation", [
                         animations.transition(":enter", [