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

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

@@ -0,0 +1,250 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ContentChildren, NgModule } from '@angular/core';
+import { trigger, transition, style, animate, state } from '@angular/animations';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i3 from '@seniorsistemas/angular-components/tooltip';
+import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
+import * as i4 from '@seniorsistemas/angular-components/switch';
+import { SwitchModule } from '@seniorsistemas/angular-components/switch';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+class AccordionPanelComponent {
+    header;
+    buttons;
+    disabled = false;
+    switchControl;
+    validationMessage;
+    cache = false;
+    validationMessageIcon = 'fas fa-exclamation-circle';
+    validationMessageIconColor = 'Red';
+    panelOpened = new EventEmitter();
+    panelClosed = new EventEmitter();
+    isAnimating = false;
+    isContentAnimationDisabled = true;
+    _isOpen = false;
+    get isOpen() {
+        return this._isOpen;
+    }
+    set isOpen(isOpen) {
+        this._isOpen = isOpen;
+    }
+    ngOnChanges(changes) {
+        if ('disabled' in changes && this.switchControl) {
+            if (changes['disabled'].currentValue) {
+                this.switchControl.disable({ emitEvent: false });
+            }
+            else {
+                this.switchControl.enable({ emitEvent: false });
+            }
+        }
+        if ('switch' in changes && 'switchControl' in changes) {
+            throw new Error("You can't set switch and switchControl together.");
+        }
+    }
+    ngAfterViewInit() {
+        // to executed at a safe time prior to control returning to the browser's event loop
+        queueMicrotask(() => {
+            this.isContentAnimationDisabled = false;
+        });
+    }
+    onIconButtonsClick(event, callback) {
+        if (this.disabled) {
+            return;
+        }
+        event.stopPropagation();
+        callback();
+    }
+    onTabClick() {
+        if (this.disabled || this.isAnimating) {
+            return;
+        }
+        this.isOpen = !this.isOpen;
+        this._emitPanelEvent();
+    }
+    onContentAnimationStart() {
+        this.isAnimating = true;
+    }
+    onContentAnimationDone() {
+        this.isAnimating = false;
+        this._emitPanelEvent();
+    }
+    _emitPanelEvent() {
+        if (this.isOpen) {
+            this.panelOpened.emit();
+        }
+        else {
+            this.panelClosed.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AccordionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AccordionPanelComponent, selector: "s-accordion-panel", inputs: { header: "header", buttons: "buttons", disabled: "disabled", switchControl: "switchControl", validationMessage: "validationMessage", cache: "cache", validationMessageIcon: "validationMessageIcon", validationMessageIconColor: "validationMessageIconColor" }, outputs: { panelOpened: "panelOpened", panelClosed: "panelClosed" }, usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"accordion-panel\"\n    [class.accordion-panel--open]=\"isOpen\"\n    [class.accordion-panel--disabled]=\"disabled\"\n>\n    <div\n        class=\"header\"\n        (click)=\"onTabClick()\"\n    >\n        <div class=\"header__title\">\n            <span\n                class=\"icon fas\"\n                [class.fa-minus]=\"isOpen\"\n                [class.fa-plus]=\"!isOpen\"\n            >\n            </span>\n            @if (validationMessage) {\n                <span\n                    class=\"exclamation-icon\"\n                    [class]=\"validationMessageIcon\"\n                    [sTooltip]=\"validationMessage\"\n                    [class.exclamation-icon-red]=\"validationMessageIconColor === 'Red'\"\n                    [class.exclamation-icon-orange]=\"validationMessageIconColor === 'Orange'\"\n                    [class.exclamation-icon-yellow]=\"validationMessageIconColor === 'Yellow'\"\n                    [class.exclamation-icon-green]=\"validationMessageIconColor === 'Green'\"\n                    [class.exclamation-icon-blue]=\"validationMessageIconColor === 'Blue'\"\n                >\n                </span>\n            }\n            <span class=\"title\">{{ header }}</span>\n        </div>\n        <div class=\"header__controls\">\n            @for (button of buttons; track button.icon) {\n                <button\n                    class=\"icon-button\"\n                    [ngClass]=\"button.icon\"\n                    (click)=\"onIconButtonsClick($event, button.onClick)\"\n                ></button>\n            }\n\n            @if (switchControl) {\n                <s-switch\n                    class=\"switch\"\n                    [formControl]=\"switchControl\"\n                    (click)=\"$event.stopPropagation()\"\n                >\n                </s-switch>\n            }\n        </div>\n    </div>\n\n    @if (cache) {\n        <div\n            class=\"content\"\n            [@cacheAnimation]=\"isOpen\"\n            [@.disabled]=\"isContentAnimationDisabled\"\n            (@cacheAnimation.start)=\"onContentAnimationStart()\"\n            (@cacheAnimation.done)=\"onContentAnimationDone()\"\n        >\n            <div class=\"content-container\">\n                <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n            </div>\n        </div>\n    } @else {\n        @if (isOpen) {\n            <div\n                class=\"content\"\n                @cachelessAnimation\n                [@.disabled]=\"isContentAnimationDisabled\"\n                (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n                (@cachelessAnimation.done)=\"onContentAnimationDone()\"\n            >\n                <div class=\"content-container\">\n                    <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n                </div>\n            </div>\n        }\n    }\n</div>\n\n<ng-template #panelContent>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".accordion-panel{border-bottom:1px solid #c1c1cc}.accordion-panel .header{align-items:center;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:16px;-webkit-user-select:none;user-select:none}.accordion-panel .header .header__title{align-items:center;display:flex;flex-wrap:nowrap}.accordion-panel .header .header__title .icon{color:#212533;font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .exclamation-icon{font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .exclamation-icon-red{color:#c13018}.accordion-panel .header .header__title .exclamation-icon-orange{color:#f8931f}.accordion-panel .header .header__title .exclamation-icon-yellow{color:#fcbf10}.accordion-panel .header .header__title .exclamation-icon-green{color:#0c9348}.accordion-panel .header .header__title .exclamation-icon-blue{color:#428bca}.accordion-panel .header .header__title .title{font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:700;line-height:150%;text-transform:uppercase}.accordion-panel .header .header__controls{align-items:center;display:flex;margin-left:16px}.accordion-panel .header .header__controls .icon-button{color:#212533;cursor:pointer;font-size:1rem;margin-left:12px;padding:4px;border:none;background:none}.accordion-panel .header .header__controls .switch{padding-left:16px}.accordion-panel .content{background-color:#fff;overflow:hidden}.accordion-panel .content .content-container{margin:20px}.accordion-panel--open .header{background-color:#eeebf2;border-bottom:1px solid #c1c1cc}.accordion-panel--disabled .header{cursor:auto}.accordion-panel--disabled .header .header__title .icon,.accordion-panel--disabled .header .header__title .title{color:#c1c1cc}.accordion-panel--disabled .header .header__controls .icon-button{color:#c1c1cc;cursor:auto}.accordion-panel--disabled .exclamation-icon{opacity:.5}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i4.SwitchComponent, selector: "s-switch", inputs: ["readonly", "trueLabel", "falseLabel", "inputId", "inputName", "disabled", "value"], outputs: ["valueChanged"] }], animations: [
+            trigger('cachelessAnimation', [
+                transition(':enter', [style({ height: '0' }), animate('200ms linear', style({ height: '*' }))]),
+                transition(':leave', [style({ height: '*' }), animate('200ms linear', style({ height: '0' }))]),
+            ]),
+            trigger('cacheAnimation', [
+                state('true', style({ height: '*' })),
+                state('false', style({ height: '0px' })),
+                transition('* => *', animate('200ms')),
+            ]),
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AccordionPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-accordion-panel', animations: [
+                        trigger('cachelessAnimation', [
+                            transition(':enter', [style({ height: '0' }), animate('200ms linear', style({ height: '*' }))]),
+                            transition(':leave', [style({ height: '*' }), animate('200ms linear', style({ height: '0' }))]),
+                        ]),
+                        trigger('cacheAnimation', [
+                            state('true', style({ height: '*' })),
+                            state('false', style({ height: '0px' })),
+                            transition('* => *', animate('200ms')),
+                        ]),
+                    ], template: "<div\n    class=\"accordion-panel\"\n    [class.accordion-panel--open]=\"isOpen\"\n    [class.accordion-panel--disabled]=\"disabled\"\n>\n    <div\n        class=\"header\"\n        (click)=\"onTabClick()\"\n    >\n        <div class=\"header__title\">\n            <span\n                class=\"icon fas\"\n                [class.fa-minus]=\"isOpen\"\n                [class.fa-plus]=\"!isOpen\"\n            >\n            </span>\n            @if (validationMessage) {\n                <span\n                    class=\"exclamation-icon\"\n                    [class]=\"validationMessageIcon\"\n                    [sTooltip]=\"validationMessage\"\n                    [class.exclamation-icon-red]=\"validationMessageIconColor === 'Red'\"\n                    [class.exclamation-icon-orange]=\"validationMessageIconColor === 'Orange'\"\n                    [class.exclamation-icon-yellow]=\"validationMessageIconColor === 'Yellow'\"\n                    [class.exclamation-icon-green]=\"validationMessageIconColor === 'Green'\"\n                    [class.exclamation-icon-blue]=\"validationMessageIconColor === 'Blue'\"\n                >\n                </span>\n            }\n            <span class=\"title\">{{ header }}</span>\n        </div>\n        <div class=\"header__controls\">\n            @for (button of buttons; track button.icon) {\n                <button\n                    class=\"icon-button\"\n                    [ngClass]=\"button.icon\"\n                    (click)=\"onIconButtonsClick($event, button.onClick)\"\n                ></button>\n            }\n\n            @if (switchControl) {\n                <s-switch\n                    class=\"switch\"\n                    [formControl]=\"switchControl\"\n                    (click)=\"$event.stopPropagation()\"\n                >\n                </s-switch>\n            }\n        </div>\n    </div>\n\n    @if (cache) {\n        <div\n            class=\"content\"\n            [@cacheAnimation]=\"isOpen\"\n            [@.disabled]=\"isContentAnimationDisabled\"\n            (@cacheAnimation.start)=\"onContentAnimationStart()\"\n            (@cacheAnimation.done)=\"onContentAnimationDone()\"\n        >\n            <div class=\"content-container\">\n                <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n            </div>\n        </div>\n    } @else {\n        @if (isOpen) {\n            <div\n                class=\"content\"\n                @cachelessAnimation\n                [@.disabled]=\"isContentAnimationDisabled\"\n                (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n                (@cachelessAnimation.done)=\"onContentAnimationDone()\"\n            >\n                <div class=\"content-container\">\n                    <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n                </div>\n            </div>\n        }\n    }\n</div>\n\n<ng-template #panelContent>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".accordion-panel{border-bottom:1px solid #c1c1cc}.accordion-panel .header{align-items:center;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:16px;-webkit-user-select:none;user-select:none}.accordion-panel .header .header__title{align-items:center;display:flex;flex-wrap:nowrap}.accordion-panel .header .header__title .icon{color:#212533;font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .exclamation-icon{font-size:1rem;margin-right:12px}.accordion-panel .header .header__title .exclamation-icon-red{color:#c13018}.accordion-panel .header .header__title .exclamation-icon-orange{color:#f8931f}.accordion-panel .header .header__title .exclamation-icon-yellow{color:#fcbf10}.accordion-panel .header .header__title .exclamation-icon-green{color:#0c9348}.accordion-panel .header .header__title .exclamation-icon-blue{color:#428bca}.accordion-panel .header .header__title .title{font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:700;line-height:150%;text-transform:uppercase}.accordion-panel .header .header__controls{align-items:center;display:flex;margin-left:16px}.accordion-panel .header .header__controls .icon-button{color:#212533;cursor:pointer;font-size:1rem;margin-left:12px;padding:4px;border:none;background:none}.accordion-panel .header .header__controls .switch{padding-left:16px}.accordion-panel .content{background-color:#fff;overflow:hidden}.accordion-panel .content .content-container{margin:20px}.accordion-panel--open .header{background-color:#eeebf2;border-bottom:1px solid #c1c1cc}.accordion-panel--disabled .header{cursor:auto}.accordion-panel--disabled .header .header__title .icon,.accordion-panel--disabled .header .header__title .title{color:#c1c1cc}.accordion-panel--disabled .header .header__controls .icon-button{color:#c1c1cc;cursor:auto}.accordion-panel--disabled .exclamation-icon{opacity:.5}\n"] }]
+        }], propDecorators: { header: [{
+                type: Input,
+                args: [{ required: true }]
+            }], buttons: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], switchControl: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input
+            }], cache: [{
+                type: Input
+            }], validationMessageIcon: [{
+                type: Input
+            }], validationMessageIconColor: [{
+                type: Input
+            }], panelOpened: [{
+                type: Output
+            }], panelClosed: [{
+                type: Output
+            }] } });
+
+class AccordionComponent {
+    activeIndex;
+    multiple = false;
+    panelsComponents;
+    _unsubscribe$ = new Subject();
+    _panels = [];
+    _openSubs = [];
+    ngAfterContentInit() {
+        if (this.panelsComponents) {
+            this._panels = this.panelsComponents?.toArray();
+        }
+        this._openSubs = Array.from({ length: this._panels.length });
+        this._setBehavior(this.multiple);
+        this._setupTabs();
+    }
+    ngOnChanges(changes) {
+        if (changes['multiple']) {
+            this._setBehavior(changes['multiple'].currentValue);
+        }
+    }
+    ngOnDestroy() {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    }
+    _setupTabs() {
+        if (this._panels?.length) {
+            if (this.activeIndex !== undefined && this.activeIndex !== null) {
+                const activeTabs = Array.isArray(this.activeIndex)
+                    ? this._panels.filter((_, index) => this.activeIndex.includes(index))
+                    : [this._panels[this.activeIndex]];
+                if (activeTabs.length === 0) {
+                    throw new Error('activeIndex does not represent any panel.');
+                }
+                for (const activeTab of activeTabs) {
+                    if (!activeTab.disabled) {
+                        activeTab.isOpen = true;
+                    }
+                }
+            }
+        }
+    }
+    _closeOtherTabs(exception) {
+        this._panels.forEach((panel, index) => {
+            if (index !== exception) {
+                panel.isOpen = false;
+            }
+        });
+    }
+    _setBehavior(multiple) {
+        if (multiple) {
+            this._enableMultiplePanelBehavior();
+        }
+        else {
+            this._enableSinglePanelBehavior();
+        }
+    }
+    _enableSinglePanelBehavior() {
+        this._panels.forEach((panel, index) => {
+            this._openSubs[index] = panel.panelOpened.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {
+                this._closeOtherTabs(index);
+            });
+        });
+    }
+    _enableMultiplePanelBehavior() {
+        this._panels.forEach((_, index) => {
+            if (this._openSubs[index]) {
+                this._openSubs[index].unsubscribe();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AccordionComponent, selector: "s-accordion", inputs: { activeIndex: "activeIndex", multiple: "multiple" }, queries: [{ propertyName: "panelsComponents", predicate: AccordionPanelComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"accordion\">\n    <ng-content></ng-content>\n</div>\n", styles: [".accordion{border:1px solid #c1c1cc;border-radius:6px;overflow:hidden}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-accordion', template: "<div class=\"accordion\">\n    <ng-content></ng-content>\n</div>\n", styles: [".accordion{border:1px solid #c1c1cc;border-radius:6px;overflow:hidden}\n"] }]
+        }], propDecorators: { activeIndex: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], panelsComponents: [{
+                type: ContentChildren,
+                args: [AccordionPanelComponent]
+            }] } });
+
+class AccordionModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AccordionModule, declarations: [AccordionComponent, AccordionPanelComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            TooltipModule,
+            SwitchModule], exports: [AccordionComponent, AccordionPanelComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AccordionModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            TooltipModule,
+            SwitchModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TooltipModule,
+                        SwitchModule,
+                    ],
+                    declarations: [AccordionComponent, AccordionPanelComponent],
+                    exports: [AccordionComponent, AccordionPanelComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AccordionComponent, AccordionModule, AccordionPanelComponent };
+//# sourceMappingURL=seniorsistemas-angular-components-accordion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-accordion.mjs","sources":["../../projects/angular-components/accordion/src/lib/accordion/components/accordion-panel/accordion-panel.component.ts","../../projects/angular-components/accordion/src/lib/accordion/components/accordion-panel/accordion-panel.component.html","../../projects/angular-components/accordion/src/lib/accordion/accordion.component.ts","../../projects/angular-components/accordion/src/lib/accordion/accordion.component.html","../../projects/angular-components/accordion/src/lib/accordion/accordion.module.ts","../../projects/angular-components/accordion/src/seniorsistemas-angular-components-accordion.ts"],"sourcesContent":["import { AfterViewInit, Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';\nimport { trigger, style, animate, transition, state } from '@angular/animations';\n\nimport { UntypedFormControl } from '@angular/forms';\nimport { AccordionButtonSettings, ValidationMessageIconColor } from '../../models/accordion-button-settings';\n\n@Component({\n    selector: 's-accordion-panel',\n    templateUrl: './accordion-panel.component.html',\n    styleUrls: ['./accordion-panel.component.scss'],\n    animations: [\n        trigger('cachelessAnimation', [\n            transition(':enter', [style({ height: '0' }), animate('200ms linear', style({ height: '*' }))]),\n            transition(':leave', [style({ height: '*' }), animate('200ms linear', style({ height: '0' }))]),\n        ]),\n        trigger('cacheAnimation', [\n            state('true', style({ height: '*' })),\n            state('false', style({ height: '0px' })),\n            transition('* => *', animate('200ms')),\n        ]),\n    ],\n})\nexport class AccordionPanelComponent implements OnChanges, AfterViewInit {\n    @Input({ required: true })\n    public header!: string;\n\n    @Input()\n    public buttons?: AccordionButtonSettings[];\n\n    @Input()\n    public disabled = false;\n\n    @Input()\n    public switchControl?: UntypedFormControl;\n\n    @Input()\n    public validationMessage?: string;\n\n    @Input()\n    public cache = false;\n\n    @Input() validationMessageIcon = 'fas fa-exclamation-circle';\n\n    @Input() validationMessageIconColor: ValidationMessageIconColor = 'Red';\n\n    @Output()\n    public panelOpened = new EventEmitter<void>();\n\n    @Output()\n    public panelClosed = new EventEmitter<void>();\n\n    public isAnimating = false;\n    public isContentAnimationDisabled = true;\n\n    private _isOpen = false;\n\n    public get isOpen() {\n        return this._isOpen;\n    }\n\n    public set isOpen(isOpen: boolean) {\n        this._isOpen = isOpen;\n    }\n\n    public ngOnChanges(changes: SimpleChanges): void {\n        if ('disabled' in changes && this.switchControl) {\n            if (changes['disabled'].currentValue) {\n                this.switchControl.disable({ emitEvent: false });\n            } else {\n                this.switchControl.enable({ emitEvent: false });\n            }\n        }\n\n        if ('switch' in changes && 'switchControl' in changes) {\n            throw new Error(\"You can't set switch and switchControl together.\");\n        }\n    }\n\n    public ngAfterViewInit(): void {\n        // to executed at a safe time prior to control returning to the browser's event loop\n        queueMicrotask(() => {\n            this.isContentAnimationDisabled = false;\n        });\n    }\n\n    public onIconButtonsClick(event: Event, callback: VoidFunction) {\n        if (this.disabled) {\n            return;\n        }\n\n        event.stopPropagation();\n        callback();\n    }\n\n    public onTabClick() {\n        if (this.disabled || this.isAnimating) {\n            return;\n        }\n        this.isOpen = !this.isOpen;\n        this._emitPanelEvent();\n    }\n\n    public onContentAnimationStart() {\n        this.isAnimating = true;\n    }\n\n    public onContentAnimationDone() {\n        this.isAnimating = false;\n\n        this._emitPanelEvent();\n    }\n\n    private _emitPanelEvent() {\n        if (this.isOpen) {\n            this.panelOpened.emit();\n        } else {\n            this.panelClosed.emit();\n        }\n    }\n}\n","<div\n    class=\"accordion-panel\"\n    [class.accordion-panel--open]=\"isOpen\"\n    [class.accordion-panel--disabled]=\"disabled\"\n>\n    <div\n        class=\"header\"\n        (click)=\"onTabClick()\"\n    >\n        <div class=\"header__title\">\n            <span\n                class=\"icon fas\"\n                [class.fa-minus]=\"isOpen\"\n                [class.fa-plus]=\"!isOpen\"\n            >\n            </span>\n            @if (validationMessage) {\n                <span\n                    class=\"exclamation-icon\"\n                    [class]=\"validationMessageIcon\"\n                    [sTooltip]=\"validationMessage\"\n                    [class.exclamation-icon-red]=\"validationMessageIconColor === 'Red'\"\n                    [class.exclamation-icon-orange]=\"validationMessageIconColor === 'Orange'\"\n                    [class.exclamation-icon-yellow]=\"validationMessageIconColor === 'Yellow'\"\n                    [class.exclamation-icon-green]=\"validationMessageIconColor === 'Green'\"\n                    [class.exclamation-icon-blue]=\"validationMessageIconColor === 'Blue'\"\n                >\n                </span>\n            }\n            <span class=\"title\">{{ header }}</span>\n        </div>\n        <div class=\"header__controls\">\n            @for (button of buttons; track button.icon) {\n                <button\n                    class=\"icon-button\"\n                    [ngClass]=\"button.icon\"\n                    (click)=\"onIconButtonsClick($event, button.onClick)\"\n                ></button>\n            }\n\n            @if (switchControl) {\n                <s-switch\n                    class=\"switch\"\n                    [formControl]=\"switchControl\"\n                    (click)=\"$event.stopPropagation()\"\n                >\n                </s-switch>\n            }\n        </div>\n    </div>\n\n    @if (cache) {\n        <div\n            class=\"content\"\n            [@cacheAnimation]=\"isOpen\"\n            [@.disabled]=\"isContentAnimationDisabled\"\n            (@cacheAnimation.start)=\"onContentAnimationStart()\"\n            (@cacheAnimation.done)=\"onContentAnimationDone()\"\n        >\n            <div class=\"content-container\">\n                <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n            </div>\n        </div>\n    } @else {\n        @if (isOpen) {\n            <div\n                class=\"content\"\n                @cachelessAnimation\n                [@.disabled]=\"isContentAnimationDisabled\"\n                (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n                (@cachelessAnimation.done)=\"onContentAnimationDone()\"\n            >\n                <div class=\"content-container\">\n                    <ng-container [ngTemplateOutlet]=\"panelContent\"></ng-container>\n                </div>\n            </div>\n        }\n    }\n</div>\n\n<ng-template #panelContent>\n    <ng-content></ng-content>\n</ng-template>\n","import {\n    AfterContentInit,\n    OnChanges,\n    Component,\n    ContentChildren,\n    Input,\n    QueryList,\n    SimpleChanges,\n    OnDestroy,\n} from '@angular/core';\n\nimport { AccordionPanelComponent } from './components/accordion-panel/accordion-panel.component';\nimport { Subject, Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n@Component({\n    selector: 's-accordion',\n    templateUrl: './accordion.component.html',\n    styleUrls: ['./accordion.component.scss'],\n})\nexport class AccordionComponent implements AfterContentInit, OnChanges, OnDestroy {\n    @Input()\n    public activeIndex?: number | number[];\n\n    @Input()\n    public multiple = false;\n\n    @ContentChildren(AccordionPanelComponent)\n    public panelsComponents?: QueryList<AccordionPanelComponent>;\n\n    private readonly _unsubscribe$ = new Subject<void>();\n    private _panels: AccordionPanelComponent[] = [];\n    private _openSubs: Subscription[] = [];\n\n    public ngAfterContentInit(): void {\n        if (this.panelsComponents) {\n            this._panels = this.panelsComponents?.toArray();\n        }\n\n        this._openSubs = Array.from({ length: this._panels.length });\n\n        this._setBehavior(this.multiple);\n        this._setupTabs();\n    }\n\n    public ngOnChanges(changes: SimpleChanges): void {\n        if (changes['multiple']) {\n            this._setBehavior(changes['multiple'].currentValue);\n        }\n    }\n\n    public ngOnDestroy(): void {\n        this._unsubscribe$.next();\n        this._unsubscribe$.complete();\n    }\n\n    private _setupTabs(): void {\n        if (this._panels?.length) {\n            if (this.activeIndex !== undefined && this.activeIndex !== null) {\n                const activeTabs = Array.isArray(this.activeIndex)\n                    ? this._panels.filter((_, index) => (this.activeIndex as number[]).includes(index))\n                    : [this._panels[this.activeIndex]];\n\n                if (activeTabs.length === 0) {\n                    throw new Error('activeIndex does not represent any panel.');\n                }\n\n                for (const activeTab of activeTabs) {\n                    if (!activeTab.disabled) {\n                        activeTab.isOpen = true;\n                    }\n                }\n            }\n        }\n    }\n\n    private _closeOtherTabs(exception: number) {\n        this._panels.forEach((panel, index) => {\n            if (index !== exception) {\n                panel.isOpen = false;\n            }\n        });\n    }\n\n    private _setBehavior(multiple: boolean): void {\n        if (multiple) {\n            this._enableMultiplePanelBehavior();\n        } else {\n            this._enableSinglePanelBehavior();\n        }\n    }\n\n    private _enableSinglePanelBehavior() {\n        this._panels.forEach((panel, index) => {\n            this._openSubs[index] = panel.panelOpened.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {\n                this._closeOtherTabs(index);\n            });\n        });\n    }\n\n    private _enableMultiplePanelBehavior() {\n        this._panels.forEach((_, index) => {\n            if (this._openSubs[index]) {\n                this._openSubs[index].unsubscribe();\n            }\n        });\n    }\n}\n","<div class=\"accordion\">\n    <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { AccordionComponent } from './accordion.component';\nimport { AccordionPanelComponent } from './components/accordion-panel/accordion-panel.component';\nimport { TooltipModule } from '@seniorsistemas/angular-components/tooltip';\nimport { SwitchModule } from '@seniorsistemas/angular-components/switch';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        TooltipModule,\n        SwitchModule,\n    ],\n    declarations: [AccordionComponent, AccordionPanelComponent],\n    exports: [AccordionComponent, AccordionPanelComponent],\n})\nexport class AccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAsBa,uBAAuB,CAAA;AAEzB,IAAA,MAAM,CAAU;AAGhB,IAAA,OAAO,CAA6B;IAGpC,QAAQ,GAAG,KAAK,CAAC;AAGjB,IAAA,aAAa,CAAsB;AAGnC,IAAA,iBAAiB,CAAU;IAG3B,KAAK,GAAG,KAAK,CAAC;IAEZ,qBAAqB,GAAG,2BAA2B,CAAC;IAEpD,0BAA0B,GAA+B,KAAK,CAAC;AAGjE,IAAA,WAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;AAGvC,IAAA,WAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;IAEvC,WAAW,GAAG,KAAK,CAAC;IACpB,0BAA0B,GAAG,IAAI,CAAC;IAEjC,OAAO,GAAG,KAAK,CAAC;AAExB,IAAA,IAAW,MAAM,GAAA;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;KACvB;IAED,IAAW,MAAM,CAAC,MAAe,EAAA;AAC7B,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;KACzB;AAEM,IAAA,WAAW,CAAC,OAAsB,EAAA;QACrC,IAAI,UAAU,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE;AAC7C,YAAA,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC,YAAY,EAAE;gBAClC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;aACpD;iBAAM;gBACH,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;aACnD;SACJ;QAED,IAAI,QAAQ,IAAI,OAAO,IAAI,eAAe,IAAI,OAAO,EAAE;AACnD,YAAA,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;SACvE;KACJ;IAEM,eAAe,GAAA;;QAElB,cAAc,CAAC,MAAK;AAChB,YAAA,IAAI,CAAC,0BAA0B,GAAG,KAAK,CAAC;AAC5C,SAAC,CAAC,CAAC;KACN;IAEM,kBAAkB,CAAC,KAAY,EAAE,QAAsB,EAAA;AAC1D,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,OAAO;SACV;QAED,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,QAAA,QAAQ,EAAE,CAAC;KACd;IAEM,UAAU,GAAA;QACb,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE;YACnC,OAAO;SACV;AACD,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,eAAe,EAAE,CAAC;KAC1B;IAEM,uBAAuB,GAAA;AAC1B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;KAC3B;IAEM,sBAAsB,GAAA;AACzB,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAEzB,IAAI,CAAC,eAAe,EAAE,CAAC;KAC1B;IAEO,eAAe,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACb,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SAC3B;aAAM;AACH,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SAC3B;KACJ;wGAhGQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAAvB,uBAAuB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,0BAAA,EAAA,4BAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBpC,m8FAmFA,EDzEgB,MAAA,EAAA,CAAA,+2DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,QAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA;YACR,OAAO,CAAC,oBAAoB,EAAE;gBAC1B,UAAU,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;gBAC/F,UAAU,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;aAClG,CAAC;YACF,OAAO,CAAC,gBAAgB,EAAE;gBACtB,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;gBACrC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AACxC,gBAAA,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;aACzC,CAAC;AACL,SAAA,EAAA,CAAA,CAAA;;4FAEQ,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAhBnC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAGjB,UAAA,EAAA;wBACR,OAAO,CAAC,oBAAoB,EAAE;4BAC1B,UAAU,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;4BAC/F,UAAU,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;yBAClG,CAAC;wBACF,OAAO,CAAC,gBAAgB,EAAE;4BACtB,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;4BACrC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AACxC,4BAAA,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;yBACzC,CAAC;AACL,qBAAA,EAAA,QAAA,EAAA,m8FAAA,EAAA,MAAA,EAAA,CAAA,+2DAAA,CAAA,EAAA,CAAA;8BAIM,MAAM,EAAA,CAAA;sBADZ,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAIlB,OAAO,EAAA,CAAA;sBADb,KAAK;gBAIC,QAAQ,EAAA,CAAA;sBADd,KAAK;gBAIC,aAAa,EAAA,CAAA;sBADnB,KAAK;gBAIC,iBAAiB,EAAA,CAAA;sBADvB,KAAK;gBAIC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAGG,qBAAqB,EAAA,CAAA;sBAA7B,KAAK;gBAEG,0BAA0B,EAAA,CAAA;sBAAlC,KAAK;gBAGC,WAAW,EAAA,CAAA;sBADjB,MAAM;gBAIA,WAAW,EAAA,CAAA;sBADjB,MAAM;;;ME5BE,kBAAkB,CAAA;AAEpB,IAAA,WAAW,CAAqB;IAGhC,QAAQ,GAAG,KAAK,CAAC;AAGjB,IAAA,gBAAgB,CAAsC;AAE5C,IAAA,aAAa,GAAG,IAAI,OAAO,EAAQ,CAAC;IAC7C,OAAO,GAA8B,EAAE,CAAC;IACxC,SAAS,GAAmB,EAAE,CAAC;IAEhC,kBAAkB,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,EAAE,CAAC;SACnD;AAED,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;AAE7D,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjC,IAAI,CAAC,UAAU,EAAE,CAAC;KACrB;AAEM,IAAA,WAAW,CAAC,OAAsB,EAAA;AACrC,QAAA,IAAI,OAAO,CAAC,UAAU,CAAC,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC;SACvD;KACJ;IAEM,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;AAC1B,QAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;KACjC;IAEO,UAAU,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE;AACtB,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE;gBAC7D,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC;sBAC5C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,KAAM,IAAI,CAAC,WAAwB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;sBACjF,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;AAEvC,gBAAA,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;AACzB,oBAAA,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;iBAChE;AAED,gBAAA,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE;AAChC,oBAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;AACrB,wBAAA,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC;qBAC3B;iBACJ;aACJ;SACJ;KACJ;AAEO,IAAA,eAAe,CAAC,SAAiB,EAAA;QACrC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;AAClC,YAAA,IAAI,KAAK,KAAK,SAAS,EAAE;AACrB,gBAAA,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;aACxB;AACL,SAAC,CAAC,CAAC;KACN;AAEO,IAAA,YAAY,CAAC,QAAiB,EAAA;QAClC,IAAI,QAAQ,EAAE;YACV,IAAI,CAAC,4BAA4B,EAAE,CAAC;SACvC;aAAM;YACH,IAAI,CAAC,0BAA0B,EAAE,CAAC;SACrC;KACJ;IAEO,0BAA0B,GAAA;QAC9B,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;YAClC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;AACzF,gBAAA,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;AAChC,aAAC,CAAC,CAAC;AACP,SAAC,CAAC,CAAC;KACN;IAEO,4BAA4B,GAAA;QAChC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,KAAI;AAC9B,YAAA,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;gBACvB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;aACvC;AACL,SAAC,CAAC,CAAC;KACN;wGAtFQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAAlB,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,SAAA,EAOV,uBAAuB,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3B5C,oEAGA,EAAA,MAAA,EAAA,CAAA,0EAAA,CAAA,EAAA,CAAA,CAAA;;4FDiBa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACI,aAAa,EAAA,QAAA,EAAA,oEAAA,EAAA,MAAA,EAAA,CAAA,0EAAA,CAAA,EAAA,CAAA;8BAMhB,WAAW,EAAA,CAAA;sBADjB,KAAK;gBAIC,QAAQ,EAAA,CAAA;sBADd,KAAK;gBAIC,gBAAgB,EAAA,CAAA;sBADtB,eAAe;uBAAC,uBAAuB,CAAA;;;MEP/B,eAAe,CAAA;wGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAHT,YAAA,EAAA,CAAA,kBAAkB,EAAE,uBAAuB,aANtD,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,aAAa;YACb,YAAY,CAAA,EAAA,OAAA,EAAA,CAGN,kBAAkB,EAAE,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAE5C,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YATpB,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,aAAa;YACb,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAKP,eAAe,EAAA,UAAA,EAAA,CAAA;kBAX3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,aAAa;wBACb,YAAY;AACf,qBAAA;AACD,oBAAA,YAAY,EAAE,CAAC,kBAAkB,EAAE,uBAAuB,CAAC;AAC3D,oBAAA,OAAO,EAAE,CAAC,kBAAkB,EAAE,uBAAuB,CAAC;AACzD,iBAAA,CAAA;;;ACnBD;;AAEG;;;;"}

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

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class AlertComponent {
+    // sonar-ignore: Refactor this union type to have less than 3 elements
+    severity = 'info';
+    summary;
+    detail;
+    closable = true;
+    closed = new EventEmitter();
+    get isOpen() {
+        return this._isOpen;
+    }
+    closeAlert() {
+        this._isOpen = false;
+    }
+    showAlert() {
+        this._isOpen = true;
+    }
+    onClose() {
+        this.closed.emit();
+        this.closeAlert();
+    }
+    _isOpen = true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AlertComponent, selector: "s-alert", inputs: { severity: "severity", summary: "summary", detail: "detail", closable: "closable" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div\n    class=\"alert\"\n    [ngClass]=\"{\n        'alert--info': severity === 'info',\n        'alert--success': severity === 'success',\n        'alert--warning': severity === 'warning',\n        'alert--error': severity === 'error',\n    }\"\n>\n    <div class=\"content\">\n        <div class=\"icon-container\">\n            <i\n                class=\"fas fa-info\"\n                [ngClass]=\"{\n                    'fa-info': severity === 'info',\n                    'fa-check': severity === 'success',\n                    'fa-exclamation-triangle': severity === 'warning',\n                    'fa-times': severity === 'error',\n                }\"\n            ></i>\n        </div>\n        <div class=\"text-container\">\n            <div class=\"text\">\n                @if (summary) {\n                    <span class=\"summary\">{{ summary }}</span>\n                }\n\n                @if (detail) {\n                    <span class=\"detail\">{{ detail }}</span>\n                }\n            </div>\n        </div>\n    </div>\n    @if (closable) {\n        <button\n            class=\"close-option\"\n            (click)=\"onClose()\"\n        >\n            <i class=\"fas fa-times\"></i>\n        </button>\n    }\n</div>\n", styles: [".alert{align-items:center;background-color:#f1f7f8;border-left:4px solid #428bca;border-radius:4px;box-shadow:1px 1px 2px #0003;display:flex;gap:16px;justify-content:space-between;margin:8px;padding:12px 16px}.alert .content{align-items:center;display:flex;gap:16px}.alert .content .icon-container{align-items:center;background-color:#428bca;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.alert .content .text-container{display:flex;flex-direction:column;gap:16px}.alert .content .text-container .text{display:flex;flex-direction:column;justify-content:flex-start}.alert .content .text-container .text .summary,.alert .content .text-container .text .detail{color:#212533;font-family:Open Sans,sans-serif;font-size:14px}.alert .content .text-container .text .summary{font-weight:700}.alert .close-option{background-color:transparent;border:none;color:#212533;cursor:pointer;font-size:16px;padding:4px}.alert--info{background-color:#f1f7f8;border-color:#428bca}.alert--info .content .icon-container{background-color:#428bca;color:#fff}.alert--success{background-color:#e0f0f0;border-color:#0c9348}.alert--success .content .icon-container{background-color:#0c9348;color:#fff}.alert--warning{background-color:#fef4e3;border-color:#fcbf10}.alert--warning .content .icon-container{background-color:#fcbf10;color:#212533}.alert--error{background-color:#fef0f0;border-color:#c13018}.alert--error .content .icon-container{background-color:#c13018;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-alert', template: "<div\n    class=\"alert\"\n    [ngClass]=\"{\n        'alert--info': severity === 'info',\n        'alert--success': severity === 'success',\n        'alert--warning': severity === 'warning',\n        'alert--error': severity === 'error',\n    }\"\n>\n    <div class=\"content\">\n        <div class=\"icon-container\">\n            <i\n                class=\"fas fa-info\"\n                [ngClass]=\"{\n                    'fa-info': severity === 'info',\n                    'fa-check': severity === 'success',\n                    'fa-exclamation-triangle': severity === 'warning',\n                    'fa-times': severity === 'error',\n                }\"\n            ></i>\n        </div>\n        <div class=\"text-container\">\n            <div class=\"text\">\n                @if (summary) {\n                    <span class=\"summary\">{{ summary }}</span>\n                }\n\n                @if (detail) {\n                    <span class=\"detail\">{{ detail }}</span>\n                }\n            </div>\n        </div>\n    </div>\n    @if (closable) {\n        <button\n            class=\"close-option\"\n            (click)=\"onClose()\"\n        >\n            <i class=\"fas fa-times\"></i>\n        </button>\n    }\n</div>\n", styles: [".alert{align-items:center;background-color:#f1f7f8;border-left:4px solid #428bca;border-radius:4px;box-shadow:1px 1px 2px #0003;display:flex;gap:16px;justify-content:space-between;margin:8px;padding:12px 16px}.alert .content{align-items:center;display:flex;gap:16px}.alert .content .icon-container{align-items:center;background-color:#428bca;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.alert .content .text-container{display:flex;flex-direction:column;gap:16px}.alert .content .text-container .text{display:flex;flex-direction:column;justify-content:flex-start}.alert .content .text-container .text .summary,.alert .content .text-container .text .detail{color:#212533;font-family:Open Sans,sans-serif;font-size:14px}.alert .content .text-container .text .summary{font-weight:700}.alert .close-option{background-color:transparent;border:none;color:#212533;cursor:pointer;font-size:16px;padding:4px}.alert--info{background-color:#f1f7f8;border-color:#428bca}.alert--info .content .icon-container{background-color:#428bca;color:#fff}.alert--success{background-color:#e0f0f0;border-color:#0c9348}.alert--success .content .icon-container{background-color:#0c9348;color:#fff}.alert--warning{background-color:#fef4e3;border-color:#fcbf10}.alert--warning .content .icon-container{background-color:#fcbf10;color:#212533}.alert--error{background-color:#fef0f0;border-color:#c13018}.alert--error .content .icon-container{background-color:#c13018;color:#fff}\n"] }]
+        }], propDecorators: { severity: [{
+                type: Input
+            }], summary: [{
+                type: Input,
+                args: [{ required: true }]
+            }], detail: [{
+                type: Input,
+                args: [{ required: true }]
+            }], closable: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }] } });
+
+class AlertModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AlertModule, declarations: [AlertComponent], imports: [CommonModule], exports: [AlertComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlertModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [AlertComponent],
+                    exports: [AlertComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AlertComponent, AlertModule };
+//# sourceMappingURL=seniorsistemas-angular-components-alert.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-alert.mjs","sources":["../../projects/angular-components/alert/src/lib/alert/alert.component.ts","../../projects/angular-components/alert/src/lib/alert/alert.component.html","../../projects/angular-components/alert/src/lib/alert/alert.module.ts","../../projects/angular-components/alert/src/seniorsistemas-angular-components-alert.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n    selector: 's-alert',\n    templateUrl: './alert.component.html',\n    styleUrls: ['./alert.component.scss'],\n})\nexport class AlertComponent {\n    // sonar-ignore: Refactor this union type to have less than 3 elements\n    @Input()\n    public severity: 'info' | 'success' | 'warning' | 'error' = 'info';\n\n    @Input({ required: true })\n    public summary!: string;\n\n    @Input({ required: true })\n    public detail!: string;\n\n    @Input()\n    public closable = true;\n\n    @Output()\n    public closed = new EventEmitter<void>();\n\n    public get isOpen(): boolean {\n        return this._isOpen;\n    }\n\n    public closeAlert(): void {\n        this._isOpen = false;\n    }\n\n    public showAlert(): void {\n        this._isOpen = true;\n    }\n\n    public onClose(): void {\n        this.closed.emit();\n        this.closeAlert();\n    }\n\n    private _isOpen = true;\n}\n","<div\n    class=\"alert\"\n    [ngClass]=\"{\n        'alert--info': severity === 'info',\n        'alert--success': severity === 'success',\n        'alert--warning': severity === 'warning',\n        'alert--error': severity === 'error',\n    }\"\n>\n    <div class=\"content\">\n        <div class=\"icon-container\">\n            <i\n                class=\"fas fa-info\"\n                [ngClass]=\"{\n                    'fa-info': severity === 'info',\n                    'fa-check': severity === 'success',\n                    'fa-exclamation-triangle': severity === 'warning',\n                    'fa-times': severity === 'error',\n                }\"\n            ></i>\n        </div>\n        <div class=\"text-container\">\n            <div class=\"text\">\n                @if (summary) {\n                    <span class=\"summary\">{{ summary }}</span>\n                }\n\n                @if (detail) {\n                    <span class=\"detail\">{{ detail }}</span>\n                }\n            </div>\n        </div>\n    </div>\n    @if (closable) {\n        <button\n            class=\"close-option\"\n            (click)=\"onClose()\"\n        >\n            <i class=\"fas fa-times\"></i>\n        </button>\n    }\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { AlertComponent } from './alert.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [AlertComponent],\n    exports: [AlertComponent],\n})\nexport class AlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,cAAc,CAAA;;IAGhB,QAAQ,GAA6C,MAAM,CAAC;AAG5D,IAAA,OAAO,CAAU;AAGjB,IAAA,MAAM,CAAU;IAGhB,QAAQ,GAAG,IAAI,CAAC;AAGhB,IAAA,MAAM,GAAG,IAAI,YAAY,EAAQ,CAAC;AAEzC,IAAA,IAAW,MAAM,GAAA;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;KACvB;IAEM,UAAU,GAAA;AACb,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACxB;IAEM,SAAS,GAAA;AACZ,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;KACvB;IAEM,OAAO,GAAA;AACV,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACnB,IAAI,CAAC,UAAU,EAAE,CAAC;KACrB;IAEO,OAAO,GAAG,IAAI,CAAC;wGAlCd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,4KCP3B,0uCA0CA,EAAA,MAAA,EAAA,CAAA,4+CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDnCa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,SAAS;+BACI,SAAS,EAAA,QAAA,EAAA,0uCAAA,EAAA,MAAA,EAAA,CAAA,4+CAAA,CAAA,EAAA,CAAA;8BAOZ,QAAQ,EAAA,CAAA;sBADd,KAAK;gBAIC,OAAO,EAAA,CAAA;sBADb,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAIlB,MAAM,EAAA,CAAA;sBADZ,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAIlB,QAAQ,EAAA,CAAA;sBADd,KAAK;gBAIC,MAAM,EAAA,CAAA;sBADZ,MAAM;;;MEXE,WAAW,CAAA;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAHL,YAAA,EAAA,CAAA,cAAc,CADnB,EAAA,OAAA,EAAA,CAAA,YAAY,aAEZ,cAAc,CAAA,EAAA,CAAA,CAAA;AAEf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAJV,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAIb,WAAW,EAAA,UAAA,EAAA,CAAA;kBALvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,cAAc,CAAC;oBAC9B,OAAO,EAAE,CAAC,cAAc,CAAC;AAC5B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}