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

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

@@ -0,0 +1,85 @@
+import * as i0 from '@angular/core';
+import { Pipe, NgModule } from '@angular/core';
+
+class MaskFormatterPipe {
+    _defs = {
+        '9': '[0-9]',
+        a: '[A-Za-z]',
+        '*': '[A-Za-z]|[0-9]',
+    };
+    transform(value, maskFormat) {
+        const buffer = [];
+        let opcionalPos = -1;
+        let pos = 0;
+        const maskTokens = maskFormat.split('');
+        const symbolsPosAfterOpcional = [];
+        const hasOpcional = maskFormat.includes('?');
+        for (let i = 0; i < maskTokens.length; i++) {
+            const token = maskTokens[i];
+            if (token !== '?') {
+                if (this._defs[token]) {
+                    const tokenRegex = this._defs[token];
+                    const charAtPos = value.charAt(pos);
+                    const isValidChar = new RegExp(tokenRegex).test(charAtPos);
+                    if (isValidChar) {
+                        buffer.push(charAtPos);
+                        pos++;
+                    }
+                    else {
+                        throw new Error("Value doesn't match mask format");
+                    }
+                }
+                else {
+                    buffer.push(token);
+                    if (hasOpcional && opcionalPos !== -1 && i > opcionalPos) {
+                        symbolsPosAfterOpcional.push(i);
+                    }
+                }
+            }
+            else {
+                opcionalPos = i;
+            }
+        }
+        if (buffer[buffer.length - 1] !== value.charAt(value.length - 1) && symbolsPosAfterOpcional.length) {
+            let formattedValue = buffer.join('');
+            for (let i = 0; i < symbolsPosAfterOpcional.length; i++) {
+                const symbolPos = symbolsPosAfterOpcional[i];
+                const beforeSymbol = formattedValue.substring(0, symbolPos - 1);
+                const symbol = formattedValue.substring(symbolPos - 1, symbolPos);
+                const firstAfterSymbol = formattedValue.substring(symbolPos, symbolPos + 1);
+                const endOfString = formattedValue.substring(symbolPos + 1);
+                formattedValue = `${beforeSymbol}${firstAfterSymbol}${symbol}${endOfString}`;
+            }
+            return `${formattedValue}${value.substr(value.length - symbolsPosAfterOpcional.length)}`;
+        }
+        return buffer.join('');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaskFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: MaskFormatterPipe, name: "sMaskFormatter" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaskFormatterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'sMaskFormatter',
+                }]
+        }] });
+
+class MaskFormatterModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaskFormatterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: MaskFormatterModule, declarations: [MaskFormatterPipe], exports: [MaskFormatterPipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaskFormatterModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MaskFormatterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [MaskFormatterPipe],
+                    declarations: [MaskFormatterPipe],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MaskFormatterModule, MaskFormatterPipe };
+//# sourceMappingURL=seniorsistemas-angular-components-mask.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-mask.mjs","sources":["../../projects/angular-components/mask/src/lib/mask/mask-formatter.pipe.ts","../../projects/angular-components/mask/src/lib/mask/mask-formatter.module.ts","../../projects/angular-components/mask/src/seniorsistemas-angular-components-mask.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n    name: 'sMaskFormatter',\n})\nexport class MaskFormatterPipe implements PipeTransform {\n    private _defs: any = {\n        '9': '[0-9]',\n        a: '[A-Za-z]',\n        '*': '[A-Za-z]|[0-9]',\n    };\n\n    public transform(value: string, maskFormat: string): any {\n        const buffer = [];\n        let opcionalPos = -1;\n        let pos = 0;\n        const maskTokens = maskFormat.split('');\n        const symbolsPosAfterOpcional = [];\n        const hasOpcional = maskFormat.includes('?');\n\n        for (let i = 0; i < maskTokens.length; i++) {\n            const token = maskTokens[i];\n\n            if (token !== '?') {\n                if (this._defs[token]) {\n                    const tokenRegex = this._defs[token];\n                    const charAtPos = value.charAt(pos);\n                    const isValidChar = new RegExp(tokenRegex).test(charAtPos);\n                    if (isValidChar) {\n                        buffer.push(charAtPos);\n                        pos++;\n                    } else {\n                        throw new Error(\"Value doesn't match mask format\");\n                    }\n                } else {\n                    buffer.push(token);\n                    if (hasOpcional && opcionalPos !== -1 && i > opcionalPos) {\n                        symbolsPosAfterOpcional.push(i);\n                    }\n                }\n            } else {\n                opcionalPos = i;\n            }\n        }\n\n        if (buffer[buffer.length - 1] !== value.charAt(value.length - 1) && symbolsPosAfterOpcional.length) {\n            let formattedValue = buffer.join('');\n\n            for (let i = 0; i < symbolsPosAfterOpcional.length; i++) {\n                const symbolPos = symbolsPosAfterOpcional[i];\n\n                const beforeSymbol = formattedValue.substring(0, symbolPos - 1);\n                const symbol = formattedValue.substring(symbolPos - 1, symbolPos);\n                const firstAfterSymbol = formattedValue.substring(symbolPos, symbolPos + 1);\n                const endOfString = formattedValue.substring(symbolPos + 1);\n\n                formattedValue = `${beforeSymbol}${firstAfterSymbol}${symbol}${endOfString}`;\n            }\n            return `${formattedValue}${value.substr(value.length - symbolsPosAfterOpcional.length)}`;\n        }\n\n        return buffer.join('');\n    }\n\n}\n","import { NgModule } from '@angular/core';\n\nimport { MaskFormatterPipe } from './mask-formatter.pipe';\n\n@NgModule({\n    exports: [MaskFormatterPipe],\n    declarations: [MaskFormatterPipe],\n})\nexport class MaskFormatterModule {}\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-mouse-events.mjs

@@ -0,0 +1,116 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Directive, Input, Output, HostListener, NgModule } from '@angular/core';
+import { Subject } from 'rxjs';
+import { debounceTime, takeUntil, repeat } from 'rxjs/operators';
+
+class LongPressDirective {
+    sLongPressDelay = 500;
+    sLongPress = new EventEmitter();
+    mouseUp = new Subject();
+    mouseDown = new Subject();
+    ngUnsubscribe = new Subject();
+    onMouseUp(event) {
+        this.mouseUp.next(event);
+    }
+    onMouseDown(event) {
+        this.mouseDown.next(event);
+    }
+    ngOnInit() {
+        this.mouseDown
+            .pipe(debounceTime(this.sLongPressDelay), takeUntil(this.mouseUp), repeat(), takeUntil(this.ngUnsubscribe))
+            .subscribe(event => this.sLongPress.emit(event));
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LongPressDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LongPressDirective, selector: "[sLongPress]", inputs: { sLongPressDelay: "sLongPressDelay" }, outputs: { sLongPress: "sLongPress" }, host: { listeners: { "mouseup": "onMouseUp($event)", "touchend": "onMouseUp($event)", "mousedown": "onMouseDown($event)", "touchstart": "onMouseDown($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LongPressDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[sLongPress]",
+                }]
+        }], propDecorators: { sLongPressDelay: [{
+                type: Input
+            }], sLongPress: [{
+                type: Output
+            }], onMouseUp: [{
+                type: HostListener,
+                args: ["mouseup", ["$event"]]
+            }, {
+                type: HostListener,
+                args: ["touchend", ["$event"]]
+            }], onMouseDown: [{
+                type: HostListener,
+                args: ["mousedown", ["$event"]]
+            }, {
+                type: HostListener,
+                args: ["touchstart", ["$event"]]
+            }] } });
+
+class DoubleClickDirective {
+    doubleClicked = new EventEmitter();
+    _timeout;
+    _DOUBLE_CLICK_DELAY = 500;
+    onClick(event) {
+        this.handleOnClickEvent(event);
+    }
+    handleOnClickEvent(event) {
+        if (this._timeout) {
+            this.clearTimeout();
+            this.doubleClicked.emit(event);
+        }
+        else {
+            this._timeout = setTimeout(() => this.clearTimeout(), this._DOUBLE_CLICK_DELAY);
+        }
+    }
+    clearTimeout() {
+        clearTimeout(this._timeout);
+        this._timeout = undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DoubleClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DoubleClickDirective, selector: "[sDoubleClick]", outputs: { doubleClicked: "doubleClicked" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DoubleClickDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sDoubleClick]'
+                }]
+        }], propDecorators: { doubleClicked: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ["click", ["$event"]]
+            }] } });
+
+class MouseEventsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MouseEventsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: MouseEventsModule, declarations: [LongPressDirective,
+            DoubleClickDirective], imports: [CommonModule], exports: [LongPressDirective,
+            DoubleClickDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MouseEventsModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MouseEventsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [
+                        LongPressDirective,
+                        DoubleClickDirective
+                    ],
+                    exports: [
+                        LongPressDirective,
+                        DoubleClickDirective
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DoubleClickDirective, LongPressDirective, MouseEventsModule };
+//# sourceMappingURL=seniorsistemas-angular-components-mouse-events.mjs.map

package/fesm2022/seniorsistemas-angular-components-mouse-events.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-mouse-events.mjs","sources":["../../projects/angular-components/mouse-events/src/lib/mouse-events/long-press.directive.ts","../../projects/angular-components/mouse-events/src/lib/mouse-events/double-click.directive.ts","../../projects/angular-components/mouse-events/src/lib/mouse-events/mouse-events.module.ts","../../projects/angular-components/mouse-events/src/seniorsistemas-angular-components-mouse-events.ts"],"sourcesContent":["import { Directive, EventEmitter, HostListener, Input, OnDestroy, OnInit, Output } from \"@angular/core\";\nimport { Subject } from \"rxjs\";\nimport { debounceTime, repeat, takeUntil } from \"rxjs/operators\";\n\n@Directive({\n    selector: \"[sLongPress]\",\n})\nexport class LongPressDirective implements OnInit, OnDestroy {\n    @Input()\n    public sLongPressDelay = 500;\n\n    @Output()\n    public sLongPress = new EventEmitter<MouseEvent>();\n\n    public mouseUp = new Subject<MouseEvent>();\n    public mouseDown = new Subject<MouseEvent>();\n    public ngUnsubscribe: Subject<void> = new Subject();\n\n    @HostListener(\"mouseup\", [\"$event\"])\n    @HostListener(\"touchend\", [\"$event\"])\n    public onMouseUp(event: MouseEvent) {\n        this.mouseUp.next(event);\n    }\n\n    @HostListener(\"mousedown\", [\"$event\"])\n    @HostListener(\"touchstart\", [\"$event\"])\n    public onMouseDown(event: MouseEvent) {\n        this.mouseDown.next(event);\n    }\n\n    public ngOnInit() {\n        this.mouseDown\n            .pipe(\n                debounceTime(this.sLongPressDelay),\n                takeUntil(this.mouseUp),\n                repeat(),\n                takeUntil(this.ngUnsubscribe)\n            )\n            .subscribe(event => this.sLongPress.emit(event));\n    }\n\n    public ngOnDestroy() {\n        this.ngUnsubscribe.next();\n        this.ngUnsubscribe.complete();\n    }\n}\n","import {\n    Directive,\n    EventEmitter,\n    HostListener,\n    Output\n} from '@angular/core';\n\n@Directive({\n    selector: '[sDoubleClick]'\n})\nexport class DoubleClickDirective {\n\n    @Output() public doubleClicked: EventEmitter<PointerEvent> = new EventEmitter();\n\n    private _timeout: number | undefined\n    private _DOUBLE_CLICK_DELAY = 500;\n\n    @HostListener(\"click\", [\"$event\"])\n    public onClick(event: PointerEvent): void {\n        this.handleOnClickEvent(event);\n    }\n\n    private handleOnClickEvent(event: PointerEvent): void {\n        if (this._timeout) {\n            this.clearTimeout();\n            this.doubleClicked.emit(event);\n        } else {\n            this._timeout = setTimeout(() => this.clearTimeout(), this._DOUBLE_CLICK_DELAY) as unknown as number;\n        }\n\n    }\n\n    private clearTimeout(): void {\n        clearTimeout(this._timeout);\n        this._timeout = undefined;\n    }\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\nimport { LongPressDirective } from \"./long-press.directive\";\nimport { DoubleClickDirective } from \"./double-click.directive\";\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        LongPressDirective,\n        DoubleClickDirective\n    ],\n    exports: [\n        LongPressDirective,\n        DoubleClickDirective\n    ],\n})\nexport class MouseEventsModule {}\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-navigation-button.mjs

@@ -0,0 +1,158 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, forwardRef, Component, Input, Output, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@seniorsistemas/angular-components/tiered-menu';
+import { TieredMenuModule } from '@seniorsistemas/angular-components/tiered-menu';
+import * as i3 from '@seniorsistemas/angular-components/tooltip';
+import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
+
+class NavigationButtonComponent {
+    changeDetectorRef;
+    steps;
+    defaultValue;
+    tooltip;
+    changeOnInit = false;
+    stepChanged = new EventEmitter();
+    currentIndex = 0;
+    isDisabled = false;
+    tieredMenuItems = [];
+    _onChange;
+    _onTouched;
+    _value;
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() {
+        this._createTieredMenuItems();
+        if (this.changeOnInit) {
+            this.stepChanged.emit({
+                previous: null,
+                current: this.steps[this.currentIndex],
+            });
+        }
+    }
+    ngAfterViewInit() {
+        this._setDefaultValue();
+    }
+    _setDefaultValue() {
+        if (this.defaultValue) {
+            this._value = this.defaultValue;
+            const index = this.steps.findIndex((step) => step.value === this._value);
+            this.currentIndex = index !== -1 ? index : 0;
+            this.stepChanged.emit({
+                previous: null,
+                current: this.steps[this.currentIndex],
+            });
+            this.changeDetectorRef.detectChanges();
+        }
+    }
+    writeValue(value) {
+        this._value = value;
+        const index = this.steps.findIndex((step) => step.value === this._value);
+        this.currentIndex = index !== -1 ? index : 0;
+    }
+    registerOnChange(onChange) {
+        this._onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        this._onTouched = onTouched;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+    }
+    onNext() {
+        if (this.isDisabled)
+            return;
+        const previous = this.steps[this.currentIndex];
+        if (this.currentIndex < this.steps.length - 1) {
+            this.currentIndex++;
+            const current = this.steps[this.currentIndex];
+            this._onChange && this._onChange(current.value);
+            this.stepChanged.emit({ previous, current });
+        }
+        this._onTouched && this._onTouched();
+    }
+    onPrevious() {
+        if (this.isDisabled)
+            return;
+        const previous = this.steps[this.currentIndex];
+        if (this.currentIndex > 0) {
+            this.currentIndex--;
+            const current = this.steps[this.currentIndex];
+            this._onChange && this._onChange(current.value);
+            this.stepChanged.emit({ previous, current });
+        }
+        this._onTouched && this._onTouched();
+    }
+    _createTieredMenuItems() {
+        this.steps.forEach((step) => {
+            this.tieredMenuItems.push({
+                label: step.label,
+                command: () => {
+                    const index = this.steps.findIndex((s) => s === step);
+                    if (this.currentIndex !== index) {
+                        this._onChange && this._onChange(step.value);
+                        this.stepChanged.emit({
+                            previous: this.steps[this.currentIndex],
+                            current: step,
+                        });
+                        this.currentIndex = index;
+                    }
+                    this._onTouched && this._onTouched();
+                },
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: NavigationButtonComponent, selector: "s-navigation-button", inputs: { steps: "steps", defaultValue: "defaultValue", tooltip: "tooltip", changeOnInit: "changeOnInit" }, outputs: { stepChanged: "stepChanged" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NavigationButtonComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div\n    class=\"navigation-button\"\n    [ngClass]=\"{ 'navigation-button--disabled': isDisabled }\"\n>\n    <button\n        class=\"option option--previous\"\n        [ngClass]=\"{ 'option--disabled': currentIndex === 0 }\"\n        (click)=\"onPrevious()\"\n    >\n        <i class=\"fas fa-chevron-left\"></i>\n    </button>\n\n    @if (steps[currentIndex].tooltip || tooltip) {\n        <button\n            [sTooltip]=\"steps[currentIndex].tooltip || tooltip\"\n            class=\"step\"\n            sTieredMenu\n            [items]=\"tieredMenuItems\"\n            [focusedItem]=\"tieredMenuItems[currentIndex]\"\n        >\n            {{ steps[currentIndex].label }}\n        </button>\n    } @else {\n        <button class=\"step\">\n            {{ steps[currentIndex].label }}\n        </button>\n    }\n    <button\n        class=\"option option--next\"\n        [ngClass]=\"{ 'option--disabled': currentIndex === steps.length - 1 }\"\n        (click)=\"onNext()\"\n    >\n        <i class=\"fas fa-chevron-right\"></i>\n    </button>\n</div>\n", styles: [".navigation-button{display:inline-flex}.navigation-button .option,.navigation-button .step{background-color:#428bca;border:none;color:#fff}.navigation-button:not(.navigation-button--disabled) .step{cursor:pointer}.navigation-button:not(.navigation-button--disabled) .step:hover{background-color:#063951}.navigation-button .option{padding:8px 12px}.navigation-button .option--previous{border-radius:16px 0 0 16px}.navigation-button .option--next{border-radius:0 16px 16px 0}.navigation-button .option--disabled{opacity:.5}.navigation-button .option:not(.option--disabled):hover{cursor:pointer;background-color:#063951}.navigation-button .step{font-family:Open Sans,sans-serif;font-size:14px;padding:8px 16px;text-align:center}.navigation-button--disabled{opacity:.5}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.TieredMenuDirective, selector: "[sTieredMenu]", inputs: ["items", "focusedItem", "triggerEvent"] }, { kind: "directive", type: i3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-navigation-button', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NavigationButtonComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\n    class=\"navigation-button\"\n    [ngClass]=\"{ 'navigation-button--disabled': isDisabled }\"\n>\n    <button\n        class=\"option option--previous\"\n        [ngClass]=\"{ 'option--disabled': currentIndex === 0 }\"\n        (click)=\"onPrevious()\"\n    >\n        <i class=\"fas fa-chevron-left\"></i>\n    </button>\n\n    @if (steps[currentIndex].tooltip || tooltip) {\n        <button\n            [sTooltip]=\"steps[currentIndex].tooltip || tooltip\"\n            class=\"step\"\n            sTieredMenu\n            [items]=\"tieredMenuItems\"\n            [focusedItem]=\"tieredMenuItems[currentIndex]\"\n        >\n            {{ steps[currentIndex].label }}\n        </button>\n    } @else {\n        <button class=\"step\">\n            {{ steps[currentIndex].label }}\n        </button>\n    }\n    <button\n        class=\"option option--next\"\n        [ngClass]=\"{ 'option--disabled': currentIndex === steps.length - 1 }\"\n        (click)=\"onNext()\"\n    >\n        <i class=\"fas fa-chevron-right\"></i>\n    </button>\n</div>\n", styles: [".navigation-button{display:inline-flex}.navigation-button .option,.navigation-button .step{background-color:#428bca;border:none;color:#fff}.navigation-button:not(.navigation-button--disabled) .step{cursor:pointer}.navigation-button:not(.navigation-button--disabled) .step:hover{background-color:#063951}.navigation-button .option{padding:8px 12px}.navigation-button .option--previous{border-radius:16px 0 0 16px}.navigation-button .option--next{border-radius:0 16px 16px 0}.navigation-button .option--disabled{opacity:.5}.navigation-button .option:not(.option--disabled):hover{cursor:pointer;background-color:#063951}.navigation-button .step{font-family:Open Sans,sans-serif;font-size:14px;padding:8px 16px;text-align:center}.navigation-button--disabled{opacity:.5}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { steps: [{
+                type: Input,
+                args: [{ required: true }]
+            }], defaultValue: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], changeOnInit: [{
+                type: Input
+            }], stepChanged: [{
+                type: Output
+            }] } });
+
+class NavigationButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NavigationButtonModule, declarations: [NavigationButtonComponent], imports: [CommonModule, TieredMenuModule, TooltipModule], exports: [NavigationButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationButtonModule, imports: [CommonModule, TieredMenuModule, TooltipModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TieredMenuModule, TooltipModule],
+                    declarations: [NavigationButtonComponent],
+                    exports: [NavigationButtonComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NavigationButtonComponent, NavigationButtonModule };
+//# sourceMappingURL=seniorsistemas-angular-components-navigation-button.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-navigation-button.mjs","sources":["../../projects/angular-components/navigation-button/src/lib/navigation-button/navigation-button.component.ts","../../projects/angular-components/navigation-button/src/lib/navigation-button/navigation-button.component.html","../../projects/angular-components/navigation-button/src/lib/navigation-button/navigation-button.module.ts","../../projects/angular-components/navigation-button/src/seniorsistemas-angular-components-navigation-button.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    Output,\n    EventEmitter,\n    forwardRef,\n    OnInit,\n    AfterViewInit,\n    ChangeDetectorRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { NavigationButtonItem } from './models/navigation-button-item';\nimport { NavigationButtonStepChangedInfo } from './models';\nimport { TieredMenuItemData } from '@seniorsistemas/angular-components/tiered-menu';\n\n@Component({\n    selector: 's-navigation-button',\n    templateUrl: './navigation-button.component.html',\n    styleUrls: ['./navigation-button.component.scss'],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => NavigationButtonComponent),\n            multi: true,\n        },\n    ],\n})\nexport class NavigationButtonComponent\n    implements ControlValueAccessor, OnInit, AfterViewInit\n{\n    @Input({ required: true })\n    public steps!: NavigationButtonItem[];\n\n    @Input()\n    public defaultValue: unknown;\n\n    @Input()\n    public tooltip?: string;\n\n    @Input()\n    public changeOnInit = false;\n\n    @Output()\n    public stepChanged: EventEmitter<NavigationButtonStepChangedInfo> =\n        new EventEmitter();\n\n    public currentIndex = 0;\n    public isDisabled = false;\n    public tieredMenuItems: TieredMenuItemData[] = [];\n\n    private _onChange?: (value: unknown) => void;\n    private _onTouched?: () => void;\n    private _value: unknown;\n\n    constructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n    public ngOnInit(): void {\n        this._createTieredMenuItems();\n\n        if (this.changeOnInit) {\n            this.stepChanged.emit({\n                previous: null,\n                current: this.steps[this.currentIndex],\n            });\n        }\n    }\n\n    public ngAfterViewInit(): void {\n        this._setDefaultValue();\n    }\n\n    private _setDefaultValue(): void {\n        if (this.defaultValue) {\n            this._value = this.defaultValue;\n\n            const index = this.steps.findIndex(\n                (step) => step.value === this._value,\n            );\n            this.currentIndex = index !== -1 ? index : 0;\n            this.stepChanged.emit({\n                previous: null,\n                current: this.steps[this.currentIndex],\n            });\n\n            this.changeDetectorRef.detectChanges();\n        }\n    }\n\n    public writeValue(value: unknown): void {\n        this._value = value;\n\n        const index = this.steps.findIndex(\n            (step) => step.value === this._value,\n        );\n        this.currentIndex = index !== -1 ? index : 0;\n    }\n\n    public registerOnChange(onChange: (value: unknown) => void): void {\n        this._onChange = onChange;\n    }\n\n    public registerOnTouched(onTouched: () => void): void {\n        this._onTouched = onTouched;\n    }\n\n    public setDisabledState?(isDisabled: boolean): void {\n        this.isDisabled = isDisabled;\n    }\n\n    public onNext(): void {\n        if (this.isDisabled) return;\n\n        const previous = this.steps[this.currentIndex];\n\n        if (this.currentIndex < this.steps.length - 1) {\n            this.currentIndex++;\n\n            const current = this.steps[this.currentIndex];\n\n            this._onChange && this._onChange(current.value);\n            this.stepChanged.emit({ previous, current });\n        }\n\n        this._onTouched && this._onTouched();\n    }\n\n    public onPrevious(): void {\n        if (this.isDisabled) return;\n\n        const previous = this.steps[this.currentIndex];\n\n        if (this.currentIndex > 0) {\n            this.currentIndex--;\n\n            const current = this.steps[this.currentIndex];\n\n            this._onChange && this._onChange(current.value);\n            this.stepChanged.emit({ previous, current });\n        }\n\n        this._onTouched && this._onTouched();\n    }\n\n    private _createTieredMenuItems() {\n        this.steps.forEach((step: NavigationButtonItem) => {\n            this.tieredMenuItems.push({\n                label: step.label,\n                command: () => {\n                    const index = this.steps.findIndex((s) => s === step);\n                    if (this.currentIndex !== index) {\n                        this._onChange && this._onChange(step.value);\n                        this.stepChanged.emit({\n                            previous: this.steps[this.currentIndex],\n                            current: step,\n                        });\n                        this.currentIndex = index;\n                    }\n\n                    this._onTouched && this._onTouched();\n                },\n            });\n        });\n    }\n}\n","<div\n    class=\"navigation-button\"\n    [ngClass]=\"{ 'navigation-button--disabled': isDisabled }\"\n>\n    <button\n        class=\"option option--previous\"\n        [ngClass]=\"{ 'option--disabled': currentIndex === 0 }\"\n        (click)=\"onPrevious()\"\n    >\n        <i class=\"fas fa-chevron-left\"></i>\n    </button>\n\n    @if (steps[currentIndex].tooltip || tooltip) {\n        <button\n            [sTooltip]=\"steps[currentIndex].tooltip || tooltip\"\n            class=\"step\"\n            sTieredMenu\n            [items]=\"tieredMenuItems\"\n            [focusedItem]=\"tieredMenuItems[currentIndex]\"\n        >\n            {{ steps[currentIndex].label }}\n        </button>\n    } @else {\n        <button class=\"step\">\n            {{ steps[currentIndex].label }}\n        </button>\n    }\n    <button\n        class=\"option option--next\"\n        [ngClass]=\"{ 'option--disabled': currentIndex === steps.length - 1 }\"\n        (click)=\"onNext()\"\n    >\n        <i class=\"fas fa-chevron-right\"></i>\n    </button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NavigationButtonComponent } from './navigation-button.component';\nimport { TieredMenuModule } from '@seniorsistemas/angular-components/tiered-menu';\nimport { TooltipModule } from '@seniorsistemas/angular-components/tooltip';\n\n@NgModule({\n    imports: [CommonModule, TieredMenuModule, TooltipModule],\n    declarations: [NavigationButtonComponent],\n    exports: [NavigationButtonComponent],\n})\nexport class NavigationButtonModule { }\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-number-input.mjs

@@ -0,0 +1,189 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, forwardRef, Directive, Input, HostBinding, Output, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CurrencyMaskDirective } from 'ng2-currency-mask';
+import { first } from 'rxjs/operators';
+import * as i1 from '@seniorsistemas/angular-components/locale';
+import { CommonModule } from '@angular/common';
+
+/**
+ * @deprecated Should use 'AlignmentOptions' from @seniorsistemas/ng2-currency-mask instead
+ */
+var NumberAlignmentOption;
+(function (NumberAlignmentOption) {
+    NumberAlignmentOption["RIGHT"] = "right";
+    NumberAlignmentOption["LEFT"] = "left";
+})(NumberAlignmentOption || (NumberAlignmentOption = {}));
+/**
+ * @deprecated Should use BigNumberInput directive instead
+ */
+class NumberInputDirective extends CurrencyMaskDirective {
+    _elementRef;
+    localeService;
+    precision = 15;
+    scale = 0;
+    decimalSeparator;
+    thousandsSeparator;
+    alignTo = NumberAlignmentOption.LEFT;
+    allowNegative = true;
+    placeholder;
+    maxLength;
+    pasteRejected = new EventEmitter();
+    pasteListener;
+    _maxLength = 0;
+    keypressListener;
+    constructor(_elementRef, _keyValueDiffers, localeService) {
+        super({}, _elementRef, _keyValueDiffers);
+        this._elementRef = _elementRef;
+        this.localeService = localeService;
+        this.onLocaleService();
+    }
+    ngOnInit() {
+        this.updateVariables();
+        super.ngOnInit();
+        this.pasteListener = this._onPaste.bind(this);
+        this._elementRef.nativeElement.addEventListener("paste", this.pasteListener);
+        this.keypressListener = this._onKeypress.bind(this);
+        this._elementRef.nativeElement.addEventListener("keypress", this.keypressListener);
+    }
+    ngOnChanges(changes) {
+        const placeholderChange = changes['placeholder'] && changes['placeholder'].currentValue;
+        if (!placeholderChange && this.scale)
+            this.placeholder = `0${this.decimalSeparator}${''.padEnd(this.scale, '0')}`;
+        if (changes['scale'] ||
+            changes['decimalSeparator'] ||
+            changes['thousandsSeparator'] ||
+            changes['alignTo'] ||
+            changes['precision'] ||
+            changes['allowNegative']) {
+            this.updateVariables();
+        }
+    }
+    ngOnDestroy() {
+        this._elementRef.nativeElement.removeEventListener("paste", this.pasteListener);
+        this._elementRef.nativeElement.removeEventListener("keypress", this.keypressListener);
+    }
+    _onPaste(event) {
+        const pastedText = event.clipboardData?.getData("text") ?? "";
+        const numericText = pastedText.replace(new RegExp(`\\${this.thousandsSeparator}`, "g"), "").replace(this.decimalSeparator, ".");
+        const [intPart, decimalPart = ""] = numericText.split(".");
+        const totalDigits = intPart.replace(/\D/g, "").length + decimalPart.slice(0, this.scale).length;
+        if (totalDigits > this.precision) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.pasteRejected.emit(pastedText);
+        }
+    }
+    _onKeypress(event) {
+        const code = event.code;
+        if (code === "Minus" || code === "NumpadSubtract") {
+            if (this.allowNegative) {
+                this.maxLength = this._maxLength + 1;
+            }
+        }
+        else if (code === "Equal" || code === "NumpadAdd") {
+            this.maxLength = this._maxLength;
+        }
+    }
+    /**
+     * Update the options values according to the directive input values.
+     */
+    updateVariables() {
+        this.options = {
+            align: this.alignTo,
+            decimal: this.decimalSeparator,
+            thousands: this.thousandsSeparator,
+            precision: this.scale || 0,
+            prefix: '',
+            suffix: '',
+            allowNegative: this.allowNegative,
+        };
+        this.calculateMaxLength();
+    }
+    /**
+     * Responsible to calculate the field maximum length considering the separators.
+     */
+    calculateMaxLength() {
+        const decSepLength = this.decimalSeparator?.length ?? 0;
+        const thoSepLength = this.thousandsSeparator?.length ?? 0;
+        let maxLength = this.precision + (this.scale ? decSepLength : 0);
+        maxLength += Math.ceil((this.precision - (this.scale ? this.scale : 0)) / 3 - 1) * thoSepLength;
+        this.maxLength = maxLength;
+    }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe(() => {
+            this.decimalSeparator = this.decimalSeparator ?? this.localeService.getDecimalSeparator();
+            this.thousandsSeparator = this.thousandsSeparator ?? this.localeService.getGroupingSeparator();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumberInputDirective, deps: [{ token: i0.ElementRef }, { token: i0.KeyValueDiffers }, { token: i1.LocaleService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: NumberInputDirective, selector: "input[sNumberInput]", inputs: { precision: "precision", scale: "scale", decimalSeparator: "decimalSeparator", thousandsSeparator: "thousandsSeparator", alignTo: "alignTo", allowNegative: "allowNegative", placeholder: "placeholder" }, outputs: { pasteRejected: "pasteRejected" }, host: { properties: { "attr.placeholder": "this.placeholder", "attr.maxLength": "this.maxLength" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NumberInputDirective),
+                multi: true,
+            },
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumberInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[sNumberInput]',
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NumberInputDirective),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.KeyValueDiffers }, { type: i1.LocaleService }], propDecorators: { precision: [{
+                type: Input
+            }], scale: [{
+                type: Input
+            }], decimalSeparator: [{
+                type: Input
+            }], thousandsSeparator: [{
+                type: Input
+            }], alignTo: [{
+                type: Input
+            }], allowNegative: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.placeholder']
+            }], maxLength: [{
+                type: HostBinding,
+                args: ['attr.maxLength']
+            }], pasteRejected: [{
+                type: Output
+            }] } });
+
+/**
+ * @deprecated Should use 'BignumberInputModule' instead
+ */
+class NumberInputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumberInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NumberInputModule, declarations: [NumberInputDirective], imports: [CommonModule], exports: [NumberInputDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumberInputModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumberInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [NumberInputDirective],
+                    exports: [NumberInputDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NumberAlignmentOption, NumberInputDirective, NumberInputModule };
+//# sourceMappingURL=seniorsistemas-angular-components-number-input.mjs.map