@seniorsistemas/angular-components 17.26.6 → 17.26.7-feature-sds-110-87b741ef

package/fesm2022/seniorsistemas-angular-components-split-button.mjs

@@ -0,0 +1,86 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class SplitButtonComponent {
+    _eRef;
+    disabled = false;
+    iconClass;
+    label;
+    type = 'primary';
+    options;
+    buttonClicked = new EventEmitter();
+    open = false;
+    constructor(_eRef) {
+        this._eRef = _eRef;
+    }
+    onClickout(event) {
+        if (!this._eRef.nativeElement.contains(event.target)) {
+            this._closeDropdown();
+        }
+    }
+    onButtonClick() {
+        if (!this.disabled) {
+            this.buttonClicked.emit();
+            this._closeDropdown();
+        }
+    }
+    onDropdownClick() {
+        if (!this.disabled) {
+            this.open = !this.open;
+        }
+    }
+    onOptionClick(option) {
+        option.action?.();
+        this._closeDropdown();
+    }
+    _closeDropdown() {
+        this.open = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SplitButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SplitButtonComponent, selector: "s-split-button", inputs: { disabled: "disabled", iconClass: "iconClass", label: "label", type: "type", options: "options" }, outputs: { buttonClicked: "buttonClicked" }, host: { listeners: { "document:click": "onClickout($event)" } }, ngImport: i0, template: "<div\n    class=\"split-button\"\n    [ngClass]=\"{\n        'split-button--primary': type === 'primary',\n        'split-button--secondary': type === 'secondary',\n        'split-button--default': type === 'default',\n        'split-button--disabled': disabled,\n    }\"\n>\n    <button\n        class=\"button\"\n        (click)=\"onButtonClick()\"\n    >\n        <span\n            class=\"button__icon\"\n            [ngClass]=\"iconClass\"\n        ></span>\n        <span class=\"button__label\">{{ label }}</span>\n    </button>\n    <button\n        class=\"dropdown\"\n        (click)=\"onDropdownClick()\"\n    >\n        <span\n            class=\"dropdown__icon\"\n            [ngClass]=\"{\n                far: true,\n                'fa-chevron-down': !open,\n                'fa-chevron-up': open,\n            }\"\n        >\n        </span>\n    </button>\n</div>\n\n@if (this.open) {\n    <ul class=\"options\">\n        @for (option of options; track option.title) {\n            <li (click)=\"onOptionClick(option)\">\n                {{ option.title }}\n            </li>\n        }\n    </ul>\n}\n", styles: [".split-button{display:flex;-webkit-user-select:none;user-select:none;max-height:35px}.split-button .button{align-items:center;border:none;border-radius:4px 0 0 4px;display:flex;padding:8px 8px 8px 12px;transition:all .3s ease-in-out}.split-button .button__icon{font-size:16px;padding:0 4px}.split-button .button__title{font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:21px}.split-button .dropdown{align-items:center;border:none;border-left:1px solid #608190;border-radius:0 4px 4px 0;display:flex;justify-content:center;padding:12px 8px;transition:all .3s ease-in-out}.split-button--disabled{opacity:.5}.split-button--primary .button,.split-button--primary .dropdown{background-color:#428bca;color:#fff}.split-button--primary:not(.split-button--primary--disabled) .button,.split-button--primary:not(.split-button--primary--disabled) .dropdown{cursor:pointer}.split-button--primary:not(.split-button--primary--disabled) .button:hover,.split-button--primary:not(.split-button--primary--disabled) .dropdown:hover{background-color:#063951}.split-button--secondary .button,.split-button--secondary .dropdown{background-color:#7892a1;color:#fff}.split-button--secondary:not(.split-button--secondary--disabled) .button,.split-button--secondary:not(.split-button--secondary--disabled) .dropdown{cursor:pointer}.split-button--secondary:not(.split-button--secondary--disabled) .button:hover,.split-button--secondary:not(.split-button--secondary--disabled) .dropdown:hover{background-color:#697882}.split-button--default .button,.split-button--default .dropdown{background-color:unset;border:1px solid #d8d8d8;color:#333}.split-button--default:not(.split-button--default--disabled) .button,.split-button--default:not(.split-button--default--disabled) .dropdown{cursor:pointer}.split-button--default:not(.split-button--default--disabled) .button:hover,.split-button--default:not(.split-button--default--disabled) .dropdown:hover{background-color:#d8d8d8}.options{background-color:#fff;border-radius:4px;box-shadow:0 1px 5px #00000040;display:inline-block;list-style:none;margin:2px 0;padding:8px 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:10}.options li{color:#333;cursor:pointer;font-family:Open Sans,sans-serif;font-weight:400;font-size:14px;line-height:21px;padding:8px 16px}.options li:hover{background-color:#d8d8d8}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SplitButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-split-button', template: "<div\n    class=\"split-button\"\n    [ngClass]=\"{\n        'split-button--primary': type === 'primary',\n        'split-button--secondary': type === 'secondary',\n        'split-button--default': type === 'default',\n        'split-button--disabled': disabled,\n    }\"\n>\n    <button\n        class=\"button\"\n        (click)=\"onButtonClick()\"\n    >\n        <span\n            class=\"button__icon\"\n            [ngClass]=\"iconClass\"\n        ></span>\n        <span class=\"button__label\">{{ label }}</span>\n    </button>\n    <button\n        class=\"dropdown\"\n        (click)=\"onDropdownClick()\"\n    >\n        <span\n            class=\"dropdown__icon\"\n            [ngClass]=\"{\n                far: true,\n                'fa-chevron-down': !open,\n                'fa-chevron-up': open,\n            }\"\n        >\n        </span>\n    </button>\n</div>\n\n@if (this.open) {\n    <ul class=\"options\">\n        @for (option of options; track option.title) {\n            <li (click)=\"onOptionClick(option)\">\n                {{ option.title }}\n            </li>\n        }\n    </ul>\n}\n", styles: [".split-button{display:flex;-webkit-user-select:none;user-select:none;max-height:35px}.split-button .button{align-items:center;border:none;border-radius:4px 0 0 4px;display:flex;padding:8px 8px 8px 12px;transition:all .3s ease-in-out}.split-button .button__icon{font-size:16px;padding:0 4px}.split-button .button__title{font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:21px}.split-button .dropdown{align-items:center;border:none;border-left:1px solid #608190;border-radius:0 4px 4px 0;display:flex;justify-content:center;padding:12px 8px;transition:all .3s ease-in-out}.split-button--disabled{opacity:.5}.split-button--primary .button,.split-button--primary .dropdown{background-color:#428bca;color:#fff}.split-button--primary:not(.split-button--primary--disabled) .button,.split-button--primary:not(.split-button--primary--disabled) .dropdown{cursor:pointer}.split-button--primary:not(.split-button--primary--disabled) .button:hover,.split-button--primary:not(.split-button--primary--disabled) .dropdown:hover{background-color:#063951}.split-button--secondary .button,.split-button--secondary .dropdown{background-color:#7892a1;color:#fff}.split-button--secondary:not(.split-button--secondary--disabled) .button,.split-button--secondary:not(.split-button--secondary--disabled) .dropdown{cursor:pointer}.split-button--secondary:not(.split-button--secondary--disabled) .button:hover,.split-button--secondary:not(.split-button--secondary--disabled) .dropdown:hover{background-color:#697882}.split-button--default .button,.split-button--default .dropdown{background-color:unset;border:1px solid #d8d8d8;color:#333}.split-button--default:not(.split-button--default--disabled) .button,.split-button--default:not(.split-button--default--disabled) .dropdown{cursor:pointer}.split-button--default:not(.split-button--default--disabled) .button:hover,.split-button--default:not(.split-button--default--disabled) .dropdown:hover{background-color:#d8d8d8}.options{background-color:#fff;border-radius:4px;box-shadow:0 1px 5px #00000040;display:inline-block;list-style:none;margin:2px 0;padding:8px 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:10}.options li{color:#333;cursor:pointer;font-family:Open Sans,sans-serif;font-weight:400;font-size:14px;line-height:21px;padding:8px 16px}.options li:hover{background-color:#d8d8d8}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disabled: [{
+                type: Input
+            }], iconClass: [{
+                type: Input,
+                args: [{ required: true }]
+            }], label: [{
+                type: Input,
+                args: [{ required: true }]
+            }], type: [{
+                type: Input
+            }], options: [{
+                type: Input,
+                args: [{ required: true }]
+            }], buttonClicked: [{
+                type: Output
+            }], onClickout: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class SplitButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SplitButtonModule, declarations: [SplitButtonComponent], imports: [CommonModule], exports: [SplitButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SplitButtonModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SplitButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [SplitButtonComponent],
+                    exports: [SplitButtonComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SplitButtonComponent, SplitButtonModule };
+//# sourceMappingURL=seniorsistemas-angular-components-split-button.mjs.map

package/fesm2022/seniorsistemas-angular-components-split-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-split-button.mjs","sources":["../../projects/angular-components/split-button/src/lib/split-button/split-button.component.ts","../../projects/angular-components/split-button/src/lib/split-button/split-button.component.html","../../projects/angular-components/split-button/src/lib/split-button/split-button.module.ts","../../projects/angular-components/split-button/src/seniorsistemas-angular-components-split-button.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    Output,\n    EventEmitter,\n    HostListener,\n    ElementRef,\n} from '@angular/core';\n\nimport { SplitButtonOption } from './models/split-button-option';\nimport { SplitButtonType } from './models/split-button-type';\n\n@Component({\n    selector: 's-split-button',\n    templateUrl: './split-button.component.html',\n    styleUrls: ['./split-button.component.scss'],\n})\nexport class SplitButtonComponent {\n    @Input()\n    public disabled = false;\n\n    @Input({ required: true })\n    public iconClass!: string;\n\n    @Input({ required: true })\n    public label!: string;\n\n    @Input()\n    public type: SplitButtonType = 'primary';\n\n    @Input({ required: true })\n    public options!: SplitButtonOption[];\n\n    @Output()\n    public buttonClicked = new EventEmitter();\n\n    public open = false;\n\n    constructor(private readonly _eRef: ElementRef) { }\n\n    @HostListener('document:click', ['$event'])\n    public onClickout(event: MouseEvent) {\n        if (!this._eRef.nativeElement.contains(event.target)) {\n            this._closeDropdown();\n        }\n    }\n\n    public onButtonClick() {\n        if (!this.disabled) {\n            this.buttonClicked.emit();\n            this._closeDropdown();\n        }\n    }\n\n    public onDropdownClick() {\n        if (!this.disabled) {\n            this.open = !this.open;\n        }\n    }\n\n    public onOptionClick(option: SplitButtonOption) {\n        option.action?.();\n        this._closeDropdown();\n    }\n\n    private _closeDropdown() {\n        this.open = false;\n    }\n}\n","<div\n    class=\"split-button\"\n    [ngClass]=\"{\n        'split-button--primary': type === 'primary',\n        'split-button--secondary': type === 'secondary',\n        'split-button--default': type === 'default',\n        'split-button--disabled': disabled,\n    }\"\n>\n    <button\n        class=\"button\"\n        (click)=\"onButtonClick()\"\n    >\n        <span\n            class=\"button__icon\"\n            [ngClass]=\"iconClass\"\n        ></span>\n        <span class=\"button__label\">{{ label }}</span>\n    </button>\n    <button\n        class=\"dropdown\"\n        (click)=\"onDropdownClick()\"\n    >\n        <span\n            class=\"dropdown__icon\"\n            [ngClass]=\"{\n                far: true,\n                'fa-chevron-down': !open,\n                'fa-chevron-up': open,\n            }\"\n        >\n        </span>\n    </button>\n</div>\n\n@if (this.open) {\n    <ul class=\"options\">\n        @for (option of options; track option.title) {\n            <li (click)=\"onOptionClick(option)\">\n                {{ option.title }}\n            </li>\n        }\n    </ul>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { SplitButtonComponent } from './split-button.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [SplitButtonComponent],\n    exports: [SplitButtonComponent],\n})\nexport class SplitButtonModule {}\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-stats-card.mjs

@@ -0,0 +1,142 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, Input, Output, NgModule } from '@angular/core';
+import { BigNumber } from 'bignumber.js';
+import * as i2 from '@seniorsistemas/angular-components/tooltip';
+import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
+
+class StatsCardComponent {
+    static nextId = 0;
+    id = `s-stats-card-${StatsCardComponent.nextId++}`;
+    label;
+    alwaysWithBorder = false;
+    lightVersion = false;
+    lightMode = true;
+    iconClass = 'fa fa-bar-chart';
+    color = '#339966';
+    animateNumbers = true;
+    clickable = false;
+    tooltip = '';
+    clicked = new EventEmitter();
+    displayValue;
+    _ANIMATION_DURATION_MS = 200;
+    _STEP_DURATION_MS = 20;
+    _previousValue = '0';
+    _intervalId;
+    _value = '0';
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        this._previousValue = this._value;
+        this._value = String(value);
+        if (this.animateNumbers)
+            this._updateDisplayValue();
+        else
+            this.displayValue = this.value;
+    }
+    replaceNumericPositions(value, newValue) {
+        const rawValue = value.replace(/[^\d]/g, '');
+        const newValueString = newValue ? newValue.toString() : '';
+        const formattedNewValue = newValueString
+            .toString()
+            .replace(/\D/g, '')
+            .padStart(rawValue.length, '0');
+        let newValueIndex = 0;
+        return value
+            .split('')
+            .map((char) => {
+            const number = Number(char);
+            if (number || char === '0')
+                return formattedNewValue[newValueIndex++];
+            return char;
+        })
+            .join('');
+    }
+    _updateDisplayValue() {
+        const animationDuration = new BigNumber(this._ANIMATION_DURATION_MS);
+        const stepDuration = new BigNumber(this._STEP_DURATION_MS);
+        const animationCount = animationDuration.dividedBy(stepDuration);
+        const previousRawValue = new BigNumber(this._previousValue.replace(/\D/g, ''));
+        const rawValue = new BigNumber(this.value.replace(/\D/g, ''));
+        const incrementValue = rawValue
+            .minus(previousRawValue)
+            .absoluteValue()
+            .dividedBy(animationCount);
+        const incremental = previousRawValue.isLessThan(rawValue);
+        clearInterval(this._intervalId);
+        this.displayValue = this.replaceNumericPositions(this.value);
+        let counter = previousRawValue;
+        this._intervalId = setInterval(() => {
+            if (incremental && counter.isLessThan(rawValue)) {
+                if (this.displayValue) {
+                    this.displayValue = this.replaceNumericPositions(this.displayValue, counter);
+                }
+                counter = counter.plus(incrementValue);
+            }
+            else if (!incremental && counter.isGreaterThan(rawValue)) {
+                if (this.displayValue) {
+                    this.displayValue = this.replaceNumericPositions(this.displayValue, counter);
+                }
+                counter = counter.minus(incrementValue);
+            }
+            else {
+                this.displayValue = this.value;
+                clearInterval(this._intervalId);
+            }
+        }, this._STEP_DURATION_MS);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StatsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: StatsCardComponent, selector: "s-stats-card", inputs: { id: "id", label: "label", alwaysWithBorder: "alwaysWithBorder", lightVersion: "lightVersion", lightMode: "lightMode", iconClass: "iconClass", color: "color", animateNumbers: "animateNumbers", clickable: "clickable", tooltip: "tooltip", value: "value" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div\n    [id]=\"id\"\n    class=\"s-stats-card\"\n    [ngClass]=\"{\n        's-stats-card--always-border': alwaysWithBorder,\n        's-stats-card--light': lightMode,\n        's-stats-card--color': !lightMode,\n        's-stats-card--light-version': lightVersion,\n        's-stats-card--clickable': clickable,\n    }\"\n    (click)=\"clickable && clicked.next($event)\"\n>\n    <div\n        [id]=\"id + '-background'\"\n        class=\"s-stats-card-background\"\n        [ngStyle]=\"{ 'background-color': (!lightMode && color) || '' }\"\n    ></div>\n    <div\n        [id]=\"id + '-overlay'\"\n        class=\"s-stats-card-overlay\"\n    ></div>\n\n    <div\n        [id]=\"id + '-info-container'\"\n        class=\"s-stats-card-info-container\"\n    >\n        <div class=\"s-stats-card-info-inner-container\">\n            <div\n                [id]=\"id + '-icon-container'\"\n                class=\"s-stats-card-icon-container\"\n                [ngStyle]=\"{ 'background-color': (lightMode && color) || '' }\"\n            >\n                <span\n                    [id]=\"id + '-icon'\"\n                    [class]=\"iconClass\"\n                    [ngClass]=\"{ 's-stats-card-icon': true }\"\n                    [ngStyle]=\"{ color: (!lightMode && color) || '' }\"\n                    aria-hidden=\"true\"\n                ></span>\n            </div>\n\n            <div\n                [id]=\"id + '-text-container'\"\n                class=\"s-stats-card-text-container\"\n            >\n                <h4\n                    [id]=\"id + '-label'\"\n                    class=\"s-stats-card-label\"\n                    [sTooltip]=\"label\"\n                >\n                    {{ label }}\n                </h4>\n                <span\n                    [id]=\"id + '-value'\"\n                    class=\"s-stats-card-value\"\n                    [sTooltip]=\"displayValue\"\n                >\n                    {{ displayValue }}\n                </span>\n            </div>\n        </div>\n        <div class=\"s-stats-card-content-inner-container\">\n            <div\n                #content\n                class=\"s-stats-card-content-container\"\n            >\n                <ng-content></ng-content>\n            </div>\n            @if (content.children.length) {\n                <div class=\"s-stats-card-content-separator\"></div>\n            }\n        </div>\n        @if (tooltip) {\n            <span\n                class=\"s-status-card-tooltip\"\n                [sTooltip]=\"tooltip\"\n            >\n                <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n            </span>\n        }\n    </div>\n</div>\n", styles: ["s-stats-card{display:block;height:auto;position:relative}s-stats-card .s-stats-card{border:1px solid transparent;min-width:120px;overflow:hidden;position:relative}s-stats-card .s-stats-card .s-stats-card-overlay,s-stats-card .s-stats-card .s-stats-card-background{height:calc(100% - 2px);left:1px;position:absolute;top:1px;width:calc(100% - 2px)}s-stats-card .s-stats-card .s-stats-card-background{background-color:#fff}s-stats-card .s-stats-card .s-stats-card-overlay{background-color:#000;opacity:0;transition:opacity .2s ease-out}s-stats-card .s-stats-card .s-stats-card-info-container{overflow:auto;padding:15px;position:relative}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container{overflow:hidden;position:relative}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container{float:left;font-size:24px;height:50px;line-height:50px;text-align:center;transition:width .2s ease-out;width:50px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container{align-items:flex-start;color:#fff;display:flex;flex-direction:column;float:left;height:50px;justify-content:center;max-width:calc(100% - 65px);padding-left:15px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label{font-weight:400;width:100%}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{display:inline-block;font-size:20px;font-weight:700;width:100%}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container{display:flex;flex-direction:column}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container .s-stats-card-content-separator{border-top:1px solid #ccc;margin:15px 0;order:1}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container .s-stats-card-content-container{order:2}s-stats-card .s-stats-card .s-stats-card-info-container .s-status-card-tooltip{font-size:1rem;line-height:0;margin:.3rem;position:absolute;right:0;top:0}s-stats-card .s-stats-card .s-stats-card-info-container .s-status-card-tooltip .s-status-card-tooltip-icon{color:#fff}s-stats-card .s-stats-card.s-stats-card--color .s-stats-card-icon-container{background-color:#fff}s-stats-card .s-stats-card.s-stats-card--light *{color:#333}s-stats-card .s-stats-card.s-stats-card--light *.s-stats-card-icon{color:#fff}s-stats-card .s-stats-card.s-stats-card--light *.s-stats-card-label{color:#999}s-stats-card .s-stats-card.s-stats-card--light * .s-status-card-tooltip .s-status-card-tooltip-icon{color:#999}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-icon-container .s-stats-card-icon{display:none}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-text-container{height:auto;max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card.s-stats-card--clickable{cursor:pointer}s-stats-card .s-stats-card.s-stats-card--clickable:hover .s-stats-card-overlay{opacity:.2}s-stats-card .s-stats-card.s-stats-card--clickable.s-stats-card--light:hover .s-stats-card-overlay{opacity:.08}s-stats-card .s-stats-card.s-stats-card--light{border-color:#ccc}p-panel .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),s-panel .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),.ui-dialog-content .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),.s-sidebar-content .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border){border-color:transparent}@media (max-width: 767px){s-stats-card .s-stats-card{height:auto}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container .s-stats-card-icon{display:none}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container{height:auto;max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{overflow:visible;white-space:normal;word-break:break-all}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StatsCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-stats-card', encapsulation: ViewEncapsulation.None, template: "<div\n    [id]=\"id\"\n    class=\"s-stats-card\"\n    [ngClass]=\"{\n        's-stats-card--always-border': alwaysWithBorder,\n        's-stats-card--light': lightMode,\n        's-stats-card--color': !lightMode,\n        's-stats-card--light-version': lightVersion,\n        's-stats-card--clickable': clickable,\n    }\"\n    (click)=\"clickable && clicked.next($event)\"\n>\n    <div\n        [id]=\"id + '-background'\"\n        class=\"s-stats-card-background\"\n        [ngStyle]=\"{ 'background-color': (!lightMode && color) || '' }\"\n    ></div>\n    <div\n        [id]=\"id + '-overlay'\"\n        class=\"s-stats-card-overlay\"\n    ></div>\n\n    <div\n        [id]=\"id + '-info-container'\"\n        class=\"s-stats-card-info-container\"\n    >\n        <div class=\"s-stats-card-info-inner-container\">\n            <div\n                [id]=\"id + '-icon-container'\"\n                class=\"s-stats-card-icon-container\"\n                [ngStyle]=\"{ 'background-color': (lightMode && color) || '' }\"\n            >\n                <span\n                    [id]=\"id + '-icon'\"\n                    [class]=\"iconClass\"\n                    [ngClass]=\"{ 's-stats-card-icon': true }\"\n                    [ngStyle]=\"{ color: (!lightMode && color) || '' }\"\n                    aria-hidden=\"true\"\n                ></span>\n            </div>\n\n            <div\n                [id]=\"id + '-text-container'\"\n                class=\"s-stats-card-text-container\"\n            >\n                <h4\n                    [id]=\"id + '-label'\"\n                    class=\"s-stats-card-label\"\n                    [sTooltip]=\"label\"\n                >\n                    {{ label }}\n                </h4>\n                <span\n                    [id]=\"id + '-value'\"\n                    class=\"s-stats-card-value\"\n                    [sTooltip]=\"displayValue\"\n                >\n                    {{ displayValue }}\n                </span>\n            </div>\n        </div>\n        <div class=\"s-stats-card-content-inner-container\">\n            <div\n                #content\n                class=\"s-stats-card-content-container\"\n            >\n                <ng-content></ng-content>\n            </div>\n            @if (content.children.length) {\n                <div class=\"s-stats-card-content-separator\"></div>\n            }\n        </div>\n        @if (tooltip) {\n            <span\n                class=\"s-status-card-tooltip\"\n                [sTooltip]=\"tooltip\"\n            >\n                <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n            </span>\n        }\n    </div>\n</div>\n", styles: ["s-stats-card{display:block;height:auto;position:relative}s-stats-card .s-stats-card{border:1px solid transparent;min-width:120px;overflow:hidden;position:relative}s-stats-card .s-stats-card .s-stats-card-overlay,s-stats-card .s-stats-card .s-stats-card-background{height:calc(100% - 2px);left:1px;position:absolute;top:1px;width:calc(100% - 2px)}s-stats-card .s-stats-card .s-stats-card-background{background-color:#fff}s-stats-card .s-stats-card .s-stats-card-overlay{background-color:#000;opacity:0;transition:opacity .2s ease-out}s-stats-card .s-stats-card .s-stats-card-info-container{overflow:auto;padding:15px;position:relative}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container{overflow:hidden;position:relative}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container{float:left;font-size:24px;height:50px;line-height:50px;text-align:center;transition:width .2s ease-out;width:50px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container{align-items:flex-start;color:#fff;display:flex;flex-direction:column;float:left;height:50px;justify-content:center;max-width:calc(100% - 65px);padding-left:15px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label{font-weight:400;width:100%}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{display:inline-block;font-size:20px;font-weight:700;width:100%}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container{display:flex;flex-direction:column}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container .s-stats-card-content-separator{border-top:1px solid #ccc;margin:15px 0;order:1}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container .s-stats-card-content-container{order:2}s-stats-card .s-stats-card .s-stats-card-info-container .s-status-card-tooltip{font-size:1rem;line-height:0;margin:.3rem;position:absolute;right:0;top:0}s-stats-card .s-stats-card .s-stats-card-info-container .s-status-card-tooltip .s-status-card-tooltip-icon{color:#fff}s-stats-card .s-stats-card.s-stats-card--color .s-stats-card-icon-container{background-color:#fff}s-stats-card .s-stats-card.s-stats-card--light *{color:#333}s-stats-card .s-stats-card.s-stats-card--light *.s-stats-card-icon{color:#fff}s-stats-card .s-stats-card.s-stats-card--light *.s-stats-card-label{color:#999}s-stats-card .s-stats-card.s-stats-card--light * .s-status-card-tooltip .s-status-card-tooltip-icon{color:#999}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-icon-container .s-stats-card-icon{display:none}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-text-container{height:auto;max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card.s-stats-card--clickable{cursor:pointer}s-stats-card .s-stats-card.s-stats-card--clickable:hover .s-stats-card-overlay{opacity:.2}s-stats-card .s-stats-card.s-stats-card--clickable.s-stats-card--light:hover .s-stats-card-overlay{opacity:.08}s-stats-card .s-stats-card.s-stats-card--light{border-color:#ccc}p-panel .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),s-panel .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),.ui-dialog-content .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),.s-sidebar-content .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border){border-color:transparent}@media (max-width: 767px){s-stats-card .s-stats-card{height:auto}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container .s-stats-card-icon{display:none}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container{height:auto;max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{overflow:visible;white-space:normal;word-break:break-all}}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], label: [{
+                type: Input,
+                args: [{ required: true }]
+            }], alwaysWithBorder: [{
+                type: Input
+            }], lightVersion: [{
+                type: Input
+            }], lightMode: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], animateNumbers: [{
+                type: Input
+            }], clickable: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }], value: [{
+                type: Input
+            }] } });
+
+class StatsCardModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StatsCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: StatsCardModule, declarations: [StatsCardComponent], imports: [CommonModule, TooltipModule], exports: [StatsCardComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StatsCardModule, imports: [CommonModule, TooltipModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StatsCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TooltipModule],
+                    declarations: [StatsCardComponent],
+                    exports: [StatsCardComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { StatsCardComponent, StatsCardModule };
+//# sourceMappingURL=seniorsistemas-angular-components-stats-card.mjs.map

package/fesm2022/seniorsistemas-angular-components-stats-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-stats-card.mjs","sources":["../../projects/angular-components/stats-card/src/lib/stats-card/stats-card.component.ts","../../projects/angular-components/stats-card/src/lib/stats-card/stats-card.component.html","../../projects/angular-components/stats-card/src/lib/stats-card/stats-card.module.ts","../../projects/angular-components/stats-card/src/seniorsistemas-angular-components-stats-card.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    ViewEncapsulation,\n    Output,\n    EventEmitter,\n} from '@angular/core';\n\nimport { BigNumber } from 'bignumber.js';\n\n@Component({\n    selector: 's-stats-card',\n    templateUrl: './stats-card.component.html',\n    styleUrls: ['./stats-card.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class StatsCardComponent {\n    public static nextId = 0;\n\n    @Input()\n    public id = `s-stats-card-${StatsCardComponent.nextId++}`;\n\n    @Input({ required: true })\n    public label!: string;\n\n    @Input()\n    public alwaysWithBorder = false;\n\n    @Input()\n    public lightVersion = false;\n\n    @Input()\n    public lightMode = true;\n\n    @Input()\n    public iconClass = 'fa fa-bar-chart';\n\n    @Input()\n    public color = '#339966';\n\n    @Input()\n    public animateNumbers = true;\n\n    @Input()\n    public clickable = false;\n\n    @Input()\n    public tooltip = '';\n\n    @Output()\n    public clicked = new EventEmitter<MouseEvent>();\n\n    public displayValue?: string;\n\n    private _ANIMATION_DURATION_MS = 200;\n    private _STEP_DURATION_MS = 20;\n    private _previousValue = '0';\n    private _intervalId: any;\n    private _value = '0';\n\n    public get value() {\n        return this._value;\n    }\n\n    @Input()\n    public set value(value: string) {\n        this._previousValue = this._value;\n        this._value = String(value);\n        if (this.animateNumbers) this._updateDisplayValue();\n        else this.displayValue = this.value;\n    }\n\n    public replaceNumericPositions(value: string, newValue?: BigNumber) {\n        const rawValue = value.replace(/[^\\d]/g, '');\n        const newValueString = newValue ? newValue.toString() : '';\n        const formattedNewValue = newValueString\n            .toString()\n            .replace(/\\D/g, '')\n            .padStart(rawValue.length, '0');\n        let newValueIndex = 0;\n\n        return value\n            .split('')\n            .map((char) => {\n                const number = Number(char);\n                if (number || char === '0')\n                    return formattedNewValue[newValueIndex++];\n                return char;\n            })\n            .join('');\n    }\n\n    private _updateDisplayValue() {\n        const animationDuration = new BigNumber(this._ANIMATION_DURATION_MS);\n        const stepDuration = new BigNumber(this._STEP_DURATION_MS);\n        const animationCount = animationDuration.dividedBy(stepDuration);\n\n        const previousRawValue = new BigNumber(\n            this._previousValue.replace(/\\D/g, ''),\n        );\n        const rawValue = new BigNumber(this.value.replace(/\\D/g, ''));\n\n        const incrementValue = rawValue\n            .minus(previousRawValue)\n            .absoluteValue()\n            .dividedBy(animationCount);\n        const incremental = previousRawValue.isLessThan(rawValue);\n\n        clearInterval(this._intervalId);\n\n        this.displayValue = this.replaceNumericPositions(this.value);\n\n        let counter = previousRawValue;\n\n        this._intervalId = setInterval(() => {\n            if (incremental && counter.isLessThan(rawValue)) {\n                if (this.displayValue) {\n                    this.displayValue = this.replaceNumericPositions(\n                        this.displayValue,\n                        counter,\n                    );\n                }\n                counter = counter.plus(incrementValue);\n            } else if (!incremental && counter.isGreaterThan(rawValue)) {\n                if (this.displayValue) {\n                    this.displayValue = this.replaceNumericPositions(\n                        this.displayValue,\n                        counter,\n                    );\n                }\n                counter = counter.minus(incrementValue);\n            } else {\n                this.displayValue = this.value;\n\n                clearInterval(this._intervalId);\n            }\n        }, this._STEP_DURATION_MS);\n    }\n}\n","<div\n    [id]=\"id\"\n    class=\"s-stats-card\"\n    [ngClass]=\"{\n        's-stats-card--always-border': alwaysWithBorder,\n        's-stats-card--light': lightMode,\n        's-stats-card--color': !lightMode,\n        's-stats-card--light-version': lightVersion,\n        's-stats-card--clickable': clickable,\n    }\"\n    (click)=\"clickable && clicked.next($event)\"\n>\n    <div\n        [id]=\"id + '-background'\"\n        class=\"s-stats-card-background\"\n        [ngStyle]=\"{ 'background-color': (!lightMode && color) || '' }\"\n    ></div>\n    <div\n        [id]=\"id + '-overlay'\"\n        class=\"s-stats-card-overlay\"\n    ></div>\n\n    <div\n        [id]=\"id + '-info-container'\"\n        class=\"s-stats-card-info-container\"\n    >\n        <div class=\"s-stats-card-info-inner-container\">\n            <div\n                [id]=\"id + '-icon-container'\"\n                class=\"s-stats-card-icon-container\"\n                [ngStyle]=\"{ 'background-color': (lightMode && color) || '' }\"\n            >\n                <span\n                    [id]=\"id + '-icon'\"\n                    [class]=\"iconClass\"\n                    [ngClass]=\"{ 's-stats-card-icon': true }\"\n                    [ngStyle]=\"{ color: (!lightMode && color) || '' }\"\n                    aria-hidden=\"true\"\n                ></span>\n            </div>\n\n            <div\n                [id]=\"id + '-text-container'\"\n                class=\"s-stats-card-text-container\"\n            >\n                <h4\n                    [id]=\"id + '-label'\"\n                    class=\"s-stats-card-label\"\n                    [sTooltip]=\"label\"\n                >\n                    {{ label }}\n                </h4>\n                <span\n                    [id]=\"id + '-value'\"\n                    class=\"s-stats-card-value\"\n                    [sTooltip]=\"displayValue\"\n                >\n                    {{ displayValue }}\n                </span>\n            </div>\n        </div>\n        <div class=\"s-stats-card-content-inner-container\">\n            <div\n                #content\n                class=\"s-stats-card-content-container\"\n            >\n                <ng-content></ng-content>\n            </div>\n            @if (content.children.length) {\n                <div class=\"s-stats-card-content-separator\"></div>\n            }\n        </div>\n        @if (tooltip) {\n            <span\n                class=\"s-status-card-tooltip\"\n                [sTooltip]=\"tooltip\"\n            >\n                <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n            </span>\n        }\n    </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { StatsCardComponent } from './stats-card.component';\nimport { TooltipModule } from '@seniorsistemas/angular-components/tooltip';\n\n@NgModule({\n    imports: [CommonModule, TooltipModule],\n    declarations: [StatsCardComponent],\n    exports: [StatsCardComponent],\n})\nexport class StatsCardModule { }\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-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.13", ngImport: i0, type: StepsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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"] }], 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.13", 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.13", ngImport: i0, type: StepsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: StepsModule, declarations: [StepsComponent], imports: [CommonModule, TooltipModule], exports: [StepsComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepsModule, imports: [CommonModule, TooltipModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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.13", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HeaderComponent, selector: "s-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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.13", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FooterComponent, selector: "s-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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.13", ngImport: i0, type: StructureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: StructureModule, declarations: [HeaderComponent, FooterComponent], imports: [CommonModule], exports: [HeaderComponent, FooterComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StructureModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StructureModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [HeaderComponent, FooterComponent],
+                    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","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    imports: [CommonModule],\n    declarations: [HeaderComponent, FooterComponent],\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,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;;;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,CAHT,eAAe,EAAE,eAAe,aADrC,YAAY,CAAA,EAAA,OAAA,EAAA,CAEZ,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,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAIb,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,YAAY,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;AAChD,oBAAA,OAAO,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;AAC9C,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}