@seniorsistemas/angular-components 17.31.2 → 18.0.0-develop-ae6477c0

package/fesm2022/seniorsistemas-angular-components-paginator.mjs

@@ -0,0 +1,145 @@
+import * as i0 from '@angular/core';
+import { input, model, output, effect, computed, signal, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';
+import { SelectComponent } from '@seniorsistemas/angular-components/select';
+import * as i2 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+class PaginatorComponent {
+    totalRecords = input.required();
+    rows = model(10);
+    rowsPerPageOptions = input([10, 20, 50, 100, 200]);
+    pageChange = output();
+    currentPageEffect = effect(() => {
+        const page = this.currentPage() - 1;
+        this.pageChange.emit({
+            page,
+            pageCount: this.totalPages(),
+            rows: this.rows(),
+            first: this.rows() * page,
+        });
+    });
+    MAX_PAGE_BUTTONS = 5;
+    hasPreviousPage = computed(() => {
+        const previousPage = this.currentPage() - 1;
+        return previousPage >= 1;
+    });
+    hasNextPage = computed(() => {
+        const nextPage = this.currentPage() + 1;
+        return nextPage <= this.totalPages();
+    });
+    currentPage = signal(1);
+    buttons = computed(() => {
+        const navigationPageButtons = [];
+        const maxPageButtons = this.MAX_PAGE_BUTTONS;
+        const currentPage = this.currentPage();
+        const middle = Math.floor(maxPageButtons / 2);
+        const _startPage = currentPage - middle;
+        let startPage = _startPage < 1 ? 1 : _startPage;
+        const _endPage = startPage + maxPageButtons - 1;
+        const endPageIsMoreThanTotalPages = _endPage > this.totalPages();
+        if (endPageIsMoreThanTotalPages) {
+            const diff = _endPage - this.totalPages();
+            const canModifyStartPage = startPage - diff >= 1;
+            if (canModifyStartPage) {
+                startPage = startPage - diff;
+            }
+        }
+        const endPage = endPageIsMoreThanTotalPages ? this.totalPages() : _endPage;
+        for (let i = startPage; i <= endPage; i++) {
+            navigationPageButtons.push({
+                clicked: (page) => this.goToPage(page.pageIndex),
+                pageIndex: i,
+            });
+        }
+        return [
+            this.FIRST_PAGE_BUTTON,
+            this.PREVIOUS_PAGE_BUTTON,
+            ...navigationPageButtons,
+            this.NEXT_PAGE_BUTTON,
+            this.LAST_PAGE_BUTTON,
+        ];
+    });
+    FIRST_PAGE_BUTTON = {
+        clicked: this.goFirstPage.bind(this),
+        icon: 'fas fa-step-backward',
+        validate: computed(() => {
+            return !this.hasPreviousPage();
+        }),
+    };
+    PREVIOUS_PAGE_BUTTON = {
+        clicked: this.goPreviousPage.bind(this),
+        icon: 'fas fa-caret-left',
+        validate: computed(() => {
+            return !this.hasPreviousPage();
+        }),
+    };
+    LAST_PAGE_BUTTON = {
+        clicked: this.goLastPage.bind(this),
+        icon: 'fas fa-step-forward',
+        validate: computed(() => {
+            return !this.hasNextPage();
+        }),
+    };
+    NEXT_PAGE_BUTTON = {
+        clicked: this.goNextPage.bind(this),
+        icon: 'fas fa-caret-right',
+        validate: computed(() => {
+            return !this.hasNextPage();
+        }),
+    };
+    totalPages = computed(() => {
+        const totalRecords = this.totalRecords();
+        const _pages = totalRecords / this.rows();
+        const pages = Math.ceil(_pages);
+        const isExactPages = _pages === pages;
+        return isExactPages ? pages : pages + 1;
+    });
+    ngOnDestroy() {
+        this.currentPageEffect.destroy();
+    }
+    rowsPerPageChange() {
+        if (this.currentPage() !== 1) {
+            this.goToPage(1);
+        }
+    }
+    activatedButton(button) {
+        button.clicked(button);
+    }
+    goFirstPage() {
+        this.goToPage(1);
+    }
+    goNextPage() {
+        if (!this.hasNextPage()) {
+            return;
+        }
+        this.currentPage.update((value) => value + 1);
+    }
+    goPreviousPage() {
+        if (!this.hasPreviousPage()) {
+            return;
+        }
+        this.currentPage.update((value) => value - 1);
+    }
+    goLastPage() {
+        this.goToPage(this.totalPages());
+    }
+    goToPage(pageIndex) {
+        this.currentPage.set(pageIndex);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PaginatorComponent, isStandalone: true, selector: "s-paginator", inputs: { totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: true, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rows: "rowsChange", pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"flex justify-between\">\n    <section class=\"flex items-center gap-2\">\n        <div\n            class=\"inline-block h-8 divide-x divide-grayscale-30 overflow-hidden rounded-md border border-grayscale-30\"\n        >\n            @for (btn of buttons(); track $index) {\n                @let active = btn.pageIndex === currentPage();\n                <button\n                    [class.bg-criticality-blue]=\"active\"\n                    [class.text-grayscale-0]=\"active\"\n                    [class.text-criticality-blue]=\"!active\"\n                    (sInteractiveContent)=\"activatedButton(btn)\"\n                    [disabled]=\"btn.disabled || (btn.validate && btn.validate()) || false\"\n                    class=\"group h-8 w-8 hover:bg-grayscale-20 hover:text-grayscale-100 disabled:hover:bg-[transparent] disabled:hover:text-criticality-blue\"\n                >\n                    <div class=\"group-disabled:opacity-50\">\n                        @let page = btn.pageIndex;\n                        @let icon = btn.icon;\n                        @if (page !== undefined) {\n                            {{ page }}\n                        }\n                        @if (icon) {\n                            <i [class]=\"icon\"></i>\n                        }\n                    </div>\n                </button>\n            }\n        </div>\n        <s-select\n            [options]=\"rowsPerPageOptions()\"\n            [(ngModel)]=\"rows\"\n            (ngModelChange)=\"rowsPerPageChange()\"\n        ></s-select>\n    </section>\n    <section class=\"flex items-center gap-2\">\n        @let text =\n            totalRecords() === 0\n                ? 'platform.angular_components.total_record'\n                : 'platform.angular_components.total_records';\n        <p class=\"text-[14px] text-[#212533]\">\n            {{ text | translate: { count: totalRecords() } }}\n        </p>\n        <ng-content></ng-content>\n    </section>\n</div>\n", dependencies: [{ kind: "directive", type: InteractiveContentDirective, selector: "[sInteractiveContent]", inputs: ["focusable", "disabled", "stopPropagation"], outputs: ["sInteractiveContent"] }, { kind: "component", type: SelectComponent, selector: "s-select", inputs: ["placeholder", "multiple", "options", "optionLabel", "optionValue", "showClear", "filter", "checkmark", "filterBy", "group", "virtualScroll", "virtualScrollItemSize", "emptyMessage", "disabled", "showOptions"], outputs: ["disabledChange", "showOptionsChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-paginator', standalone: true, imports: [InteractiveContentDirective, SelectComponent, FormsModule, TranslateModule], template: "<div class=\"flex justify-between\">\n    <section class=\"flex items-center gap-2\">\n        <div\n            class=\"inline-block h-8 divide-x divide-grayscale-30 overflow-hidden rounded-md border border-grayscale-30\"\n        >\n            @for (btn of buttons(); track $index) {\n                @let active = btn.pageIndex === currentPage();\n                <button\n                    [class.bg-criticality-blue]=\"active\"\n                    [class.text-grayscale-0]=\"active\"\n                    [class.text-criticality-blue]=\"!active\"\n                    (sInteractiveContent)=\"activatedButton(btn)\"\n                    [disabled]=\"btn.disabled || (btn.validate && btn.validate()) || false\"\n                    class=\"group h-8 w-8 hover:bg-grayscale-20 hover:text-grayscale-100 disabled:hover:bg-[transparent] disabled:hover:text-criticality-blue\"\n                >\n                    <div class=\"group-disabled:opacity-50\">\n                        @let page = btn.pageIndex;\n                        @let icon = btn.icon;\n                        @if (page !== undefined) {\n                            {{ page }}\n                        }\n                        @if (icon) {\n                            <i [class]=\"icon\"></i>\n                        }\n                    </div>\n                </button>\n            }\n        </div>\n        <s-select\n            [options]=\"rowsPerPageOptions()\"\n            [(ngModel)]=\"rows\"\n            (ngModelChange)=\"rowsPerPageChange()\"\n        ></s-select>\n    </section>\n    <section class=\"flex items-center gap-2\">\n        @let text =\n            totalRecords() === 0\n                ? 'platform.angular_components.total_record'\n                : 'platform.angular_components.total_records';\n        <p class=\"text-[14px] text-[#212533]\">\n            {{ text | translate: { count: totalRecords() } }}\n        </p>\n        <ng-content></ng-content>\n    </section>\n</div>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PaginatorComponent };
+//# sourceMappingURL=seniorsistemas-angular-components-paginator.mjs.map

package/fesm2022/seniorsistemas-angular-components-paginator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-paginator.mjs","sources":["../../projects/angular-components/paginator/src/lib/paginator/paginator.component.ts","../../projects/angular-components/paginator/src/lib/paginator/paginator.component.html","../../projects/angular-components/paginator/src/seniorsistemas-angular-components-paginator.ts"],"sourcesContent":["import { Component, computed, effect, input, model, OnDestroy, output, signal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\nimport { SelectComponent } from '@seniorsistemas/angular-components/select';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { PageChange, PaginatorInternalButton } from '../models/paginator.models';\n@Component({\n    selector: 's-paginator',\n    standalone: true,\n    imports: [InteractiveContentDirective, SelectComponent, FormsModule, TranslateModule],\n    templateUrl: './paginator.component.html',\n})\nexport class PaginatorComponent implements OnDestroy {\n    totalRecords = input.required<number>();\n    rows = model(10);\n    rowsPerPageOptions = input<number[]>([10, 20, 50, 100, 200]);\n    pageChange = output<PageChange>();\n\n    private readonly currentPageEffect = effect(() => {\n        const page = this.currentPage() - 1;\n        this.pageChange.emit({\n            page,\n            pageCount: this.totalPages(),\n            rows: this.rows(),\n            first: this.rows() * page,\n        });\n    });\n    private readonly MAX_PAGE_BUTTONS = 5;\n    private readonly hasPreviousPage = computed(() => {\n        const previousPage = this.currentPage() - 1;\n        return previousPage >= 1;\n    });\n\n    private readonly hasNextPage = computed(() => {\n        const nextPage = this.currentPage() + 1;\n        return nextPage <= this.totalPages();\n    });\n\n    protected readonly currentPage = signal(1);\n\n    protected buttons = computed(() => {\n        const navigationPageButtons: PaginatorInternalButton[] = [];\n        const maxPageButtons = this.MAX_PAGE_BUTTONS;\n        const currentPage = this.currentPage();\n        const middle = Math.floor(maxPageButtons / 2);\n        const _startPage = currentPage - middle;\n        let startPage = _startPage < 1 ? 1 : _startPage;\n        const _endPage = startPage + maxPageButtons - 1;\n        const endPageIsMoreThanTotalPages = _endPage > this.totalPages();\n\n        if (endPageIsMoreThanTotalPages) {\n            const diff = _endPage - this.totalPages();\n            const canModifyStartPage = startPage - diff >= 1;\n            if (canModifyStartPage) {\n                startPage = startPage - diff;\n            }\n        }\n        const endPage = endPageIsMoreThanTotalPages ? this.totalPages() : _endPage;\n\n        for (let i = startPage; i <= endPage; i++) {\n            navigationPageButtons.push({\n                clicked: (page) => this.goToPage(page.pageIndex as number),\n                pageIndex: i,\n            });\n        }\n\n        return [\n            this.FIRST_PAGE_BUTTON,\n            this.PREVIOUS_PAGE_BUTTON,\n            ...navigationPageButtons,\n            this.NEXT_PAGE_BUTTON,\n            this.LAST_PAGE_BUTTON,\n        ];\n    });\n\n    private readonly FIRST_PAGE_BUTTON: PaginatorInternalButton = {\n        clicked: this.goFirstPage.bind(this),\n        icon: 'fas fa-step-backward',\n        validate: computed(() => {\n            return !this.hasPreviousPage();\n        }),\n    };\n\n    private readonly PREVIOUS_PAGE_BUTTON: PaginatorInternalButton = {\n        clicked: this.goPreviousPage.bind(this),\n        icon: 'fas fa-caret-left',\n        validate: computed(() => {\n            return !this.hasPreviousPage();\n        }),\n    };\n\n    private readonly LAST_PAGE_BUTTON: PaginatorInternalButton = {\n        clicked: this.goLastPage.bind(this),\n        icon: 'fas fa-step-forward',\n        validate: computed(() => {\n            return !this.hasNextPage();\n        }),\n    };\n\n    private readonly NEXT_PAGE_BUTTON: PaginatorInternalButton = {\n        clicked: this.goNextPage.bind(this),\n        icon: 'fas fa-caret-right',\n        validate: computed(() => {\n            return !this.hasNextPage();\n        }),\n    };\n\n    private totalPages = computed(() => {\n        const totalRecords = this.totalRecords();\n        const _pages = totalRecords / this.rows();\n        const pages = Math.ceil(_pages);\n        const isExactPages = _pages === pages;\n        return isExactPages ? pages : pages + 1;\n    });\n\n    public ngOnDestroy(): void {\n        this.currentPageEffect.destroy();\n    }\n\n    protected rowsPerPageChange(): void {\n        if (this.currentPage() !== 1) {\n            this.goToPage(1);\n        }\n    }\n\n    protected activatedButton(button: PaginatorInternalButton): void {\n        button.clicked(button);\n    }\n\n    private goFirstPage(): void {\n        this.goToPage(1);\n    }\n\n    private goNextPage(): void {\n        if (!this.hasNextPage()) {\n            return;\n        }\n        this.currentPage.update((value) => value + 1);\n    }\n\n    private goPreviousPage(): void {\n        if (!this.hasPreviousPage()) {\n            return;\n        }\n        this.currentPage.update((value) => value - 1);\n    }\n\n    private goLastPage(): void {\n        this.goToPage(this.totalPages());\n    }\n\n    private goToPage(pageIndex: number): void {\n        this.currentPage.set(pageIndex);\n    }\n}\n","<div class=\"flex justify-between\">\n    <section class=\"flex items-center gap-2\">\n        <div\n            class=\"inline-block h-8 divide-x divide-grayscale-30 overflow-hidden rounded-md border border-grayscale-30\"\n        >\n            @for (btn of buttons(); track $index) {\n                @let active = btn.pageIndex === currentPage();\n                <button\n                    [class.bg-criticality-blue]=\"active\"\n                    [class.text-grayscale-0]=\"active\"\n                    [class.text-criticality-blue]=\"!active\"\n                    (sInteractiveContent)=\"activatedButton(btn)\"\n                    [disabled]=\"btn.disabled || (btn.validate && btn.validate()) || false\"\n                    class=\"group h-8 w-8 hover:bg-grayscale-20 hover:text-grayscale-100 disabled:hover:bg-[transparent] disabled:hover:text-criticality-blue\"\n                >\n                    <div class=\"group-disabled:opacity-50\">\n                        @let page = btn.pageIndex;\n                        @let icon = btn.icon;\n                        @if (page !== undefined) {\n                            {{ page }}\n                        }\n                        @if (icon) {\n                            <i [class]=\"icon\"></i>\n                        }\n                    </div>\n                </button>\n            }\n        </div>\n        <s-select\n            [options]=\"rowsPerPageOptions()\"\n            [(ngModel)]=\"rows\"\n            (ngModelChange)=\"rowsPerPageChange()\"\n        ></s-select>\n    </section>\n    <section class=\"flex items-center gap-2\">\n        @let text =\n            totalRecords() === 0\n                ? 'platform.angular_components.total_record'\n                : 'platform.angular_components.total_records';\n        <p class=\"text-[14px] text-[#212533]\">\n            {{ text | translate: { count: totalRecords() } }}\n        </p>\n        <ng-content></ng-content>\n    </section>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-panel.mjs

@@ -0,0 +1,113 @@
+import { trigger, transition, style, animate } from '@angular/animations';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ContentChildren, NgModule } from '@angular/core';
+import * as i2 from '@seniorsistemas/angular-components/shared';
+import { EnumSeverity, BorderButtonModule } from '@seniorsistemas/angular-components/shared';
+import { TemplateDirective, TemplateModule } from '@seniorsistemas/angular-components/template';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class PanelComponent {
+    header;
+    toggleable = false;
+    collapsed = false;
+    severity = 'default';
+    borderButtonOptions;
+    class = '';
+    collapsedChange = new EventEmitter();
+    templates = null;
+    headerTemplate = null;
+    bodyTemplate = null;
+    footerTemplate = null;
+    EnumSeverity = EnumSeverity;
+    ngAfterContentInit() {
+        this._getTemplates();
+    }
+    toggleCollapsed() {
+        this.collapsed = !this.collapsed;
+        this.collapsedChange.emit(this.collapsed);
+    }
+    _getCustomTemplate(type) {
+        return this.templates?.find((template) => template.type === type)?.template;
+    }
+    _getHeaderTemplate() {
+        return this._getCustomTemplate("header") ?? null;
+    }
+    _getBodyTemplate() {
+        return this._getCustomTemplate("body") ?? null;
+    }
+    _getFooterTemplate() {
+        return this._getCustomTemplate("footer") ?? null;
+    }
+    _getTemplates() {
+        this.headerTemplate = this._getHeaderTemplate();
+        this.bodyTemplate = this._getBodyTemplate();
+        this.footerTemplate = this._getFooterTemplate();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PanelComponent, selector: "s-panel", inputs: { header: "header", toggleable: "toggleable", collapsed: "collapsed", severity: "severity", borderButtonOptions: "borderButtonOptions", class: "class" }, outputs: { collapsedChange: "collapsedChange" }, queries: [{ propertyName: "templates", predicate: TemplateDirective }], ngImport: i0, 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    @if (borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false) {\n        <s-border-button\n            [severity]=\"severity\"\n            [options]=\"borderButtonOptions\"\n            class=\"border-button\"\n            [@BorderButtonAnimation]\n        >\n        </s-border-button>\n    }\n\n    @if (header || headerTemplate) {\n        <div class=\"header\">\n            <div class=\"header-content\">\n                @if (headerTemplate) {\n                    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n                } @else {\n                    <span>{{ header }}</span>\n                }\n            </div>\n\n            @if (toggleable) {\n                <button\n                    class=\"collapse-button fas\"\n                    [ngClass]=\"{\n                        'fa-plus': collapsed,\n                        'fa-minus': !collapsed,\n                    }\"\n                    (click)=\"toggleCollapsed()\"\n                ></button>\n            }\n        </div>\n    }\n\n    @if (!toggleable || !collapsed) {\n        <div class=\"panel-content\">\n            <div class=\"body\">\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n            </div>\n\n            @if (footerTemplate) {\n                <div class=\"footer\">\n                    <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n                </div>\n            }\n        </div>\n    }\n</div>\n", styles: [".panel{background-color:#fff;border:1px solid #dedce5;padding:20px;position:relative;transition:border-color .5s ease}.panel .border-button{position:absolute;right:15px;top:-12px;z-index:10}.panel .header{border-bottom:1px solid #dedce5;display:flex;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;text-transform:uppercase}.panel .header-content{flex-grow:1}.panel .header .collapse-button{background-color:transparent;border:none;color:#212533;cursor:pointer;height:24px;width:24px}.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;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.BorderButtonComponent, selector: "s-border-button", inputs: ["severity", "options"] }], animations: [
+            trigger("BorderButtonAnimation", [
+                transition(":enter", [
+                    style({ transform: "scaleY(0)", opacity: 0 }),
+                    animate("300ms ease", style({ transform: "scaleY(1)", opacity: 1 })),
+                ]),
+                transition(":leave", [
+                    style({ transform: "scaleY(1)", opacity: 1 }),
+                    animate("300ms ease", style({ transform: "scaleY(0)", opacity: 0 })),
+                ]),
+            ]),
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "s-panel", animations: [
+                        trigger("BorderButtonAnimation", [
+                            transition(":enter", [
+                                style({ transform: "scaleY(0)", opacity: 0 }),
+                                animate("300ms ease", style({ transform: "scaleY(1)", opacity: 1 })),
+                            ]),
+                            transition(":leave", [
+                                style({ transform: "scaleY(1)", opacity: 1 }),
+                                animate("300ms ease", style({ transform: "scaleY(0)", opacity: 0 })),
+                            ]),
+                        ]),
+                    ], 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    @if (borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false) {\n        <s-border-button\n            [severity]=\"severity\"\n            [options]=\"borderButtonOptions\"\n            class=\"border-button\"\n            [@BorderButtonAnimation]\n        >\n        </s-border-button>\n    }\n\n    @if (header || headerTemplate) {\n        <div class=\"header\">\n            <div class=\"header-content\">\n                @if (headerTemplate) {\n                    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n                } @else {\n                    <span>{{ header }}</span>\n                }\n            </div>\n\n            @if (toggleable) {\n                <button\n                    class=\"collapse-button fas\"\n                    [ngClass]=\"{\n                        'fa-plus': collapsed,\n                        'fa-minus': !collapsed,\n                    }\"\n                    (click)=\"toggleCollapsed()\"\n                ></button>\n            }\n        </div>\n    }\n\n    @if (!toggleable || !collapsed) {\n        <div class=\"panel-content\">\n            <div class=\"body\">\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n            </div>\n\n            @if (footerTemplate) {\n                <div class=\"footer\">\n                    <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n                </div>\n            }\n        </div>\n    }\n</div>\n", styles: [".panel{background-color:#fff;border:1px solid #dedce5;padding:20px;position:relative;transition:border-color .5s ease}.panel .border-button{position:absolute;right:15px;top:-12px;z-index:10}.panel .header{border-bottom:1px solid #dedce5;display:flex;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;text-transform:uppercase}.panel .header-content{flex-grow:1}.panel .header .collapse-button{background-color:transparent;border:none;color:#212533;cursor:pointer;height:24px;width:24px}.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;margin:0}\n"] }]
+        }], propDecorators: { header: [{
+                type: Input
+            }], toggleable: [{
+                type: Input
+            }], collapsed: [{
+                type: Input
+            }], severity: [{
+                type: Input
+            }], borderButtonOptions: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], collapsedChange: [{
+                type: Output
+            }], templates: [{
+                type: ContentChildren,
+                args: [TemplateDirective]
+            }] } });
+
+class PanelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: PanelModule, declarations: [PanelComponent], imports: [CommonModule, BorderButtonModule], exports: [PanelComponent, TemplateModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PanelModule, imports: [CommonModule, BorderButtonModule, TemplateModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PanelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, BorderButtonModule],
+                    declarations: [PanelComponent],
+                    exports: [PanelComponent, TemplateModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PanelComponent, PanelModule };
+//# sourceMappingURL=seniorsistemas-angular-components-panel.mjs.map

package/fesm2022/seniorsistemas-angular-components-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-panel.mjs","sources":["../../projects/angular-components/panel/src/lib/panel/panel.component.ts","../../projects/angular-components/panel/src/lib/panel/panel.component.html","../../projects/angular-components/panel/src/lib/panel/panel.module.ts","../../projects/angular-components/panel/src/seniorsistemas-angular-components-panel.ts"],"sourcesContent":["import { animate, style, transition, trigger } from \"@angular/animations\";\nimport { AfterContentInit, Component, ContentChildren, EventEmitter, Input, Output, QueryList, TemplateRef } from \"@angular/core\";\nimport { BorderButtonOptions, EnumSeverity, Severities } from \"@seniorsistemas/angular-components/shared\";\nimport { TemplateDirective } from \"@seniorsistemas/angular-components/template\";\n\n@Component({\n    selector: \"s-panel\",\n    templateUrl: \"./panel.component.html\",\n    styleUrls: [\"./panel.component.scss\"],\n    animations: [\n        trigger(\"BorderButtonAnimation\", [\n            transition(\":enter\", [\n                style({ transform: \"scaleY(0)\", opacity: 0 }),\n                animate(\"300ms ease\", style({ transform: \"scaleY(1)\", opacity: 1 })),\n            ]),\n            transition(\":leave\", [\n                style({ transform: \"scaleY(1)\", opacity: 1 }),\n                animate(\"300ms ease\", style({ transform: \"scaleY(0)\", opacity: 0 })),\n            ]),\n        ]),\n    ],\n})\nexport class PanelComponent implements AfterContentInit {\n    @Input()\n    public header?: string;\n\n    @Input()\n    public toggleable = false;\n\n    @Input()\n    public collapsed = false;\n\n    @Input()\n    public severity: Severities = 'default';\n\n    @Input()\n    public borderButtonOptions?: BorderButtonOptions;\n\n    @Input()\n    public class: string = '';\n\n    @Output()\n    public collapsedChange = new EventEmitter<boolean>();\n\n    @ContentChildren(TemplateDirective)\n    public templates: QueryList<TemplateDirective> | null = null;\n\n    public headerTemplate: TemplateRef<unknown> | null = null;\n\n    public bodyTemplate: TemplateRef<unknown> | null = null;\n\n    public footerTemplate: TemplateRef<unknown> | null = null;\n\n    readonly EnumSeverity = EnumSeverity;\n\n    public ngAfterContentInit(): void {\n        this._getTemplates();\n    }\n\n    public toggleCollapsed(): void {\n        this.collapsed = !this.collapsed;\n        this.collapsedChange.emit(this.collapsed);\n    }\n\n    private _getCustomTemplate(type: string) {\n        return this.templates?.find((template: TemplateDirective) => template.type === type)?.template;\n    }\n\n    private _getHeaderTemplate(): TemplateRef<unknown> | null {\n        return this._getCustomTemplate(\"header\") ?? null;\n    }\n\n    private _getBodyTemplate(): TemplateRef<unknown> | null {\n        return this._getCustomTemplate(\"body\") ?? null;\n    }\n\n    private _getFooterTemplate(): TemplateRef<unknown> | null {\n        return this._getCustomTemplate(\"footer\") ?? null;\n    }\n\n    private _getTemplates(): void {\n        this.headerTemplate = this._getHeaderTemplate();\n        this.bodyTemplate = this._getBodyTemplate();\n        this.footerTemplate = this._getFooterTemplate();\n    }\n}\n","<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    @if (borderButtonOptions?.visible ? borderButtonOptions?.visible(severity) : false) {\n        <s-border-button\n            [severity]=\"severity\"\n            [options]=\"borderButtonOptions\"\n            class=\"border-button\"\n            [@BorderButtonAnimation]\n        >\n        </s-border-button>\n    }\n\n    @if (header || headerTemplate) {\n        <div class=\"header\">\n            <div class=\"header-content\">\n                @if (headerTemplate) {\n                    <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n                } @else {\n                    <span>{{ header }}</span>\n                }\n            </div>\n\n            @if (toggleable) {\n                <button\n                    class=\"collapse-button fas\"\n                    [ngClass]=\"{\n                        'fa-plus': collapsed,\n                        'fa-minus': !collapsed,\n                    }\"\n                    (click)=\"toggleCollapsed()\"\n                ></button>\n            }\n        </div>\n    }\n\n    @if (!toggleable || !collapsed) {\n        <div class=\"panel-content\">\n            <div class=\"body\">\n                <ng-content></ng-content>\n                <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n            </div>\n\n            @if (footerTemplate) {\n                <div class=\"footer\">\n                    <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n                </div>\n            }\n        </div>\n    }\n</div>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { PanelComponent } from \"./panel.component\";\nimport { TemplateModule } from \"@seniorsistemas/angular-components/template\";\nimport { BorderButtonModule } from \"@seniorsistemas/angular-components/shared\";\n\n@NgModule({\n    imports: [CommonModule, BorderButtonModule],\n    declarations: [PanelComponent],\n    exports: [PanelComponent, TemplateModule],\n})\nexport class PanelModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}