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

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

@@ -0,0 +1,145 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import * as i2 from '@seniorsistemas/angular-components/tooltip';
+import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
+
+var StepState;
+(function (StepState) {
+    StepState["Default"] = "default";
+    StepState["Success"] = "success";
+    StepState["Warning"] = "warning";
+})(StepState || (StepState = {}));
+class StepsComponent {
+    static nextId = 0;
+    id = `s-steps-${StepsComponent.nextId++}`;
+    steps;
+    activeIndex = 0;
+    stepSelected = new EventEmitter();
+    get stepState() {
+        return StepState;
+    }
+    get visibledStep() {
+        return this.steps.filter((step) => !step.hidden);
+    }
+    stepClick(step, index, event) {
+        if (step.disabled || index === this.activeIndex)
+            return;
+        this.stepSelected.emit({ step, index, event });
+    }
+    barAnimation(index, activeIndex) {
+        const visited = index < activeIndex;
+        const activated = index === activeIndex;
+        return visited || activated;
+    }
+    afterBarAnimation(index, activeIndex) {
+        const visited = index < activeIndex;
+        const activated = index === activeIndex - 1;
+        return visited || activated;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: StepsComponent, selector: "s-steps", inputs: { id: "id", steps: "steps", activeIndex: "activeIndex" }, outputs: { stepSelected: "stepSelected" }, host: { attributes: { "aria-orientation": "horizontal", "role": "tablist", "tab-index": "0" } }, ngImport: i0, template: "<div\n    [id]=\"id\"\n    class=\"s-steps-container\"\n>\n    <ng-container\n        *ngFor=\"\n            let step of visibledStep;\n            let i = index;\n            let isFirst = first;\n            let isLast = last\n        \"\n    >\n        @if (!isFirst) {\n            <div\n                class=\"s-step-progress-bar\"\n                [@activeDesative]=\"\n                    barAnimation(i, activeIndex) ? 'active' : 'desactive'\n                \"\n                [ngClass]=\"{\n                    's-step-success': step.state === stepState.Success,\n                    's-step-warning': step.state === stepState.Warning,\n                    's-step-disabled': step.disabled,\n                    's-step-visited': i < activeIndex,\n                    's-step-active': i === activeIndex,\n                }\"\n            ></div>\n        }\n        <div\n            [id]=\"id + '-step-' + (step.id || i)\"\n            class=\"s-step-header\"\n            (click)=\"stepClick(step, i, $event)\"\n            role=\"tab\"\n            tabindex=\"0\"\n            [attr.aria-label]=\"step.ariaLabel || null\"\n            [attr.aria-controls]=\"step.ariaControls\"\n            [attr.aria-labelledby]=\"!step.ariaLabel ? 'step-label-' + i : null\"\n            [attr.aria-posinset]=\"i + 1\"\n            [attr.aria-setsize]=\"visibledStep.length\"\n            [attr.aria-selected]=\"activeIndex === i\"\n            [ngClass]=\"{\n                's-step-success': step.state === stepState.Success,\n                's-step-warning': step.state === stepState.Warning,\n                's-step-visited': i < activeIndex,\n                's-step-active': i === activeIndex,\n                's-step-previous': i === activeIndex - 1,\n            }\"\n        >\n            @if (!isFirst) {\n                <div\n                    [@beforeActiveDesative]=\"\n                        barAnimation(i, activeIndex) ? 'active' : 'desactive'\n                    \"\n                    class=\"s-step-progress-bar-before\"\n                    [ngClass]=\"{\n                        's-step-success': step.state === stepState.Success,\n                        's-step-warning': step.state === stepState.Warning,\n                        's-step-disabled': step.disabled,\n                        's-step-visited': i < activeIndex,\n                        's-step-active': i === activeIndex,\n                    }\"\n                ></div>\n            }\n\n            @if (!isLast) {\n                <div\n                    [@afterActiveDesative]=\"\n                        afterBarAnimation(i, activeIndex)\n                            ? 'active'\n                            : 'desactive'\n                    \"\n                    class=\"s-step-progress-bar-after\"\n                    [ngClass]=\"{\n                        's-step-success': step.state === stepState.Success,\n                        's-step-warning': step.state === stepState.Warning,\n                        's-step-disabled': visibledStep[i + 1].disabled,\n                        's-step-visited': i + 1 < activeIndex,\n                        's-step-active': i === activeIndex - 1,\n                    }\"\n                ></div>\n            }\n            <div\n                class=\"s-step-index\"\n                [ngClass]=\"{ 's-step-disabled': step.disabled }\"\n                [sTooltip]=\"step.tooltip\"\n            >\n                <div class=\"s-step-index-content\">\n                    @if (\n                        step.state !== stepState.Warning &&\n                        (step.state === stepState.Success || activeIndex > i)\n                    ) {\n                        <span\n                            class=\"fas fa-check\"\n                            aria-hidden=\"true\"\n                            [attr.aria-label]=\"i + 1\"\n                        >\n                        </span>\n                    }\n                    @if (step.state === stepState.Warning) {\n                        <span\n                            class=\"fas fa-exclamation-triangle\"\n                            aria-hidden=\"true\"\n                            [attr.aria-label]=\"i + 1\"\n                        >\n                        </span>\n                    }\n                    @if (\n                        step.state !== stepState.Success &&\n                        step.state !== stepState.Warning &&\n                        activeIndex <= i\n                    ) {\n                        <span>{{ i + 1 }}</span>\n                    }\n                </div>\n            </div>\n            <div\n                [id]=\"'step-label-' + i\"\n                class=\"s-step-label\"\n                [ngClass]=\"{ 's-step-disabled': step.disabled }\"\n            >\n                <span>\n                    {{ step.label }}\n                </span>\n            </div>\n        </div>\n    </ng-container>\n</div>\n", styles: ["@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.s-steps-container{display:flex;white-space:nowrap;align-items:flex-start;overflow:hidden;padding:15px 10px}.s-step-header{box-sizing:border-box;flex-direction:column;height:auto;cursor:pointer;position:relative;display:flex;align-items:center;height:66px}.s-step-header .s-step-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;color:#999;font-size:14px;font-weight:400;padding-top:5px}.s-step-header .s-step-progress-bar-before{margin:0;position:absolute;top:20px;flex:auto;height:0;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#ccc;background-image:linear-gradient(to right,#7892a1 50%,#ccc 50%);background-position:right bottom;background-size:300% 100%;left:0}.s-step-header .s-step-progress-bar-before.s-step-visited,.s-step-header .s-step-progress-bar-before.s-step-active{background-position:left bottom}.s-step-header .s-step-progress-bar-after{margin:0;position:absolute;top:20px;flex:auto;height:0;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#ccc;background-image:linear-gradient(to right,#7892a1 50%,#ccc 50%);background-position:right bottom;background-size:300% 100%;right:0}.s-step-header .s-step-progress-bar-after.s-step-visited,.s-step-header .s-step-progress-bar-after.s-step-active{background-position:left bottom}.s-step-progress-bar{margin:0;position:relative;top:20px;flex:auto;height:0;height:3px;overflow:hidden;width:100%;background-color:#ccc;background-image:linear-gradient(to right,#7892a1 50%,#ccc 50%);background-position:right bottom;background-size:300% 100%}.s-step-disabled{opacity:.5;filter:Alpha(Opacity=50)}.s-step-disabled,.s-step-disabled *{cursor:text!important}.s-step-active.s-step-disabled{opacity:1}.s-step-index{background-color:#fff;border:3px solid #ccc;border-radius:50%;color:#999;display:inline-block;font-weight:700;position:relative;transition:background-color .2s ease-out;height:40px;width:40px;flex:none}.s-step-index .s-step-index-content{line-height:18px;font-size:18px;padding-top:8.5px;text-align:center;position:relative;cursor:pointer}.s-step-index:hover{background-color:highlight(#ddd)}.s-step-warning .s-step-index .s-step-index-content{padding-top:7px}.s-step-visited .s-step-index{border-color:#7892a1;background-color:#7892a1}.s-step-visited .s-step-index-content>span{color:#fff}.s-step-visited.s-step-progress-bar,.s-step-active.s-step-progress-bar{background-position:left bottom}.s-step-active .s-step-index{border-color:#7892a1;color:#7892a1;cursor:default}.s-step-active .s-step-label{color:#333;font-weight:700}@media (max-width: 767px){.s-step-label{display:none}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }], animations: [
+            trigger('beforeActiveDesative', [
+                state('active', style({
+                    'background-position': 'left bottom',
+                })),
+                state('desactive', style({
+                    'background-position': 'right bottom',
+                })),
+                transition('active => desactive', [animate('50ms 100ms linear')]),
+                transition('desactive => active', [animate('50ms 250ms linear')]),
+            ]),
+            trigger('activeDesative', [
+                state('active', style({
+                    'background-position': 'left bottom',
+                })),
+                state('desactive', style({
+                    'background-position': 'right bottom',
+                })),
+                transition('active => desactive', [animate('100ms 150ms linear')]),
+                transition('desactive => active', [animate('100ms 150ms linear')]),
+            ]),
+            trigger('afterActiveDesative', [
+                state('active', style({
+                    'background-position': 'left bottom',
+                })),
+                state('desactive', style({
+                    'background-position': 'right bottom',
+                })),
+                transition('active => desactive', [animate('50ms 250ms linear')]),
+                transition('desactive => active', [animate('50ms 100ms linear')]),
+            ]),
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-steps', host: {
+                        'aria-orientation': 'horizontal',
+                        role: 'tablist',
+                        'tab-index': '0',
+                    }, animations: [
+                        trigger('beforeActiveDesative', [
+                            state('active', style({
+                                'background-position': 'left bottom',
+                            })),
+                            state('desactive', style({
+                                'background-position': 'right bottom',
+                            })),
+                            transition('active => desactive', [animate('50ms 100ms linear')]),
+                            transition('desactive => active', [animate('50ms 250ms linear')]),
+                        ]),
+                        trigger('activeDesative', [
+                            state('active', style({
+                                'background-position': 'left bottom',
+                            })),
+                            state('desactive', style({
+                                'background-position': 'right bottom',
+                            })),
+                            transition('active => desactive', [animate('100ms 150ms linear')]),
+                            transition('desactive => active', [animate('100ms 150ms linear')]),
+                        ]),
+                        trigger('afterActiveDesative', [
+                            state('active', style({
+                                'background-position': 'left bottom',
+                            })),
+                            state('desactive', style({
+                                'background-position': 'right bottom',
+                            })),
+                            transition('active => desactive', [animate('50ms 250ms linear')]),
+                            transition('desactive => active', [animate('50ms 100ms linear')]),
+                        ]),
+                    ], template: "<div\n    [id]=\"id\"\n    class=\"s-steps-container\"\n>\n    <ng-container\n        *ngFor=\"\n            let step of visibledStep;\n            let i = index;\n            let isFirst = first;\n            let isLast = last\n        \"\n    >\n        @if (!isFirst) {\n            <div\n                class=\"s-step-progress-bar\"\n                [@activeDesative]=\"\n                    barAnimation(i, activeIndex) ? 'active' : 'desactive'\n                \"\n                [ngClass]=\"{\n                    's-step-success': step.state === stepState.Success,\n                    's-step-warning': step.state === stepState.Warning,\n                    's-step-disabled': step.disabled,\n                    's-step-visited': i < activeIndex,\n                    's-step-active': i === activeIndex,\n                }\"\n            ></div>\n        }\n        <div\n            [id]=\"id + '-step-' + (step.id || i)\"\n            class=\"s-step-header\"\n            (click)=\"stepClick(step, i, $event)\"\n            role=\"tab\"\n            tabindex=\"0\"\n            [attr.aria-label]=\"step.ariaLabel || null\"\n            [attr.aria-controls]=\"step.ariaControls\"\n            [attr.aria-labelledby]=\"!step.ariaLabel ? 'step-label-' + i : null\"\n            [attr.aria-posinset]=\"i + 1\"\n            [attr.aria-setsize]=\"visibledStep.length\"\n            [attr.aria-selected]=\"activeIndex === i\"\n            [ngClass]=\"{\n                's-step-success': step.state === stepState.Success,\n                's-step-warning': step.state === stepState.Warning,\n                's-step-visited': i < activeIndex,\n                's-step-active': i === activeIndex,\n                's-step-previous': i === activeIndex - 1,\n            }\"\n        >\n            @if (!isFirst) {\n                <div\n                    [@beforeActiveDesative]=\"\n                        barAnimation(i, activeIndex) ? 'active' : 'desactive'\n                    \"\n                    class=\"s-step-progress-bar-before\"\n                    [ngClass]=\"{\n                        's-step-success': step.state === stepState.Success,\n                        's-step-warning': step.state === stepState.Warning,\n                        's-step-disabled': step.disabled,\n                        's-step-visited': i < activeIndex,\n                        's-step-active': i === activeIndex,\n                    }\"\n                ></div>\n            }\n\n            @if (!isLast) {\n                <div\n                    [@afterActiveDesative]=\"\n                        afterBarAnimation(i, activeIndex)\n                            ? 'active'\n                            : 'desactive'\n                    \"\n                    class=\"s-step-progress-bar-after\"\n                    [ngClass]=\"{\n                        's-step-success': step.state === stepState.Success,\n                        's-step-warning': step.state === stepState.Warning,\n                        's-step-disabled': visibledStep[i + 1].disabled,\n                        's-step-visited': i + 1 < activeIndex,\n                        's-step-active': i === activeIndex - 1,\n                    }\"\n                ></div>\n            }\n            <div\n                class=\"s-step-index\"\n                [ngClass]=\"{ 's-step-disabled': step.disabled }\"\n                [sTooltip]=\"step.tooltip\"\n            >\n                <div class=\"s-step-index-content\">\n                    @if (\n                        step.state !== stepState.Warning &&\n                        (step.state === stepState.Success || activeIndex > i)\n                    ) {\n                        <span\n                            class=\"fas fa-check\"\n                            aria-hidden=\"true\"\n                            [attr.aria-label]=\"i + 1\"\n                        >\n                        </span>\n                    }\n                    @if (step.state === stepState.Warning) {\n                        <span\n                            class=\"fas fa-exclamation-triangle\"\n                            aria-hidden=\"true\"\n                            [attr.aria-label]=\"i + 1\"\n                        >\n                        </span>\n                    }\n                    @if (\n                        step.state !== stepState.Success &&\n                        step.state !== stepState.Warning &&\n                        activeIndex <= i\n                    ) {\n                        <span>{{ i + 1 }}</span>\n                    }\n                </div>\n            </div>\n            <div\n                [id]=\"'step-label-' + i\"\n                class=\"s-step-label\"\n                [ngClass]=\"{ 's-step-disabled': step.disabled }\"\n            >\n                <span>\n                    {{ step.label }}\n                </span>\n            </div>\n        </div>\n    </ng-container>\n</div>\n", styles: ["@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.s-steps-container{display:flex;white-space:nowrap;align-items:flex-start;overflow:hidden;padding:15px 10px}.s-step-header{box-sizing:border-box;flex-direction:column;height:auto;cursor:pointer;position:relative;display:flex;align-items:center;height:66px}.s-step-header .s-step-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;color:#999;font-size:14px;font-weight:400;padding-top:5px}.s-step-header .s-step-progress-bar-before{margin:0;position:absolute;top:20px;flex:auto;height:0;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#ccc;background-image:linear-gradient(to right,#7892a1 50%,#ccc 50%);background-position:right bottom;background-size:300% 100%;left:0}.s-step-header .s-step-progress-bar-before.s-step-visited,.s-step-header .s-step-progress-bar-before.s-step-active{background-position:left bottom}.s-step-header .s-step-progress-bar-after{margin:0;position:absolute;top:20px;flex:auto;height:0;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#ccc;background-image:linear-gradient(to right,#7892a1 50%,#ccc 50%);background-position:right bottom;background-size:300% 100%;right:0}.s-step-header .s-step-progress-bar-after.s-step-visited,.s-step-header .s-step-progress-bar-after.s-step-active{background-position:left bottom}.s-step-progress-bar{margin:0;position:relative;top:20px;flex:auto;height:0;height:3px;overflow:hidden;width:100%;background-color:#ccc;background-image:linear-gradient(to right,#7892a1 50%,#ccc 50%);background-position:right bottom;background-size:300% 100%}.s-step-disabled{opacity:.5;filter:Alpha(Opacity=50)}.s-step-disabled,.s-step-disabled *{cursor:text!important}.s-step-active.s-step-disabled{opacity:1}.s-step-index{background-color:#fff;border:3px solid #ccc;border-radius:50%;color:#999;display:inline-block;font-weight:700;position:relative;transition:background-color .2s ease-out;height:40px;width:40px;flex:none}.s-step-index .s-step-index-content{line-height:18px;font-size:18px;padding-top:8.5px;text-align:center;position:relative;cursor:pointer}.s-step-index:hover{background-color:highlight(#ddd)}.s-step-warning .s-step-index .s-step-index-content{padding-top:7px}.s-step-visited .s-step-index{border-color:#7892a1;background-color:#7892a1}.s-step-visited .s-step-index-content>span{color:#fff}.s-step-visited.s-step-progress-bar,.s-step-active.s-step-progress-bar{background-position:left bottom}.s-step-active .s-step-index{border-color:#7892a1;color:#7892a1;cursor:default}.s-step-active .s-step-label{color:#333;font-weight:700}@media (max-width: 767px){.s-step-label{display:none}}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], steps: [{
+                type: Input,
+                args: [{ required: true }]
+            }], activeIndex: [{
+                type: Input,
+                args: [{ required: true }]
+            }], stepSelected: [{
+                type: Output
+            }] } });
+
+class StepsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: StepsModule, declarations: [StepsComponent], imports: [CommonModule, TooltipModule], exports: [StepsComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepsModule, imports: [CommonModule, TooltipModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TooltipModule],
+                    declarations: [StepsComponent],
+                    exports: [StepsComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { StepState, StepsComponent, StepsModule };
+//# sourceMappingURL=seniorsistemas-angular-components-steps.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-steps.mjs","sources":["../../projects/angular-components/steps/src/lib/steps/steps.component.ts","../../projects/angular-components/steps/src/lib/steps/steps.component.html","../../projects/angular-components/steps/src/lib/steps/steps.module.ts","../../projects/angular-components/steps/src/seniorsistemas-angular-components-steps.ts"],"sourcesContent":["import {\n    animate,\n    state,\n    style,\n    transition,\n    trigger,\n} from '@angular/animations';\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\n\nexport enum StepState {\n    Default = 'default',\n    Success = 'success',\n    Warning = 'warning',\n}\n\nexport interface Step {\n    id: any;\n    label: string;\n    ariaLabel?: string;\n    ariaControls?: string;\n    state?: StepState;\n    disabled?: boolean;\n    hidden?: boolean;\n    tooltip?: string;\n}\n\nexport interface StepSelectionEvent {\n    step: Step;\n    index: number;\n    event: any;\n}\n\n@Component({\n    selector: 's-steps',\n    templateUrl: './steps.component.html',\n    styleUrls: ['./steps.component.scss'],\n    host: {\n        'aria-orientation': 'horizontal',\n        role: 'tablist',\n        'tab-index': '0',\n    },\n    animations: [\n        trigger('beforeActiveDesative', [\n            state(\n                'active',\n                style({\n                    'background-position': 'left bottom',\n                }),\n            ),\n            state(\n                'desactive',\n                style({\n                    'background-position': 'right bottom',\n                }),\n            ),\n            transition('active => desactive', [animate('50ms 100ms linear')]),\n            transition('desactive => active', [animate('50ms 250ms linear')]),\n        ]),\n        trigger('activeDesative', [\n            state(\n                'active',\n                style({\n                    'background-position': 'left bottom',\n                }),\n            ),\n            state(\n                'desactive',\n                style({\n                    'background-position': 'right bottom',\n                }),\n            ),\n            transition('active => desactive', [animate('100ms 150ms linear')]),\n            transition('desactive => active', [animate('100ms 150ms linear')]),\n        ]),\n        trigger('afterActiveDesative', [\n            state(\n                'active',\n                style({\n                    'background-position': 'left bottom',\n                }),\n            ),\n            state(\n                'desactive',\n                style({\n                    'background-position': 'right bottom',\n                }),\n            ),\n            transition('active => desactive', [animate('50ms 250ms linear')]),\n            transition('desactive => active', [animate('50ms 100ms linear')]),\n        ]),\n    ],\n})\nexport class StepsComponent {\n    public static nextId = 0;\n\n    @Input()\n    public id = `s-steps-${StepsComponent.nextId++}`;\n\n    @Input({ required: true })\n    public steps!: Step[];\n\n    @Input({ required: true })\n    public activeIndex = 0;\n\n    @Output()\n    public stepSelected: EventEmitter<StepSelectionEvent> = new EventEmitter();\n\n    public get stepState() {\n        return StepState;\n    }\n\n    public get visibledStep() {\n        return this.steps.filter((step: Step) => !step.hidden);\n    }\n\n    public stepClick(step: Step, index: number, event: any) {\n        if (step.disabled || index === this.activeIndex) return;\n        this.stepSelected.emit({ step, index, event });\n    }\n\n    public barAnimation(index: number, activeIndex: number): boolean {\n        const visited = index < activeIndex;\n        const activated = index === activeIndex;\n        return visited || activated;\n    }\n\n    public afterBarAnimation(index: number, activeIndex: number): boolean {\n        const visited = index < activeIndex;\n        const activated = index === activeIndex - 1;\n        return visited || activated;\n    }\n}\n","<div\n    [id]=\"id\"\n    class=\"s-steps-container\"\n>\n    <ng-container\n        *ngFor=\"\n            let step of visibledStep;\n            let i = index;\n            let isFirst = first;\n            let isLast = last\n        \"\n    >\n        @if (!isFirst) {\n            <div\n                class=\"s-step-progress-bar\"\n                [@activeDesative]=\"\n                    barAnimation(i, activeIndex) ? 'active' : 'desactive'\n                \"\n                [ngClass]=\"{\n                    's-step-success': step.state === stepState.Success,\n                    's-step-warning': step.state === stepState.Warning,\n                    's-step-disabled': step.disabled,\n                    's-step-visited': i < activeIndex,\n                    's-step-active': i === activeIndex,\n                }\"\n            ></div>\n        }\n        <div\n            [id]=\"id + '-step-' + (step.id || i)\"\n            class=\"s-step-header\"\n            (click)=\"stepClick(step, i, $event)\"\n            role=\"tab\"\n            tabindex=\"0\"\n            [attr.aria-label]=\"step.ariaLabel || null\"\n            [attr.aria-controls]=\"step.ariaControls\"\n            [attr.aria-labelledby]=\"!step.ariaLabel ? 'step-label-' + i : null\"\n            [attr.aria-posinset]=\"i + 1\"\n            [attr.aria-setsize]=\"visibledStep.length\"\n            [attr.aria-selected]=\"activeIndex === i\"\n            [ngClass]=\"{\n                's-step-success': step.state === stepState.Success,\n                's-step-warning': step.state === stepState.Warning,\n                's-step-visited': i < activeIndex,\n                's-step-active': i === activeIndex,\n                's-step-previous': i === activeIndex - 1,\n            }\"\n        >\n            @if (!isFirst) {\n                <div\n                    [@beforeActiveDesative]=\"\n                        barAnimation(i, activeIndex) ? 'active' : 'desactive'\n                    \"\n                    class=\"s-step-progress-bar-before\"\n                    [ngClass]=\"{\n                        's-step-success': step.state === stepState.Success,\n                        's-step-warning': step.state === stepState.Warning,\n                        's-step-disabled': step.disabled,\n                        's-step-visited': i < activeIndex,\n                        's-step-active': i === activeIndex,\n                    }\"\n                ></div>\n            }\n\n            @if (!isLast) {\n                <div\n                    [@afterActiveDesative]=\"\n                        afterBarAnimation(i, activeIndex)\n                            ? 'active'\n                            : 'desactive'\n                    \"\n                    class=\"s-step-progress-bar-after\"\n                    [ngClass]=\"{\n                        's-step-success': step.state === stepState.Success,\n                        's-step-warning': step.state === stepState.Warning,\n                        's-step-disabled': visibledStep[i + 1].disabled,\n                        's-step-visited': i + 1 < activeIndex,\n                        's-step-active': i === activeIndex - 1,\n                    }\"\n                ></div>\n            }\n            <div\n                class=\"s-step-index\"\n                [ngClass]=\"{ 's-step-disabled': step.disabled }\"\n                [sTooltip]=\"step.tooltip\"\n            >\n                <div class=\"s-step-index-content\">\n                    @if (\n                        step.state !== stepState.Warning &&\n                        (step.state === stepState.Success || activeIndex > i)\n                    ) {\n                        <span\n                            class=\"fas fa-check\"\n                            aria-hidden=\"true\"\n                            [attr.aria-label]=\"i + 1\"\n                        >\n                        </span>\n                    }\n                    @if (step.state === stepState.Warning) {\n                        <span\n                            class=\"fas fa-exclamation-triangle\"\n                            aria-hidden=\"true\"\n                            [attr.aria-label]=\"i + 1\"\n                        >\n                        </span>\n                    }\n                    @if (\n                        step.state !== stepState.Success &&\n                        step.state !== stepState.Warning &&\n                        activeIndex <= i\n                    ) {\n                        <span>{{ i + 1 }}</span>\n                    }\n                </div>\n            </div>\n            <div\n                [id]=\"'step-label-' + i\"\n                class=\"s-step-label\"\n                [ngClass]=\"{ 's-step-disabled': step.disabled }\"\n            >\n                <span>\n                    {{ step.label }}\n                </span>\n            </div>\n        </div>\n    </ng-container>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\n\nimport { StepsComponent } from './steps.component';\nimport { TooltipModule } from '@seniorsistemas/angular-components/tooltip';\n\n@NgModule({\n    imports: [CommonModule, TooltipModule],\n    declarations: [StepsComponent],\n    exports: [StepsComponent],\n})\nexport class StepsModule { }\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-structure.mjs

@@ -0,0 +1,48 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+
+class HeaderComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: HeaderComponent, selector: "s-header", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "s-header",
+                    template: `<ng-content></ng-content>`,
+                }]
+        }] });
+
+class FooterComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FooterComponent, selector: "s-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 's-footer',
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+
+class StructureModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StructureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: StructureModule, declarations: [HeaderComponent, FooterComponent], imports: [CommonModule], exports: [HeaderComponent, FooterComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StructureModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StructureModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HeaderComponent, FooterComponent],
+                    imports: [CommonModule],
+                    exports: [HeaderComponent, FooterComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FooterComponent, HeaderComponent, StructureModule };
+//# sourceMappingURL=seniorsistemas-angular-components-structure.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-structure.mjs","sources":["../../projects/angular-components/structure/src/lib/structure/header.component.ts","../../projects/angular-components/structure/src/lib/structure/footer.component.ts","../../projects/angular-components/structure/src/lib/structure/structure.module.ts","../../projects/angular-components/structure/src/seniorsistemas-angular-components-structure.ts"],"sourcesContent":["import { Component } from \"@angular/core\";\n\n@Component({\n    selector: \"s-header\",\n    template: `<ng-content></ng-content>`,\n})\nexport class HeaderComponent {\n}\n","import { Component } from '@angular/core';\n\n@Component({\n    selector: 's-footer',\n    template: '<ng-content></ng-content>',\n})\nexport class FooterComponent { }\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { HeaderComponent } from './header.component';\nimport { FooterComponent } from './footer.component';\n\n@NgModule({\n    declarations: [HeaderComponent, FooterComponent],\n    imports: [CommonModule],\n    exports: [HeaderComponent, FooterComponent],\n})\nexport class StructureModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAMa,eAAe,CAAA;wGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,gDAFd,CAA2B,yBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;4FAE5B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,QAAQ,EAAE,CAA2B,yBAAA,CAAA;AACxC,iBAAA,CAAA;;;MCCY,eAAe,CAAA;wGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,gDAFd,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;4FAE5B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,QAAQ,EAAE,2BAA2B;AACxC,iBAAA,CAAA;;;MCMY,eAAe,CAAA;wGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAf,eAAe,EAAA,YAAA,EAAA,CAJT,eAAe,EAAE,eAAe,aACrC,YAAY,CAAA,EAAA,OAAA,EAAA,CACZ,eAAe,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA;AAEjC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAHd,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAGb,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;oBAChD,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;AAC9C,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}

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

@@ -0,0 +1,115 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, forwardRef, Component, Input, Output, ViewChild, HostListener, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class SwitchComponent {
+    readonly = false;
+    trueLabel;
+    falseLabel;
+    inputId;
+    inputName;
+    disabled = false;
+    valueChanged = new EventEmitter();
+    value = false;
+    switchRef;
+    _onChange;
+    _onTouched;
+    onFocusIn() {
+        const switchElement = this.switchRef.nativeElement;
+        switchElement.classList.add('switch--focus');
+    }
+    onFocusOut() {
+        const switchElement = this.switchRef.nativeElement;
+        switchElement.classList.remove('switch--focus');
+    }
+    writeValue(value) {
+        if (!this.disabled) {
+            this.value = value;
+        }
+    }
+    registerOnChange(onChange) {
+        this._onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        this._onTouched = onTouched;
+    }
+    setDisabledState(disabled) {
+        this.disabled = disabled;
+    }
+    toggleCheck() {
+        this.value = !this.value;
+        this.valueChanged.emit(this.value);
+        if (this._onChange) {
+            this._onChange(this.value);
+        }
+        if (this._onTouched) {
+            this._onTouched(this.value);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SwitchComponent, selector: "s-switch", inputs: { readonly: "readonly", trueLabel: "trueLabel", falseLabel: "falseLabel", inputId: "inputId", inputName: "inputName", disabled: "disabled", value: "value" }, outputs: { valueChanged: "valueChanged" }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusOut()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SwitchComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "switchRef", first: true, predicate: ["switch"], descendants: true, static: true }], ngImport: i0, template: "<div\n    #switch\n    class=\"switch\"\n    [ngClass]=\"{ 'switch--disabled': disabled }\"\n>\n    <label class=\"switch-toggle\">\n        <input\n            #input\n            [id]=\"inputId\"\n            [name]=\"inputName\"\n            type=\"checkbox\"\n            [checked]=\"value\"\n            [disabled]=\"readonly || disabled\"\n            (change)=\"toggleCheck()\"\n        />\n        <span class=\"slider\"></span>\n    </label>\n    <span class=\"label\">\n        {{ value ? trueLabel : falseLabel }}\n    </span>\n</div>\n", styles: [".switch{display:inline-flex;align-items:center}.switch .switch-toggle{display:inline-block;height:24px;margin:0;position:relative;width:40px}.switch .switch-toggle input{height:0;opacity:0;width:0}.switch .switch-toggle input:checked+.slider{background-color:#428bca;border-radius:15px}.switch .switch-toggle input:checked+.slider:before{transform:translate(16px)}.switch .switch-toggle .slider{background-color:#a5a5b2;border-radius:15px;cursor:pointer;inset:0;position:absolute;transition:.4s}.switch .switch-toggle .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:\"\";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.switch .label{color:#212533;font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:400;line-height:150%;margin-left:12px}.switch--disabled{opacity:.5}.switch--focus .switch-toggle .slider{box-shadow:0 0 0 2px #428bca80}\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: SwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-switch', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SwitchComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\n    #switch\n    class=\"switch\"\n    [ngClass]=\"{ 'switch--disabled': disabled }\"\n>\n    <label class=\"switch-toggle\">\n        <input\n            #input\n            [id]=\"inputId\"\n            [name]=\"inputName\"\n            type=\"checkbox\"\n            [checked]=\"value\"\n            [disabled]=\"readonly || disabled\"\n            (change)=\"toggleCheck()\"\n        />\n        <span class=\"slider\"></span>\n    </label>\n    <span class=\"label\">\n        {{ value ? trueLabel : falseLabel }}\n    </span>\n</div>\n", styles: [".switch{display:inline-flex;align-items:center}.switch .switch-toggle{display:inline-block;height:24px;margin:0;position:relative;width:40px}.switch .switch-toggle input{height:0;opacity:0;width:0}.switch .switch-toggle input:checked+.slider{background-color:#428bca;border-radius:15px}.switch .switch-toggle input:checked+.slider:before{transform:translate(16px)}.switch .switch-toggle .slider{background-color:#a5a5b2;border-radius:15px;cursor:pointer;inset:0;position:absolute;transition:.4s}.switch .switch-toggle .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:\"\";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.switch .label{color:#212533;font-family:\"Open Sans\" sans-serif;font-size:.875rem;font-weight:400;line-height:150%;margin-left:12px}.switch--disabled{opacity:.5}.switch--focus .switch-toggle .slider{box-shadow:0 0 0 2px #428bca80}\n"] }]
+        }], propDecorators: { readonly: [{
+                type: Input
+            }], trueLabel: [{
+                type: Input
+            }], falseLabel: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], inputName: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], valueChanged: [{
+                type: Output
+            }], value: [{
+                type: Input
+            }], switchRef: [{
+                type: ViewChild,
+                args: ['switch', { static: true }]
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin']
+            }], onFocusOut: [{
+                type: HostListener,
+                args: ['focusout']
+            }] } });
+
+class SwitchModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SwitchModule, declarations: [SwitchComponent], imports: [CommonModule], exports: [SwitchComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SwitchModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SwitchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [SwitchComponent],
+                    exports: [SwitchComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SwitchComponent, SwitchModule };
+//# sourceMappingURL=seniorsistemas-angular-components-switch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-switch.mjs","sources":["../../projects/angular-components/switch/src/lib/switch/switch.component.ts","../../projects/angular-components/switch/src/lib/switch/switch.component.html","../../projects/angular-components/switch/src/lib/switch/switch.module.ts","../../projects/angular-components/switch/src/seniorsistemas-angular-components-switch.ts"],"sourcesContent":["import {\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    Input,\n    Output,\n    ViewChild,\n    forwardRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n    selector: 's-switch',\n    templateUrl: './switch.component.html',\n    styleUrls: ['./switch.component.scss'],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => SwitchComponent),\n            multi: true,\n        },\n    ],\n})\nexport class SwitchComponent implements ControlValueAccessor {\n    @Input()\n    public readonly = false;\n\n    @Input()\n    public trueLabel?: string;\n\n    @Input()\n    public falseLabel?: string;\n\n    @Input()\n    public inputId?: string;\n\n    @Input()\n    public inputName?: string;\n\n    @Input()\n    public disabled = false;\n\n    @Output()\n    public valueChanged = new EventEmitter<boolean>();\n\n    @Input()\n    public value = false;\n\n    @ViewChild('switch', { static: true })\n    public switchRef!: ElementRef;\n\n    private _onChange?: (value: boolean) => void;\n    private _onTouched?: (value: boolean) => void;\n\n    @HostListener('focusin')\n    public onFocusIn(): void {\n        const switchElement = this.switchRef.nativeElement as HTMLDivElement;\n        switchElement.classList.add('switch--focus');\n    }\n\n    @HostListener('focusout')\n    public onFocusOut(): void {\n        const switchElement = this.switchRef.nativeElement as HTMLDivElement;\n        switchElement.classList.remove('switch--focus');\n    }\n\n    public writeValue(value: boolean): void {\n        if (!this.disabled) {\n            this.value = value;\n        }\n    }\n\n    public registerOnChange(onChange: (value: boolean) => void): void {\n        this._onChange = onChange;\n    }\n\n    public registerOnTouched(onTouched: (value: boolean) => void): void {\n        this._onTouched = onTouched;\n    }\n\n    public setDisabledState?(disabled: boolean): void {\n        this.disabled = disabled;\n    }\n\n    public toggleCheck() {\n        this.value = !this.value;\n        this.valueChanged.emit(this.value);\n\n        if (this._onChange) {\n            this._onChange(this.value);\n        }\n\n        if (this._onTouched) {\n            this._onTouched(this.value);\n        }\n    }\n}\n","<div\n    #switch\n    class=\"switch\"\n    [ngClass]=\"{ 'switch--disabled': disabled }\"\n>\n    <label class=\"switch-toggle\">\n        <input\n            #input\n            [id]=\"inputId\"\n            [name]=\"inputName\"\n            type=\"checkbox\"\n            [checked]=\"value\"\n            [disabled]=\"readonly || disabled\"\n            (change)=\"toggleCheck()\"\n        />\n        <span class=\"slider\"></span>\n    </label>\n    <span class=\"label\">\n        {{ value ? trueLabel : falseLabel }}\n    </span>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { SwitchComponent } from './switch.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [SwitchComponent],\n    exports: [SwitchComponent],\n})\nexport class SwitchModule {}\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-table-header.mjs

@@ -0,0 +1,175 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i1 from 'primeng/table';
+import * as i2 from '@seniorsistemas/angular-components/checkbox-list';
+import { CheckboxListModule } from '@seniorsistemas/angular-components/checkbox-list';
+import * as i3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+
+class TableHeaderCheckboxComponent {
+    table;
+    tableService;
+    static nextId = 0;
+    id = `s-table-header-checkbox-${TableHeaderCheckboxComponent.nextId++}`;
+    disabled = false;
+    rowProps;
+    useAllObject;
+    checkboxItems = {
+        label: '',
+    };
+    checked = false;
+    hasFocus = false;
+    checkboxState = { checked: false };
+    _ngUnsubscribe = new Subject();
+    constructor(table, tableService) {
+        this.table = table;
+        this.tableService = tableService;
+        this.table.tableService.valueSource$.pipe(takeUntil(this._ngUnsubscribe)).subscribe(() => {
+            this.checked = this.updateCheckedState();
+        });
+        this.table.tableService.selectionSource$.pipe(takeUntil(this._ngUnsubscribe)).subscribe(() => {
+            this.checked = this.updateCheckedState();
+        });
+    }
+    ngOnInit() {
+        this.checked = this.updateCheckedState();
+    }
+    ngOnDestroy() {
+        this._ngUnsubscribe.next();
+    }
+    onFocus() {
+        this.hasFocus = true;
+    }
+    onBlur() {
+        this.hasFocus = false;
+    }
+    isDisabled() {
+        return this.disabled || !this.table.value || !this.table.value.length;
+    }
+    onClick() {
+        if (!this.disabled) {
+            if (this.table.value && this.table.value.length > 0)
+                this.onToggleCheckbox(!this.checked);
+        }
+    }
+    updateCheckedState() {
+        if (this.table.filteredValue) {
+            const val = this.table.filteredValue;
+            return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllFilteredValuesChecked();
+        }
+        else {
+            const val = this.table.value;
+            return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllValuesChecked();
+        }
+    }
+    onToggleCheckbox(checked) {
+        const { filteredValue, value, dataKey } = this.table;
+        const gridData = checked ? (filteredValue ? filteredValue.slice() : value.slice()) : [];
+        if (!dataKey)
+            return;
+        if (checked) {
+            const unselecteds = gridData
+                .filter((record) => !this.table._selection.find((selected) => record[dataKey] === selected[dataKey]))
+                .map((record) => {
+                if (this.useAllObject)
+                    return record;
+                const newRecord = {};
+                if (this.rowProps)
+                    this.rowProps.forEach((prop) => (newRecord[prop] = record[prop]));
+                else
+                    newRecord[dataKey] = record[dataKey];
+                return newRecord;
+            });
+            this.table._selection = [...this.table._selection, ...unselecteds];
+        }
+        else {
+            value.forEach((data) => {
+                this.table._selection = this.table._selection.filter((record) => record[dataKey] !== data[dataKey]);
+            });
+        }
+        this.table.updateSelectionKeys();
+        this.table.selectionChange.emit(this.table._selection);
+        this.tableService.onSelectionChange();
+        if (this.table.isStateful())
+            this.table.saveState();
+    }
+    isAllFilteredValuesChecked() {
+        if (!this.table.filteredValue) {
+            return false;
+        }
+        else {
+            for (const rowData of this.table.filteredValue) {
+                if (!this.table.isSelected(rowData)) {
+                    return false;
+                }
+            }
+            return true;
+        }
+    }
+    isAllValuesChecked() {
+        if (!this.table.value) {
+            return false;
+        }
+        else {
+            for (const rowData of this.table.value) {
+                if (!this.table.isSelected(rowData)) {
+                    return false;
+                }
+            }
+            return true;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TableHeaderCheckboxComponent, deps: [{ token: i1.Table }, { token: i1.TableService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TableHeaderCheckboxComponent, selector: "s-table-header-checkbox", inputs: { id: "id", disabled: "disabled", rowProps: "rowProps", useAllObject: "useAllObject" }, ngImport: i0, template: `
+        <s-checkbox-list
+            [(ngModel)]="checkboxState"
+            (ngModelChange)="onClick()"
+            [data]="checkboxItems"
+        />
+    `, isInline: true, dependencies: [{ kind: "component", type: i2.CheckboxListComponent, selector: "s-checkbox-list", inputs: ["data"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TableHeaderCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 's-table-header-checkbox',
+                    template: `
+        <s-checkbox-list
+            [(ngModel)]="checkboxState"
+            (ngModelChange)="onClick()"
+            [data]="checkboxItems"
+        />
+    `,
+                }]
+        }], ctorParameters: () => [{ type: i1.Table }, { type: i1.TableService }], propDecorators: { id: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], rowProps: [{
+                type: Input
+            }], useAllObject: [{
+                type: Input
+            }] } });
+
+class TableHeaderCheckboxModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TableHeaderCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: TableHeaderCheckboxModule, declarations: [TableHeaderCheckboxComponent], imports: [CommonModule, CheckboxListModule, FormsModule], exports: [TableHeaderCheckboxComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TableHeaderCheckboxModule, imports: [CommonModule, CheckboxListModule, FormsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TableHeaderCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, CheckboxListModule, FormsModule],
+                    exports: [TableHeaderCheckboxComponent],
+                    declarations: [TableHeaderCheckboxComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TableHeaderCheckboxComponent, TableHeaderCheckboxModule };
+//# sourceMappingURL=seniorsistemas-angular-components-table-header.mjs.map

package/fesm2022/seniorsistemas-angular-components-table-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-table-header.mjs","sources":["../../projects/angular-components/table-header/src/lib/table-header/table-header-checkbox.component.ts","../../projects/angular-components/table-header/src/lib/table-header/table-header-checkox.module.ts","../../projects/angular-components/table-header/src/seniorsistemas-angular-components-table-header.ts"],"sourcesContent":["import { Component, Input, OnDestroy, OnInit } from '@angular/core';\n\nimport { CheckboxListData, CheckboxListState } from '@seniorsistemas/angular-components/checkbox-list';\nimport { Table, TableService } from 'primeng/table';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n@Component({\n    selector: 's-table-header-checkbox',\n    template: `\n        <s-checkbox-list\n            [(ngModel)]=\"checkboxState\"\n            (ngModelChange)=\"onClick()\"\n            [data]=\"checkboxItems\"\n        />\n    `,\n})\nexport class TableHeaderCheckboxComponent implements OnInit, OnDestroy {\n    public static nextId = 0;\n\n    @Input()\n    public id = `s-table-header-checkbox-${TableHeaderCheckboxComponent.nextId++}`;\n\n    @Input()\n    public disabled = false;\n\n    @Input()\n    public rowProps?: string[];\n\n    @Input()\n    public useAllObject?: boolean;\n\n    public checkboxItems: CheckboxListData = {\n        label: '',\n    };\n\n    public checked = false;\n    public hasFocus = false;\n    public checkboxState: CheckboxListState = { checked: false };\n\n    private _ngUnsubscribe = new Subject<void>();\n\n    constructor(\n        public readonly table: Table,\n        public readonly tableService: TableService,\n    ) {\n        this.table.tableService.valueSource$.pipe(takeUntil(this._ngUnsubscribe)).subscribe(() => {\n            this.checked = this.updateCheckedState();\n        });\n\n        this.table.tableService.selectionSource$.pipe(takeUntil(this._ngUnsubscribe)).subscribe(() => {\n            this.checked = this.updateCheckedState();\n        });\n    }\n\n    public ngOnInit(): void {\n        this.checked = this.updateCheckedState();\n    }\n\n    public ngOnDestroy(): void {\n        this._ngUnsubscribe.next();\n    }\n\n    public onFocus(): void {\n        this.hasFocus = true;\n    }\n\n    public onBlur(): void {\n        this.hasFocus = false;\n    }\n\n    public isDisabled(): boolean {\n        return this.disabled || !this.table.value || !this.table.value.length;\n    }\n\n    public onClick(): void {\n        if (!this.disabled) {\n            if (this.table.value && this.table.value.length > 0) this.onToggleCheckbox(!this.checked);\n        }\n    }\n\n    public updateCheckedState() {\n        if (this.table.filteredValue) {\n            const val = this.table.filteredValue;\n            return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllFilteredValuesChecked();\n        } else {\n            const val = this.table.value;\n            return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllValuesChecked();\n        }\n    }\n\n    public onToggleCheckbox(checked: boolean): void {\n        const { filteredValue, value, dataKey } = this.table;\n        const gridData = checked ? (filteredValue ? filteredValue.slice() : value.slice()) : [];\n\n        if (!dataKey) return;\n\n        if (checked) {\n            const unselecteds = gridData\n                .filter((record) => !this.table._selection.find((selected: any) => record[dataKey] === selected[dataKey]))\n                .map((record: any) => {\n                    if (this.useAllObject) return record;\n\n                    const newRecord: any = {};\n                    if (this.rowProps) this.rowProps.forEach((prop: string) => (newRecord[prop] = record[prop]));\n                    else newRecord[dataKey] = record[dataKey];\n                    return newRecord;\n                });\n            this.table._selection = [...this.table._selection, ...unselecteds];\n        } else {\n            value.forEach((data: any) => {\n                this.table._selection = this.table._selection.filter((record: any) => record[dataKey] !== data[dataKey]);\n            });\n        }\n\n        this.table.updateSelectionKeys();\n        this.table.selectionChange.emit(this.table._selection);\n        this.tableService.onSelectionChange();\n\n        if (this.table.isStateful()) this.table.saveState();\n    }\n\n    public isAllFilteredValuesChecked(): boolean {\n        if (!this.table.filteredValue) {\n            return false;\n        } else {\n            for (const rowData of this.table.filteredValue) {\n                if (!this.table.isSelected(rowData)) {\n                    return false;\n                }\n            }\n            return true;\n        }\n    }\n\n    public isAllValuesChecked(): boolean {\n        if (!this.table.value) {\n            return false;\n        } else {\n            for (const rowData of this.table.value) {\n                if (!this.table.isSelected(rowData)) {\n                    return false;\n                }\n            }\n            return true;\n        }\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { CheckboxListModule } from '@seniorsistemas/angular-components/checkbox-list';\nimport { TableHeaderCheckboxComponent } from './table-header-checkbox.component';\n\n@NgModule({\n    imports: [CommonModule, CheckboxListModule, FormsModule],\n    exports: [TableHeaderCheckboxComponent],\n    declarations: [TableHeaderCheckboxComponent],\n})\nexport class TableHeaderCheckboxModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}