@seniorsistemas/angular-components 17.15.3 → 17.15.4

package/fesm5/seniorsistemas-angular-components.js

@@ -6971,7 +6971,8 @@ var LookupComponent = /** @class */ (function () {
         return path.split(".").reduce(function (result, prop) { return (result[prop] === undefined ? "" : result[prop]); }, obj);
     };
     LookupComponent.prototype.getBadgeFromValue = function (value, options) {
-        return options === null || options === void 0 ? void 0 : options.find(function (opt) { return opt.value === value; }).badge;
+        var _a;
+        return (_a = options === null || options === void 0 ? void 0 : options.find(function (opt) { return opt.value === value; })) === null || _a === void 0 ? void 0 : _a.badge;
     };
     LookupComponent.prototype.getLabelForValue = function (value, options) {
         if (!options)
@@ -17617,11 +17618,16 @@ var PanelComponent = /** @class */ (function () {
         this.collapsable = false;
         this.collapsed = false;
         this.severity = EnumSeverity.Default;
+        this.collapsedChange = new EventEmitter();
         this.EnumSeverity = EnumSeverity;
     }
     PanelComponent.prototype.ngAfterContentInit = function () {
         this._getTemplates();
     };
+    PanelComponent.prototype.toggleCollapsed = function () {
+        this.collapsed = !this.collapsed;
+        this.collapsedChange.emit(this.collapsed);
+    };
     PanelComponent.prototype._getCustomTemplate = function (type) {
         var _a;
         return (_a = this.templates.find(function (template) { return template.type === type; })) === null || _a === void 0 ? void 0 : _a.template;
@@ -17658,10 +17664,13 @@ var PanelComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], PanelComponent.prototype, "borderButtonOptions", void 0);
+    __decorate([
+        Output()
+    ], PanelComponent.prototype, "collapsedChange", void 0);
     PanelComponent = __decorate([
         Component({
             selector: "s-panel",
-            template: "<div\n    class=\"panel\"\n    [ngClass]=\"{\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    <s-border-button\n        *ngIf=\"\n            borderButtonOptions?.visible\n                ? borderButtonOptions?.visible(severity)\n                : false\n        \"\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)=\"collapsed = !collapsed\">\n        </button>\n    </div>\n    <div *ngIf=\"!collapsable || !collapsed\" class=\"panel-content\">\n        <div class=\"body\">\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=\"panel\"\n    [ngClass]=\"{\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    <s-border-button\n        *ngIf=\"\n            borderButtonOptions?.visible\n                ? borderButtonOptions?.visible(severity)\n                : false\n        \"\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>",
             animations: [
                 trigger("BorderButtonAnimation", [
                     transition(":enter", [