@seniorsistemas/angular-components 17.15.3 → 17.15.4

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

@@ -7116,7 +7116,8 @@
             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)
@@ -17762,11 +17763,16 @@
             this.collapsable = false;
             this.collapsed = false;
             this.severity = exports.EnumSeverity.Default;
+            this.collapsedChange = new core.EventEmitter();
             this.EnumSeverity = exports.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;
@@ -17803,10 +17809,13 @@
         __decorate([
             core.Input()
         ], PanelComponent.prototype, "borderButtonOptions", void 0);
+        __decorate([
+            core.Output()
+        ], PanelComponent.prototype, "collapsedChange", void 0);
         PanelComponent = __decorate([
             core.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: [
                     animations.trigger("BorderButtonAnimation", [
                         animations.transition(":enter", [