@seniorsistemas/angular-components 19.0.5 → 19.0.6

package/fesm2022/seniorsistemas-angular-components-pin-code-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-pin-code-field.mjs","sources":["../../projects/angular-components/pin-code-field/src/lib/pin-code-field/pin-code-field.component.ts","../../projects/angular-components/pin-code-field/src/lib/pin-code-field/pin-code-field.component.html","../../projects/angular-components/pin-code-field/src/lib/pin-code-field.module.ts","../../projects/angular-components/pin-code-field/src/seniorsistemas-angular-components-pin-code-field.ts"],"sourcesContent":["import {\n    Component,\n    forwardRef,\n    viewChildren,\n    ElementRef,\n    signal,\n    input,\n    output,\n    effect,\n    computed,\n    model,\n    inject,\n    DestroyRef,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\n\n/**\n * Pin Code Field Component\n *\n * A flexible, accessible PIN code input component that implements {@link ControlValueAccessor}\n * for seamless integration with Angular Reactive Forms and Template-driven Forms.\n *\n * Features:\n * - Multiple input fields for PIN/OTP code entry\n * - Configurable code length and character validation\n * - Keyboard navigation (arrow keys, backspace)\n * - Paste support with automatic truncation\n * - Error state display via the `invalid` input\n * - Full accessibility support (ARIA labels, semantic roles)\n * - Signal-based state management\n *\n * @example\n * ```html\n * <form [formGroup]=\"form\">\n *   <s-pin-code-field\n *     formControlName=\"code\"\n *     [length]=\"6\"\n *     [alphanumeric]=\"false\"\n *     [invalid]=\"(form.get('code')?.invalid && form.get('code')?.dirty) || false\"\n *     helpText=\"Enter your 6-digit code\"\n *     (codeFilled)=\"onCodeFilled($event)\">\n *   </s-pin-code-field>\n * </form>\n * ```\n *\n * @example\n * ```typescript\n * form = this.fb.group({\n *   code: ['', [Validators.required]],\n * });\n * ```\n */\n@Component({\n    selector: 's-pin-code-field',\n    templateUrl: './pin-code-field.component.html',\n    standalone: true,\n    imports: [CommonModule, TranslateModule],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => PinCodeFieldComponent),\n            multi: true,\n        },\n    ],\n})\nexport class PinCodeFieldComponent implements ControlValueAccessor {\n    private static readonly LAST_INDEX_OFFSET = 1;\n    private static readonly EMPTY_VALUE = '';\n\n    /**\n     * Number of input fields (PIN code length).\n     * Must be at least 1.\n     *\n     * @default 6\n     */\n    public length = input(6);\n\n    /**\n     * Allows alphanumeric and special characters input.\n     * When false, only numeric input (0-9) is accepted.\n     *\n     * @default false\n     */\n    public alphanumeric = input(false);\n\n    /**\n     * Help text displayed below the input fields.\n     *\n     * @default ''\n     */\n    public helpText = input('');\n\n    /**\n     * Controls the error state visualization of the component.\n     * When true, displays red border on input fields.\n     * Typically bound to FormControl's invalid and dirty state.\n     *\n     * @example\n     * ```html\n     * [invalid]=\"(control?.invalid && control?.dirty) || false\"\n     * ```\n     * @default false\n     */\n    public invalid = input(false);\n\n    /**\n     * Two-way binding for the disabled state of the component.\n     * Disables all input fields and prevents user interaction.\n     *\n     * @default false\n     */\n    public disabled = model(false);\n\n    /**\n     * Emitted when all PIN code fields are filled.\n     * Emits the complete PIN code as a string.\n     *\n     * @example\n     * ```html\n     * (codeFilled)=\"onCodeFilled($event)\"\n     * ```\n     */\n    public codeFilled = output<string>();\n\n    /**\n     * Signal containing the current values of each input field.\n     * Array length matches the `length` input value.\n     */\n    public inputs = signal<string[]>([]);\n\n    /**\n     * Signal tracking whether the component has been touched by the user.\n     * Set to true when the last input field loses focus (blur event).\n     */\n    public touched = signal<boolean>(false);\n\n    /**\n     * Computed signal indicating whether all PIN code fields are filled.\n     * True only when every field contains a non-empty value.\n     */\n    public isComplete = computed(() => this.inputs().every((input) => input !== ''));\n\n    /**\n     * Computed signal containing the complete PIN code as a joined string.\n     * Returns empty string if no inputs are filled.\n     */\n    public currentValue = computed(() => this.inputs().join(''));\n\n    /**\n     * Signal tracking if the component host has the ng-invalid class from FormControl validators.\n     * Updated reactively whenever the invalid state changes.\n     */\n    private hasNgInvalidClass = signal<boolean>(false);\n\n    /**\n     * Signal tracking if the FormControl is dirty.\n     * Updated reactively whenever the dirty state changes.\n     */\n    private isControlDirty = signal<boolean>(false);\n\n    /**\n     * Computed signal indicating if the component should show error state.\n     * Returns true if:\n     * - The `invalid` input is true, OR\n     * - The component has the `ng-invalid` class AND the FormControl is dirty (touched/modified)\n     * This ensures errors are only shown to the user after they've interacted with the field.\n     */\n    public hasError = computed(() => this.invalid() || (this.hasNgInvalidClass() && this.isControlDirty()));\n\n    /**\n     * ViewChildren reference to all input DOM elements.\n     * Used for DOM manipulation (focus, selection).\n     */\n    public pinInputs = viewChildren<ElementRef>('pinInput');\n\n    private readonly elementRef = inject(ElementRef);\n    private readonly destroyRef = inject(DestroyRef);\n\n    private onChange: (value: string) => void = () => {};\n    private onTouched: () => void = () => {};\n\n    constructor() {\n        effect(\n            () => {\n                const newLength = this.length();\n                if (newLength < 1) {\n                    console.warn('PIN code length must be at least 1');\n                    return;\n                }\n                if (this.inputs().length !== newLength) {\n                    this.inputs.set(Array.from({ length: newLength }, () => ''));\n                }\n            },\n            { allowSignalWrites: true },\n        );\n\n        // Monitor ng-invalid and ng-dirty classes on the host element for reactive error state\n        effect(\n            () => {\n                // Access inputs to create dependency on changes\n                this.inputs();\n                this.invalid();\n\n                // Use setTimeout to defer the check to next tick to ensure Angular has updated DOM classes\n                const timeoutId = window.setTimeout(() => {\n                    const hostElement = this.elementRef.nativeElement;\n                    const hasNgInvalid = hostElement.classList.contains('ng-invalid');\n                    const isDirty = hostElement.classList.contains('ng-dirty');\n\n                    this.hasNgInvalidClass.set(hasNgInvalid);\n                    this.isControlDirty.set(isDirty);\n                });\n\n                // Cleanup timeout on component destroy\n                this.destroyRef.onDestroy(() => {\n                    clearTimeout(timeoutId);\n                });\n            },\n            { allowSignalWrites: true },\n        );\n    }\n\n    /**\n     * Handles input event on PIN code fields.\n     * Validates character input, prevents multiple characters per field,\n     * auto-advances to next field when character is entered.\n     *\n     * @param index - The input field index (0-based)\n     * @param event - The input event\n     */\n    public onInput(index: number, event: Event): void {\n        if (this.disabled()) {\n            event.preventDefault();\n            return;\n        }\n\n        const target = event.target as HTMLInputElement;\n        const value = target.value;\n\n        if (value.length > 1 || (value && !this.isValidCharacter(value))) {\n            this.clearInput(target);\n            return;\n        }\n\n        this.setInputAtIndex(index, value);\n\n        if (value && index < this.length() - 1) {\n            this.focusAndSelectInput(index + 1);\n        }\n\n        if (this.isComplete()) {\n            this.codeFilled.emit(this.currentValue());\n        }\n    }\n\n    /**\n     * Handles keyboard events on PIN code fields.\n     * Supports arrow navigation (left/right) and backspace key.\n     *\n     * Keyboard behavior:\n     * - ArrowRight: Move focus to next field\n     * - ArrowLeft: Move focus to previous field\n     * - Backspace: Clear current or previous field and adjust focus\n     *\n     * @param index - The input field index (0-based)\n     * @param event - The keyboard event\n     */\n    public onKeyDown(index: number, event: KeyboardEvent): void {\n        if (this.disabled()) {\n            event.preventDefault();\n            return;\n        }\n\n        const key = event.key;\n\n        switch (key) {\n            case 'ArrowRight':\n                if (index < this.length() - 1) {\n                    event.preventDefault();\n                    this.focusAndSelectInput(index + 1);\n                }\n                break;\n            case 'ArrowLeft':\n                if (index > 0) {\n                    event.preventDefault();\n                    this.focusAndSelectInput(index - 1);\n                }\n                break;\n            case 'Backspace':\n                event.preventDefault();\n                this.handleBackspace(index);\n                break;\n        }\n    }\n\n    /**\n     * Handles paste (clipboard) events on PIN code fields.\n     * Extracts valid characters from pasted content, filters by character type,\n     * and automatically truncates to match field length.\n     *\n     * Behavior:\n     * - Filters characters based on `alphanumeric` setting\n     * - Truncates to maximum field count\n     * - Fills available fields with pasted content\n     * - Emits codeFilled event if all fields are filled\n     *\n     * @param event - The clipboard event\n     */\n    public onPaste(event: ClipboardEvent): void {\n        if (this.disabled()) {\n            event.preventDefault();\n            return;\n        }\n\n        event.preventDefault();\n\n        const validChars = this.extractValidCharactersFromPaste(event);\n\n        if (validChars.length === 0) {\n            return;\n        }\n\n        const filledInputs = [...validChars, ...Array(this.length() - validChars.length).fill('')];\n\n        this.inputs.set(filledInputs);\n        this.updateValue();\n\n        // Focus on the first empty input or the last filled input if all are filled\n        const firstEmptyIndex = validChars.length < this.length() ? validChars.length : validChars.length - 1;\n        this.focusAndSelectInput(firstEmptyIndex);\n\n        if (this.isComplete()) {\n            this.codeFilled.emit(this.currentValue());\n        }\n    }\n\n    /**\n     * Handles focus event on PIN code fields.\n     * Selects all text in the input field when focused.\n     *\n     * @param index - The input field index (0-based)\n     */\n    public onFocus(index: number): void {\n        const input = this.pinInputs()[index];\n        if (input) {\n            input.nativeElement.select();\n        }\n    }\n\n    /**\n     * Handles blur event on PIN code fields.\n     * Marks the component as touched when the last input field loses focus.\n     * Also notifies the registered onTouched callback for FormControl integration.\n     *\n     * @param index - The input field index (0-based)\n     */\n    public onBlur(index: number): void {\n        // Only mark as touched when the LAST input loses focus\n        if (index === this.length() - PinCodeFieldComponent.LAST_INDEX_OFFSET) {\n            this.touched.set(true);\n            this.onTouched();\n        }\n    }\n\n    /**\n     * Clears the input value at specified index and adjusts focus accordingly.\n     * If current field is empty, moves to previous field and clears it.\n     *\n     * @private\n     * @param index - The input field index (0-based)\n     */\n    private handleBackspace(index: number): void {\n        const currentInputs = this.inputs();\n\n        // If current input has value, clear it\n        if (currentInputs[index]) {\n            this.setInputAtIndex(index, PinCodeFieldComponent.EMPTY_VALUE);\n            return;\n        }\n\n        // Otherwise, clear previous input and focus it\n        if (index > 0) {\n            this.setInputAtIndex(index - 1, PinCodeFieldComponent.EMPTY_VALUE);\n            this.focusAndSelectInput(index - 1);\n        }\n    }\n\n    /**\n     * Sets the value at a specific input field index and updates the form value.\n     * Updates the signal and triggers the change detection via onChange callback.\n     *\n     * @private\n     * @param index - The input field index (0-based)\n     * @param value - The value to set in the field\n     */\n    private setInputAtIndex(index: number, value: string): void {\n        const currentInputs = this.inputs();\n        currentInputs[index] = value;\n        this.inputs.set([...currentInputs]);\n        this.updateValue();\n    }\n\n    /**\n     * Focuses on and selects text in the input field at the specified index.\n     * Uses queueMicrotask to ensure DOM is updated before focusing.\n     *\n     * @private\n     * @param index - The input field index (0-based)\n     */\n    private focusAndSelectInput(index: number): void {\n        queueMicrotask(() => {\n            const input = this.pinInputs()[index];\n            if (input) {\n                input.nativeElement.focus();\n                input.nativeElement.select();\n            }\n        });\n    }\n\n    /**\n     * Clears the value of an input element.\n     * Used for input validation to reject invalid characters.\n     *\n     * @private\n     * @param target - The HTML input element to clear\n     */\n    private clearInput(target: HTMLInputElement): void {\n        target.value = '';\n    }\n\n    /**\n     * Extracts valid characters from pasted content.\n     * Filters based on alphanumeric setting and limits to component's length.\n     *\n     * @private\n     * @param event - The clipboard event\n     * @returns Array of valid characters from the pasted content\n     */\n    private extractValidCharactersFromPaste(event: ClipboardEvent): string[] {\n        const pastedText = (event.clipboardData?.getData('text') || '').trim();\n        return pastedText\n            .split('')\n            .filter((char) => this.isValidCharacter(char))\n            .slice(0, this.length());\n    }\n\n    /**\n     * Validates if a character is acceptable based on component configuration.\n     * For numeric mode, accepts only digits 0-9.\n     * For alphanumeric mode, accepts any non-whitespace character.\n     *\n     * @private\n     * @param char - The character to validate\n     * @returns true if character is valid, false otherwise\n     */\n    private isValidCharacter(char: string): boolean {\n        if (this.alphanumeric()) {\n            return char.trim().length > 0;\n        }\n        return /^[0-9]$/.test(char);\n    }\n\n    /**\n     * Updates the form value by calling the onChange callback registered by FormControl.\n     * This ensures the reactive form stays synchronized with component state.\n     *\n     * @private\n     */\n    private updateValue(): void {\n        this.onChange(this.currentValue());\n    }\n\n    /**\n     * Implements ControlValueAccessor interface.\n     * Called by the FormControl to write a value to the component.\n     * Only accepts string values with length matching the component's length setting.\n     *\n     * @param value - The value to write (typically from the FormControl)\n     */\n    public writeValue(value: any): void {\n        if (value) {\n            const stringValue = String(value);\n            if (stringValue.length === this.length()) {\n                this.inputs.set(stringValue.split(''));\n            }\n        }\n    }\n\n    /**\n     * Implements ControlValueAccessor interface.\n     * Called by the FormControl when value changes.\n     * Registers the callback to be called when the component value changes.\n     *\n     * @param fn - Callback function to invoke when component value changes\n     */\n    public registerOnChange(fn: (value: string) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Implements ControlValueAccessor interface.\n     * Called by the FormControl to register the touched callback.\n     * The callback is invoked when the last input field loses focus.\n     *\n     * @param fn - Callback function to invoke when component is touched\n     */\n    public registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Implements ControlValueAccessor interface.\n     * Called by the FormControl to set the disabled state of the component.\n     * Updates the disabled model to reflect the form's disabled state.\n     *\n     * @param isDisabled - Whether the component should be disabled\n     */\n    public setDisabledState(isDisabled: boolean): void {\n        this.disabled.set(isDisabled);\n    }\n}\n\n","<div class=\"gap-xsmall flex flex-col\">\n    <div\n        class=\"flex gap-2\"\n        role=\"group\"\n        aria-label=\"PIN code input\"\n        [attr.aria-labelledby]=\"helpText() ? 'pin-help-text' : null\"\n    >\n        @for (input of inputs(); let i = $index; track i) {\n            <input\n                #pinInput\n                type=\"text\"\n                class=\"h-12 w-12 rounded-xbig border text-center text-lg font-medium transition-all duration-200\"\n                [ngClass]=\"{\n                    'border-criticality-red focus:ring-criticality-red': hasError(),\n                    'border-grayscale-30 focus:border-primary focus:ring-primary': !hasError(),\n                    'cursor-not-allowed bg-grayscale-10 text-grayscale-60': disabled(),\n                    'bg-grayscale-0 text-grayscale-100 focus:outline-none': !disabled(),\n                }\"\n                [value]=\"input\"\n                [disabled]=\"disabled()\"\n                [attr.maxlength]=\"1\"\n                [attr.inputmode]=\"alphanumeric() ? 'text' : 'numeric'\"\n                [attr.aria-label]=\"\n                    alphanumeric()\n                        ? ('platform.angular_components.pin_code_character_index_of_total'\n                          | translate: { index: i + 1, length: length() })\n                        : ('platform.angular_components.pin_code_digit_index_of_total'\n                          | translate: { index: i + 1, length: length() })\n                \"\n                [attr.aria-describedby]=\"helpText() ? 'pin-help-text' : null\"\n                [attr.aria-required]=\"true\"\n                autocomplete=\"off\"\n                (input)=\"onInput(i, $event)\"\n                (keydown)=\"onKeyDown(i, $event)\"\n                (paste)=\"onPaste($event)\"\n                (focus)=\"onFocus(i)\"\n                (blur)=\"onBlur(i)\"\n            />\n        }\n    </div>\n\n    @if (helpText()) {\n        <div\n            id=\"pin-help-text\"\n            class=\"mt-small text-sm text-grayscale-60\"\n        >\n            {{ helpText() }}\n        </div>\n    }\n</div>\n\n","import { NgModule } from '@angular/core';\nimport { PinCodeFieldComponent } from './pin-code-field/pin-code-field.component';\n\n@NgModule({\n    imports: [PinCodeFieldComponent],\n    exports: [PinCodeFieldComponent],\n})\nexport class PinCodeFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"seniorsistemas-angular-components-pin-code-field.mjs","sources":["../../projects/angular-components/pin-code-field/src/lib/pin-code-field/pin-code-field.component.ts","../../projects/angular-components/pin-code-field/src/lib/pin-code-field/pin-code-field.component.html","../../projects/angular-components/pin-code-field/src/lib/pin-code-field.module.ts","../../projects/angular-components/pin-code-field/src/seniorsistemas-angular-components-pin-code-field.ts"],"sourcesContent":["import {\n    Component,\n    forwardRef,\n    viewChildren,\n    ElementRef,\n    signal,\n    input,\n    output,\n    effect,\n    computed,\n    model,\n    inject,\n    DestroyRef,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\n\n/**\n * @description Componente de entrada de código PIN/OTP com campos individuais para cada dígito.\n * Implementa {@link ControlValueAccessor} para integração nativa com Reactive Forms\n * e Template-driven Forms do Angular.\n *\n * Funcionalidades:\n * - Campos separados e navegáveis para cada dígito do código\n * - Comprimento configurável via input `length`\n * - Suporte a entrada numérica ou alfanumérica\n * - Navegação por teclado (setas, backspace)\n * - Suporte a colar (paste) com truncamento automático ao tamanho definido\n * - Estado de erro via input `invalid`\n * - Acessibilidade completa com ARIA labels e roles semânticos\n *\n * @example\n * ```html\n * <form [formGroup]=\"form\">\n *   <s-pin-code-field\n *     formControlName=\"code\"\n *     [length]=\"6\"\n *     [alphanumeric]=\"false\"\n *     [invalid]=\"(form.get('code')?.invalid && form.get('code')?.dirty) || false\"\n *     helpText=\"Digite seu código de 6 dígitos\"\n *     (codeFilled)=\"onCodeFilled($event)\">\n *   </s-pin-code-field>\n * </form>\n * ```\n *\n * @category Inputs\n */\n@Component({\n    selector: 's-pin-code-field',\n    templateUrl: './pin-code-field.component.html',\n    standalone: true,\n    imports: [CommonModule, TranslateModule],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => PinCodeFieldComponent),\n            multi: true,\n        },\n    ],\n})\nexport class PinCodeFieldComponent implements ControlValueAccessor {\n    private static readonly LAST_INDEX_OFFSET = 1;\n    private static readonly EMPTY_VALUE = '';\n\n    /**\n     * @description Número de campos de entrada (comprimento do código PIN).\n     * Deve ser ao menos 1.\n     *\n     * @default 6\n     */\n    public length = input(6);\n\n    /**\n     * @description Permite entrada alfanumérica e de caracteres especiais.\n     * Quando `false`, aceita apenas dígitos numéricos (0–9).\n     *\n     * @default false\n     */\n    public alphanumeric = input(false);\n\n    /**\n     * @description Texto de ajuda exibido abaixo dos campos de entrada,\n     * fornecendo instruções adicionais ao usuário.\n     *\n     * @default ''\n     */\n    public helpText = input('');\n\n    /**\n     * @description Controla a visualização do estado de erro do componente.\n     * Quando `true`, exibe borda vermelha nos campos de entrada.\n     * Normalmente vinculado ao estado `invalid && dirty` do `FormControl`.\n     *\n     * @example\n     * ```html\n     * [invalid]=\"(control?.invalid && control?.dirty) || false\"\n     * ```\n     * @default false\n     */\n    public invalid = input(false);\n\n    /**\n     * @description Controla o estado desabilitado do componente via two-way binding.\n     * Quando `true`, todos os campos ficam desabilitados e a interação do usuário é bloqueada.\n     *\n     * @default false\n     */\n    public disabled = model(false);\n\n    /**\n     * @description Emitido quando todos os campos do código PIN são preenchidos.\n     * Emite o código completo como string.\n     *\n     * @example\n     * ```html\n     * (codeFilled)=\"onCodeFilled($event)\"\n     * ```\n     */\n    public codeFilled = output<string>();\n\n    /**\n     * @description Signal com os valores atuais de cada campo de entrada.\n     * O comprimento do array corresponde ao valor do input `length`.\n     */\n    public inputs = signal<string[]>([]);\n\n    /**\n     * Signal tracking whether the component has been touched by the user.\n     * Set to true when the last input field loses focus (blur event).\n     */\n    public touched = signal<boolean>(false);\n\n    /**\n     * Computed signal indicating whether all PIN code fields are filled.\n     * True only when every field contains a non-empty value.\n     */\n    public isComplete = computed(() => this.inputs().every((input) => input !== ''));\n\n    /**\n     * Computed signal containing the complete PIN code as a joined string.\n     * Returns empty string if no inputs are filled.\n     */\n    public currentValue = computed(() => this.inputs().join(''));\n\n    /**\n     * Signal tracking if the component host has the ng-invalid class from FormControl validators.\n     * Updated reactively whenever the invalid state changes.\n     */\n    private hasNgInvalidClass = signal<boolean>(false);\n\n    /**\n     * Signal tracking if the FormControl is dirty.\n     * Updated reactively whenever the dirty state changes.\n     */\n    private isControlDirty = signal<boolean>(false);\n\n    /**\n     * Computed signal indicating if the component should show error state.\n     * Returns true if:\n     * - The `invalid` input is true, OR\n     * - The component has the `ng-invalid` class AND the FormControl is dirty (touched/modified)\n     * This ensures errors are only shown to the user after they've interacted with the field.\n     */\n    public hasError = computed(() => this.invalid() || (this.hasNgInvalidClass() && this.isControlDirty()));\n\n    /**\n     * ViewChildren reference to all input DOM elements.\n     * Used for DOM manipulation (focus, selection).\n     */\n    public pinInputs = viewChildren<ElementRef>('pinInput');\n\n    private readonly elementRef = inject(ElementRef);\n    private readonly destroyRef = inject(DestroyRef);\n\n    private onChange: (value: string) => void = () => {};\n    private onTouched: () => void = () => {};\n\n    constructor() {\n        effect(\n            () => {\n                const newLength = this.length();\n                if (newLength < 1) {\n                    console.warn('PIN code length must be at least 1');\n                    return;\n                }\n                if (this.inputs().length !== newLength) {\n                    this.inputs.set(Array.from({ length: newLength }, () => ''));\n                }\n            },\n            { allowSignalWrites: true },\n        );\n\n        // Monitor ng-invalid and ng-dirty classes on the host element for reactive error state\n        effect(\n            () => {\n                // Access inputs to create dependency on changes\n                this.inputs();\n                this.invalid();\n\n                // Use setTimeout to defer the check to next tick to ensure Angular has updated DOM classes\n                const timeoutId = window.setTimeout(() => {\n                    const hostElement = this.elementRef.nativeElement;\n                    const hasNgInvalid = hostElement.classList.contains('ng-invalid');\n                    const isDirty = hostElement.classList.contains('ng-dirty');\n\n                    this.hasNgInvalidClass.set(hasNgInvalid);\n                    this.isControlDirty.set(isDirty);\n                });\n\n                // Cleanup timeout on component destroy\n                this.destroyRef.onDestroy(() => {\n                    clearTimeout(timeoutId);\n                });\n            },\n            { allowSignalWrites: true },\n        );\n    }\n\n    /**\n     * Handles input event on PIN code fields.\n     * Validates character input, prevents multiple characters per field,\n     * auto-advances to next field when character is entered.\n     *\n     * @param index - The input field index (0-based)\n     * @param event - The input event\n     */\n    public onInput(index: number, event: Event): void {\n        if (this.disabled()) {\n            event.preventDefault();\n            return;\n        }\n\n        const target = event.target as HTMLInputElement;\n        const value = target.value;\n\n        if (value.length > 1 || (value && !this.isValidCharacter(value))) {\n            this.clearInput(target);\n            return;\n        }\n\n        this.setInputAtIndex(index, value);\n\n        if (value && index < this.length() - 1) {\n            this.focusAndSelectInput(index + 1);\n        }\n\n        if (this.isComplete()) {\n            this.codeFilled.emit(this.currentValue());\n        }\n    }\n\n    /**\n     * Handles keyboard events on PIN code fields.\n     * Supports arrow navigation (left/right) and backspace key.\n     *\n     * Keyboard behavior:\n     * - ArrowRight: Move focus to next field\n     * - ArrowLeft: Move focus to previous field\n     * - Backspace: Clear current or previous field and adjust focus\n     *\n     * @param index - The input field index (0-based)\n     * @param event - The keyboard event\n     */\n    public onKeyDown(index: number, event: KeyboardEvent): void {\n        if (this.disabled()) {\n            event.preventDefault();\n            return;\n        }\n\n        const key = event.key;\n\n        switch (key) {\n            case 'ArrowRight':\n                if (index < this.length() - 1) {\n                    event.preventDefault();\n                    this.focusAndSelectInput(index + 1);\n                }\n                break;\n            case 'ArrowLeft':\n                if (index > 0) {\n                    event.preventDefault();\n                    this.focusAndSelectInput(index - 1);\n                }\n                break;\n            case 'Backspace':\n                event.preventDefault();\n                this.handleBackspace(index);\n                break;\n        }\n    }\n\n    /**\n     * Handles paste (clipboard) events on PIN code fields.\n     * Extracts valid characters from pasted content, filters by character type,\n     * and automatically truncates to match field length.\n     *\n     * Behavior:\n     * - Filters characters based on `alphanumeric` setting\n     * - Truncates to maximum field count\n     * - Fills available fields with pasted content\n     * - Emits codeFilled event if all fields are filled\n     *\n     * @param event - The clipboard event\n     */\n    public onPaste(event: ClipboardEvent): void {\n        if (this.disabled()) {\n            event.preventDefault();\n            return;\n        }\n\n        event.preventDefault();\n\n        const validChars = this.extractValidCharactersFromPaste(event);\n\n        if (validChars.length === 0) {\n            return;\n        }\n\n        const filledInputs = [...validChars, ...Array(this.length() - validChars.length).fill('')];\n\n        this.inputs.set(filledInputs);\n        this.updateValue();\n\n        // Focus on the first empty input or the last filled input if all are filled\n        const firstEmptyIndex = validChars.length < this.length() ? validChars.length : validChars.length - 1;\n        this.focusAndSelectInput(firstEmptyIndex);\n\n        if (this.isComplete()) {\n            this.codeFilled.emit(this.currentValue());\n        }\n    }\n\n    /**\n     * Handles focus event on PIN code fields.\n     * Selects all text in the input field when focused.\n     *\n     * @param index - The input field index (0-based)\n     */\n    public onFocus(index: number): void {\n        const input = this.pinInputs()[index];\n        if (input) {\n            input.nativeElement.select();\n        }\n    }\n\n    /**\n     * Handles blur event on PIN code fields.\n     * Marks the component as touched when the last input field loses focus.\n     * Also notifies the registered onTouched callback for FormControl integration.\n     *\n     * @param index - The input field index (0-based)\n     */\n    public onBlur(index: number): void {\n        // Only mark as touched when the LAST input loses focus\n        if (index === this.length() - PinCodeFieldComponent.LAST_INDEX_OFFSET) {\n            this.touched.set(true);\n            this.onTouched();\n        }\n    }\n\n    /**\n     * Clears the input value at specified index and adjusts focus accordingly.\n     * If current field is empty, moves to previous field and clears it.\n     *\n     * @private\n     * @param index - The input field index (0-based)\n     */\n    private handleBackspace(index: number): void {\n        const currentInputs = this.inputs();\n\n        // If current input has value, clear it\n        if (currentInputs[index]) {\n            this.setInputAtIndex(index, PinCodeFieldComponent.EMPTY_VALUE);\n            return;\n        }\n\n        // Otherwise, clear previous input and focus it\n        if (index > 0) {\n            this.setInputAtIndex(index - 1, PinCodeFieldComponent.EMPTY_VALUE);\n            this.focusAndSelectInput(index - 1);\n        }\n    }\n\n    /**\n     * Sets the value at a specific input field index and updates the form value.\n     * Updates the signal and triggers the change detection via onChange callback.\n     *\n     * @private\n     * @param index - The input field index (0-based)\n     * @param value - The value to set in the field\n     */\n    private setInputAtIndex(index: number, value: string): void {\n        const currentInputs = this.inputs();\n        currentInputs[index] = value;\n        this.inputs.set([...currentInputs]);\n        this.updateValue();\n    }\n\n    /**\n     * Focuses on and selects text in the input field at the specified index.\n     * Uses queueMicrotask to ensure DOM is updated before focusing.\n     *\n     * @private\n     * @param index - The input field index (0-based)\n     */\n    private focusAndSelectInput(index: number): void {\n        queueMicrotask(() => {\n            const input = this.pinInputs()[index];\n            if (input) {\n                input.nativeElement.focus();\n                input.nativeElement.select();\n            }\n        });\n    }\n\n    /**\n     * Clears the value of an input element.\n     * Used for input validation to reject invalid characters.\n     *\n     * @private\n     * @param target - The HTML input element to clear\n     */\n    private clearInput(target: HTMLInputElement): void {\n        target.value = '';\n    }\n\n    /**\n     * Extracts valid characters from pasted content.\n     * Filters based on alphanumeric setting and limits to component's length.\n     *\n     * @private\n     * @param event - The clipboard event\n     * @returns Array of valid characters from the pasted content\n     */\n    private extractValidCharactersFromPaste(event: ClipboardEvent): string[] {\n        const pastedText = (event.clipboardData?.getData('text') || '').trim();\n        return pastedText\n            .split('')\n            .filter((char) => this.isValidCharacter(char))\n            .slice(0, this.length());\n    }\n\n    /**\n     * Validates if a character is acceptable based on component configuration.\n     * For numeric mode, accepts only digits 0-9.\n     * For alphanumeric mode, accepts any non-whitespace character.\n     *\n     * @private\n     * @param char - The character to validate\n     * @returns true if character is valid, false otherwise\n     */\n    private isValidCharacter(char: string): boolean {\n        if (this.alphanumeric()) {\n            return char.trim().length > 0;\n        }\n        return /^[0-9]$/.test(char);\n    }\n\n    /**\n     * Updates the form value by calling the onChange callback registered by FormControl.\n     * This ensures the reactive form stays synchronized with component state.\n     *\n     * @private\n     */\n    private updateValue(): void {\n        this.onChange(this.currentValue());\n    }\n\n    /**\n     * Implements ControlValueAccessor interface.\n     * Called by the FormControl to write a value to the component.\n     * Only accepts string values with length matching the component's length setting.\n     *\n     * @param value - The value to write (typically from the FormControl)\n     */\n    public writeValue(value: any): void {\n        if (value) {\n            const stringValue = String(value);\n            if (stringValue.length === this.length()) {\n                this.inputs.set(stringValue.split(''));\n            }\n        }\n    }\n\n    /**\n     * Implements ControlValueAccessor interface.\n     * Called by the FormControl when value changes.\n     * Registers the callback to be called when the component value changes.\n     *\n     * @param fn - Callback function to invoke when component value changes\n     */\n    public registerOnChange(fn: (value: string) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Implements ControlValueAccessor interface.\n     * Called by the FormControl to register the touched callback.\n     * The callback is invoked when the last input field loses focus.\n     *\n     * @param fn - Callback function to invoke when component is touched\n     */\n    public registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Implements ControlValueAccessor interface.\n     * Called by the FormControl to set the disabled state of the component.\n     * Updates the disabled model to reflect the form's disabled state.\n     *\n     * @param isDisabled - Whether the component should be disabled\n     */\n    public setDisabledState(isDisabled: boolean): void {\n        this.disabled.set(isDisabled);\n    }\n}\n\n","<div class=\"gap-xsmall flex flex-col\">\n    <div\n        class=\"flex gap-2\"\n        role=\"group\"\n        aria-label=\"PIN code input\"\n        [attr.aria-labelledby]=\"helpText() ? 'pin-help-text' : null\"\n    >\n        @for (input of inputs(); let i = $index; track i) {\n            <input\n                #pinInput\n                type=\"text\"\n                class=\"h-12 w-12 rounded-xbig border text-center text-lg font-medium transition-all duration-200\"\n                [ngClass]=\"{\n                    'border-criticality-red focus:ring-criticality-red': hasError(),\n                    'border-grayscale-30 focus:border-primary focus:ring-primary': !hasError(),\n                    'cursor-not-allowed bg-grayscale-10 text-grayscale-60': disabled(),\n                    'bg-grayscale-0 text-grayscale-100 focus:outline-none': !disabled(),\n                }\"\n                [value]=\"input\"\n                [disabled]=\"disabled()\"\n                [attr.maxlength]=\"1\"\n                [attr.inputmode]=\"alphanumeric() ? 'text' : 'numeric'\"\n                [attr.aria-label]=\"\n                    alphanumeric()\n                        ? ('platform.angular_components.pin_code_character_index_of_total'\n                          | translate: { index: i + 1, length: length() })\n                        : ('platform.angular_components.pin_code_digit_index_of_total'\n                          | translate: { index: i + 1, length: length() })\n                \"\n                [attr.aria-describedby]=\"helpText() ? 'pin-help-text' : null\"\n                [attr.aria-required]=\"true\"\n                autocomplete=\"off\"\n                (input)=\"onInput(i, $event)\"\n                (keydown)=\"onKeyDown(i, $event)\"\n                (paste)=\"onPaste($event)\"\n                (focus)=\"onFocus(i)\"\n                (blur)=\"onBlur(i)\"\n            />\n        }\n    </div>\n\n    @if (helpText()) {\n        <div\n            id=\"pin-help-text\"\n            class=\"mt-small text-sm text-grayscale-60\"\n        >\n            {{ helpText() }}\n        </div>\n    }\n</div>\n\n","import { NgModule } from '@angular/core';\nimport { PinCodeFieldComponent } from './pin-code-field/pin-code-field.component';\n\n@NgModule({\n    imports: [PinCodeFieldComponent],\n    exports: [PinCodeFieldComponent],\n})\nexport class PinCodeFieldModule {}\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-profile-picture-picker.mjs

@@ -16,32 +16,116 @@ import * as i6 from 'primeng/confirmdialog';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
 import { CommonModule } from '@angular/common';
 
+/**
+ * @description Componente para seleção, edição e remoção de foto de perfil do usuário.
+ * Permite ao usuário fazer upload de uma imagem, recortá-la com o {@link ImageCropperService}
+ * e confirmar ou remover a foto atual. Implementa {@link ControlValueAccessor} para uso
+ * em formulários reativos e template-driven do Angular.
+ *
+ * @example
+ * ```html
+ * <s-profile-picture-picker
+ *   formControlName="avatar"
+ *   subtitle="Formatos aceitos: JPG e PNG"
+ *   [maxFileSize]="2097152"
+ *   accept="image/jpeg,image/png"
+ *   (imageChange)="onImageChange($event)"
+ *   (removedImage)="onImageRemoved()" />
+ * ```
+ *
+ * @category Inputs
+ */
 class ProfilePicturePickerComponent {
     imageCropperService;
     confirmationService;
     translateService;
+    /**
+     * @description Título simples exibido quando nenhuma imagem está selecionada.
+     */
     simpleTitle;
+    /**
+     * @description Título de ação exibido como label principal do botão de upload.
+     */
     actionTitle;
+    /**
+     * @description Legenda exibida abaixo do título, descrevendo formatos suportados
+     * ou outras orientações para o usuário. Campo obrigatório.
+     */
     subtitle;
+    /**
+     * @description Proporção (aspect ratio) do recorte da imagem.
+     * Por exemplo, `1` para quadrado, `16/9` para widescreen.
+     *
+     * @default 1
+     */
     aspectRatio = 1;
+    /**
+     * @description Configurações de rótulos exibidos no componente de recorte de imagem (cropper).
+     * Permite sobrescrever os textos padrão dos botões e instruções do cropper.
+     */
     cropperLabelsConfig;
+    /**
+     * @description Texto do botão de remoção da foto atual.
+     * Se não informado, utiliza o label padrão de remoção.
+     */
     removeButtonLabel;
+    /**
+     * @description Texto do botão de troca da foto atual.
+     * Se não informado, utiliza o label padrão de alteração.
+     */
     changeButtonLabel;
+    /**
+     * @description Textos personalizados exibidos no diálogo de confirmação
+     * ao remover ou substituir a foto. Permite sobrescrever título, mensagem e botões.
+     */
     confirmationTexts;
+    /**
+     * @description Tamanho máximo permitido para o arquivo de imagem, em bytes.
+     * Quando o arquivo excede esse limite, o output `invalidFile` é emitido.
+     */
     maxFileSize;
+    /**
+     * @description Tipos MIME aceitos pelo input de arquivo.
+     * Exemplo: `"image/jpeg,image/png"`.
+     */
     accept;
+    /**
+     * @description Lista de extensões de arquivo aceitas para validação.
+     * Exemplo: `['.jpg', '.jpeg', '.png']`.
+     *
+     * @default []
+     */
     supportedExtensions = [];
+    /**
+     * @description Imagem atual do componente. Pode ser uma string base64, um objeto
+     * {@link ProfilePicturePickerData} com metadados, ou `null` para sem imagem.
+     *
+     * @default null
+     */
     image = null;
     uploadPicture = null;
     info = null;
     thumbnail = null;
     fileInput = null;
     /**
-     * @deprecated Use imageChange instead.
+     * @deprecated Use `imageChange` em vez deste output.
+     * @description Emitido ao selecionar ou recortar uma nova imagem. Emite a string base64 da imagem.
      */
     changedImage = new EventEmitter();
+    /**
+     * @description Emitido ao selecionar, recortar ou alterar a imagem.
+     * Emite a string base64 ou um objeto {@link ProfilePicturePickerData} com os dados da imagem.
+     */
     imageChange = new EventEmitter();
+    /**
+     * @description Emitido quando o usuário confirma a remoção da foto atual.
+     */
     removedImage = new EventEmitter();
+    /**
+     * @description Emitido quando o arquivo selecionado não passa na validação.
+     * Emite um objeto {@link FileValidationErrors} descrevendo os erros encontrados
+     * (ex.: tamanho excedido, extensão inválida).
+     */
     invalidFile = new EventEmitter();
     get imageBase64() {
         return typeof this.image === 'string' ? this.image : (this.image?.base64 ?? '');

package/fesm2022/seniorsistemas-angular-components-profile-picture-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-profile-picture-picker.mjs","sources":["../../projects/angular-components/profile-picture-picker/src/lib/profile-picture-picker/profile-picture-picker.component.ts","../../projects/angular-components/profile-picture-picker/src/lib/profile-picture-picker/profile-picture-picker.component.html","../../projects/angular-components/profile-picture-picker/src/lib/profile-picture-picker/profile-picture-picker.module.ts","../../projects/angular-components/profile-picture-picker/src/lib/profile-picture-picker/validators/validators.ts","../../projects/angular-components/profile-picture-picker/src/seniorsistemas-angular-components-profile-picture-picker.ts"],"sourcesContent":["import {\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostListener,\n    Input,\n    OnInit,\n    Output,\n    ViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { TranslateService } from '@ngx-translate/core';\nimport { ConfirmationService } from 'primeng/api';\nimport {\n    ConfirmationTexts,\n    CropperLabelsConfig,\n    FileValidationErrors,\n    ProfilePicturePickerData\n} from './models/index';\nimport { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';\nimport { ImageCropperService } from '@seniorsistemas/angular-components/image-cropper';\n\n@Component({\n    selector: 's-profile-picture-picker',\n    templateUrl: 'profile-picture-picker.component.html',\n    styleUrls: ['profile-picture-picker.component.scss'],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ProfilePicturePickerComponent),\n            multi: true,\n        },\n    ],\n})\nexport class ProfilePicturePickerComponent implements OnInit, ControlValueAccessor {\n    @Input()\n    public simpleTitle!: string;\n\n    @Input()\n    public actionTitle!: string;\n\n    @Input({ required: true })\n    public subtitle!: string;\n\n    @Input()\n    public aspectRatio = 1;\n\n    @Input()\n    public cropperLabelsConfig?: CropperLabelsConfig;\n\n    @Input()\n    public removeButtonLabel?: string;\n\n    @Input()\n    public changeButtonLabel?: string;\n\n    @Input()\n    public confirmationTexts?: ConfirmationTexts;\n\n    @Input()\n    public maxFileSize?: number;\n\n    @Input()\n    public accept?: string;\n\n    @Input()\n    public supportedExtensions: string[] = [];\n\n    @Input()\n    public image: string | ProfilePicturePickerData | null = null;\n\n    @ViewChild('uploadPicture')\n    public uploadPicture: ElementRef | null = null;\n\n    @ViewChild('info')\n    public info: ElementRef | null = null;\n\n    @ViewChild('thumbnail', { read: ElementRef })\n    public thumbnail: ElementRef | null = null;\n\n    @ViewChild('fileInput', { read: ElementRef })\n    public fileInput: ElementRef | null = null;\n\n    /**\n     * @deprecated Use imageChange instead.\n     */\n    @Output()\n    public changedImage: EventEmitter<string> = new EventEmitter();\n\n    @Output()\n    public imageChange = new EventEmitter<string | ProfilePicturePickerData>();\n\n    @Output()\n    public removedImage = new EventEmitter();\n\n    @Output()\n    public invalidFile: EventEmitter<FileValidationErrors> = new EventEmitter();\n\n    public get imageBase64(): string {\n        return typeof this.image === 'string' ? this.image : (this.image?.base64 ?? '');\n    }\n\n    private _onChange?: (value: string | ProfilePicturePickerData) => void;\n    private _onTouched?: () => void;\n\n    constructor(\n        private readonly imageCropperService: ImageCropperService,\n        private readonly confirmationService: ConfirmationService,\n        private readonly translateService: TranslateService,\n    ) { }\n\n    public writeValue(value: string | ProfilePicturePickerData): void {\n        this.image = value;\n    }\n\n    public registerOnChange(onChange: (value: string | ProfilePicturePickerData) => void): void {\n        this._onChange = onChange;\n    }\n\n    public registerOnTouched(onTouched: () => void): void {\n        this._onTouched = onTouched;\n    }\n\n    public ngOnInit(): void {\n        this._normalizeSuportedExtensions();\n    }\n\n    @HostListener('dragover', ['$event'])\n    public onDragOver(event: DragEvent) {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    @HostListener('dragleave', ['$event'])\n    public onDragLeave(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    @HostListener('drop', ['$event'])\n    public onDrop(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this._onTouched?.();\n\n        const files: File[] = [];\n        const dataTransferFiles = event.dataTransfer?.files;\n\n        if (!isNullOrUndefined(dataTransferFiles)) {\n            for (let i = 0; i < dataTransferFiles?.length; i++) {\n                const item = dataTransferFiles.item(i);\n                if (!isNullOrUndefined(item)) {\n                    files.push(item);\n                }\n            }\n        }\n\n        this._showImageCropper(files);\n    }\n\n    // Verificando o redimensionamento para ajustar o design para ficar responsivo.\n    @HostListener('window:resize')\n    public onResize(): void {\n        if (this.uploadPicture && this.info && this.thumbnail) {\n            const uploadPictureWidth = this._getWidthElement(this.uploadPicture);\n            const infoWidth = this._getWidthElement(this.info);\n            const thumbnailWidth = this._getWidthElement(this.thumbnail);\n\n            if (thumbnailWidth + infoWidth > uploadPictureWidth) {\n                this.uploadPicture.nativeElement.classList.add('upload-picture--small');\n            } else {\n                this.uploadPicture.nativeElement.classList.remove('upload-picture--small');\n            }\n        }\n    }\n\n    public selectPhoto(): void {\n        const fileInputElement = this.fileInput?.nativeElement;\n        fileInputElement.value = '';\n        fileInputElement.click();\n\n        this._onTouched?.();\n    }\n\n    public removePhoto(): void {\n        this.confirmationService.confirm({\n            message:\n                this.confirmationTexts?.removalMessage ??\n                this.translateService.instant('platform.angular_components.confirmation_remove_image'),\n            acceptLabel:\n                this.confirmationTexts?.removalAcceptLabel ??\n                this.translateService.instant('platform.angular_components.remove'),\n            rejectLabel:\n                this.confirmationTexts?.removalRejectLabel ??\n                this.translateService.instant('platform.angular_components.cancel'),\n            header:\n                this.confirmationTexts?.removalHeader ??\n                this.translateService.instant('platform.angular_components.remove_image'),\n            rejectButtonStyleClass: 'ui-button-secondary',\n            accept: () => {\n                const fileInputElement = this.fileInput?.nativeElement;\n                fileInputElement.value = '';\n                this.image = null;\n                this.removedImage.emit();\n            },\n        });\n    }\n\n    public photoSelected(event: any): void {\n        this._showImageCropper(event.srcElement.files);\n    }\n\n    private _showImageCropper(files: File[]): void {\n        if (!this._validateData(files)) {\n            return;\n        }\n\n        const file = files[0];\n\n        const fileReader = new FileReader();\n        fileReader.readAsDataURL(file);\n        fileReader.onloadend = (fileEvent: any) => {\n            this.imageCropperService.show({\n                imageSource: fileEvent.target.result,\n                croppedImage: (image) => {\n                    this.changedImage.emit(image);\n\n                    const data: ProfilePicturePickerData = { source: file, base64: image };\n\n                    // Se o tipo do image for string eu preciso atualizar e mandar para o imageChange uma string.\n                    // Se for ProfilePicturePickerData eu preciso mandar o data completo.\n                    if (typeof this.image === 'string') {\n                        this.image = image;\n                        this.imageChange.emit(image);\n                    } else {\n                        this.image = data;\n                        this.imageChange.emit(data);\n                    }\n\n                    this._onChange?.(this.image);\n                },\n                changeImage: () => this.selectPhoto(),\n                allowSelectAnother: false,\n                aspectRatio: this.aspectRatio,\n                ...this.cropperLabelsConfig,\n            });\n        };\n    }\n\n    private _normalizeSuportedExtensions(): void {\n        this.supportedExtensions = this.supportedExtensions?.map((extension) =>\n            extension.replace('.', '').toLocaleLowerCase(),\n        );\n    }\n\n    private _validateData(files: File[]): boolean {\n        if (!files.length) {\n            return false;\n        }\n\n        if (files.length > 1) {\n            this.invalidFile.emit({ file: null, validation: 'maxFileLimit' });\n            return false;\n        }\n\n        const file = files[0];\n\n        if (!file.type.includes('image')) {\n            this.invalidFile.emit({ file, validation: 'typeInvalid' });\n            return false;\n        }\n\n        if (!this._validateFileExtension(file)) {\n            this.invalidFile.emit({ file, validation: 'unsupportedExtension' });\n            return false;\n        }\n\n        if (!this._validateFileSize(file)) {\n            this.invalidFile.emit({ file, validation: 'maxFileSize' });\n            return false;\n        }\n\n        return true;\n    }\n\n    private _validateFileExtension(file: File): boolean {\n        if (this.supportedExtensions?.length) {\n            const extension = file.name.split('.').pop()?.toLowerCase() ?? '';\n            return this.supportedExtensions.includes(extension);\n        }\n        return true;\n    }\n\n    private _validateFileSize(file: File): boolean {\n        if (this.maxFileSize) {\n            return file.size <= this.maxFileSize;\n        }\n        return true;\n    }\n\n    private _getWidthElement(element: ElementRef): number {\n        const { left, right } = element.nativeElement.getBoundingClientRect();\n        return right - left;\n    }\n}\n","<p-confirmDialog></p-confirmDialog>\n\n<input\n    #fileInput\n    [accept]=\"accept\"\n    class=\"file-input\"\n    type=\"file\"\n    (change)=\"photoSelected($event)\"\n/>\n<div\n    #uploadPicture\n    class=\"upload-picture\"\n>\n    <s-thumbnail\n        #thumbnail\n        iconClass=\"far fa-user\"\n        [imageSource]=\"imageBase64\"\n        [hasAction]=\"!image\"\n        (click)=\"selectPhoto()\"\n    >\n    </s-thumbnail>\n    <div\n        #info\n        class=\"info\"\n    >\n        @if (image) {\n            <div class=\"buttons\">\n                <s-button\n                    [label]=\"changeButtonLabel || 'platform.angular_components.change_photo' | translate\"\n                    priority=\"primary\"\n                    (clicked)=\"selectPhoto()\"\n                >\n                </s-button>\n                <s-button\n                    [label]=\"removeButtonLabel || 'platform.angular_components.remove' | translate\"\n                    priority=\"secondary\"\n                    (clicked)=\"removePhoto()\"\n                >\n                </s-button>\n            </div>\n        } @else {\n            <p class=\"title\">\n                {{ simpleTitle || 'platform.angular_components.drag_your_photo_or' | translate }}\n                <span\n                    class=\"action-title\"\n                    (click)=\"selectPhoto()\"\n                >\n                    {{ actionTitle || 'platform.angular_components.select_a_file' | translate }}\n                </span>\n            </p>\n        }\n        <p class=\"subtitle\">{{ subtitle }}</p>\n    </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ConfirmationService } from 'primeng/api';\nimport { ConfirmDialogModule } from 'primeng/confirmdialog';\n\nimport { ThumbnailModule } from '@seniorsistemas/angular-components/thumbnail';\n\nimport { ButtonModule } from '@seniorsistemas/angular-components/button';\nimport { ProfilePicturePickerComponent } from './profile-picture-picker.component';\nimport { ImageCropperModule, ImageCropperService } from '@seniorsistemas/angular-components/image-cropper';\n\n@NgModule({\n    imports: [CommonModule, TranslateModule, ButtonModule, ThumbnailModule, ImageCropperModule, ConfirmDialogModule],\n    declarations: [ProfilePicturePickerComponent],\n    exports: [ProfilePicturePickerComponent],\n    providers: [ImageCropperService, ConfirmationService],\n})\nexport class ProfilePicturePickerModule { }\n","import { AbstractControl, ValidatorFn } from \"@angular/forms\";\n\nconst maxFileSize = (size: number): ValidatorFn => {\n    return (control: AbstractControl) => {\n        if (control.value?.source?.size > size) {\n            return {\n                maxFileSize: true,\n            };\n        }\n\n        return null;\n    };\n};\n\nconst fileExtension = (extensions: string[]) => {\n    return (control: AbstractControl) => {\n        if (extensions.length) {\n            const extension = control.value?.source?.name?.split(\".\").pop().toLowerCase();\n            if (extension?.includes(extension)) {\n                return {\n                    fileExtension: true,\n                };\n            }\n        }\n        return null;\n    };\n};\n\nexport const Validators = {\n    maxFileSize,\n    fileExtension,\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"seniorsistemas-angular-components-profile-picture-picker.mjs","sources":["../../projects/angular-components/profile-picture-picker/src/lib/profile-picture-picker/profile-picture-picker.component.ts","../../projects/angular-components/profile-picture-picker/src/lib/profile-picture-picker/profile-picture-picker.component.html","../../projects/angular-components/profile-picture-picker/src/lib/profile-picture-picker/profile-picture-picker.module.ts","../../projects/angular-components/profile-picture-picker/src/lib/profile-picture-picker/validators/validators.ts","../../projects/angular-components/profile-picture-picker/src/seniorsistemas-angular-components-profile-picture-picker.ts"],"sourcesContent":["import {\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostListener,\n    Input,\n    OnInit,\n    Output,\n    ViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { TranslateService } from '@ngx-translate/core';\nimport { ConfirmationService } from 'primeng/api';\nimport { ConfirmationTexts, CropperLabelsConfig, FileValidationErrors, ProfilePicturePickerData } from './models/index';\nimport { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';\nimport { ImageCropperService } from '@seniorsistemas/angular-components/image-cropper';\n\n/**\n * @description Componente para seleção, edição e remoção de foto de perfil do usuário.\n * Permite ao usuário fazer upload de uma imagem, recortá-la com o {@link ImageCropperService}\n * e confirmar ou remover a foto atual. Implementa {@link ControlValueAccessor} para uso\n * em formulários reativos e template-driven do Angular.\n *\n * @example\n * ```html\n * <s-profile-picture-picker\n *   formControlName=\"avatar\"\n *   subtitle=\"Formatos aceitos: JPG e PNG\"\n *   [maxFileSize]=\"2097152\"\n *   accept=\"image/jpeg,image/png\"\n *   (imageChange)=\"onImageChange($event)\"\n *   (removedImage)=\"onImageRemoved()\" />\n * ```\n *\n * @category Inputs\n */\n@Component({\n    selector: 's-profile-picture-picker',\n    templateUrl: 'profile-picture-picker.component.html',\n    styleUrls: ['profile-picture-picker.component.scss'],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ProfilePicturePickerComponent),\n            multi: true,\n        },\n    ],\n})\nexport class ProfilePicturePickerComponent implements OnInit, ControlValueAccessor {\n    /**\n     * @description Título simples exibido quando nenhuma imagem está selecionada.\n     */\n    @Input()\n    public simpleTitle!: string;\n\n    /**\n     * @description Título de ação exibido como label principal do botão de upload.\n     */\n    @Input()\n    public actionTitle!: string;\n\n    /**\n     * @description Legenda exibida abaixo do título, descrevendo formatos suportados\n     * ou outras orientações para o usuário. Campo obrigatório.\n     */\n    @Input({ required: true })\n    public subtitle!: string;\n\n    /**\n     * @description Proporção (aspect ratio) do recorte da imagem.\n     * Por exemplo, `1` para quadrado, `16/9` para widescreen.\n     *\n     * @default 1\n     */\n    @Input()\n    public aspectRatio = 1;\n\n    /**\n     * @description Configurações de rótulos exibidos no componente de recorte de imagem (cropper).\n     * Permite sobrescrever os textos padrão dos botões e instruções do cropper.\n     */\n    @Input()\n    public cropperLabelsConfig?: CropperLabelsConfig;\n\n    /**\n     * @description Texto do botão de remoção da foto atual.\n     * Se não informado, utiliza o label padrão de remoção.\n     */\n    @Input()\n    public removeButtonLabel?: string;\n\n    /**\n     * @description Texto do botão de troca da foto atual.\n     * Se não informado, utiliza o label padrão de alteração.\n     */\n    @Input()\n    public changeButtonLabel?: string;\n\n    /**\n     * @description Textos personalizados exibidos no diálogo de confirmação\n     * ao remover ou substituir a foto. Permite sobrescrever título, mensagem e botões.\n     */\n    @Input()\n    public confirmationTexts?: ConfirmationTexts;\n\n    /**\n     * @description Tamanho máximo permitido para o arquivo de imagem, em bytes.\n     * Quando o arquivo excede esse limite, o output `invalidFile` é emitido.\n     */\n    @Input()\n    public maxFileSize?: number;\n\n    /**\n     * @description Tipos MIME aceitos pelo input de arquivo.\n     * Exemplo: `\"image/jpeg,image/png\"`.\n     */\n    @Input()\n    public accept?: string;\n\n    /**\n     * @description Lista de extensões de arquivo aceitas para validação.\n     * Exemplo: `['.jpg', '.jpeg', '.png']`.\n     *\n     * @default []\n     */\n    @Input()\n    public supportedExtensions: string[] = [];\n\n    /**\n     * @description Imagem atual do componente. Pode ser uma string base64, um objeto\n     * {@link ProfilePicturePickerData} com metadados, ou `null` para sem imagem.\n     *\n     * @default null\n     */\n    @Input()\n    public image: string | ProfilePicturePickerData | null = null;\n\n    @ViewChild('uploadPicture')\n    public uploadPicture: ElementRef | null = null;\n\n    @ViewChild('info')\n    public info: ElementRef | null = null;\n\n    @ViewChild('thumbnail', { read: ElementRef })\n    public thumbnail: ElementRef | null = null;\n\n    @ViewChild('fileInput', { read: ElementRef })\n    public fileInput: ElementRef | null = null;\n\n    /**\n     * @deprecated Use `imageChange` em vez deste output.\n     * @description Emitido ao selecionar ou recortar uma nova imagem. Emite a string base64 da imagem.\n     */\n    @Output()\n    public changedImage: EventEmitter<string> = new EventEmitter();\n\n    /**\n     * @description Emitido ao selecionar, recortar ou alterar a imagem.\n     * Emite a string base64 ou um objeto {@link ProfilePicturePickerData} com os dados da imagem.\n     */\n    @Output()\n    public imageChange = new EventEmitter<string | ProfilePicturePickerData>();\n\n    /**\n     * @description Emitido quando o usuário confirma a remoção da foto atual.\n     */\n    @Output()\n    public removedImage = new EventEmitter();\n\n    /**\n     * @description Emitido quando o arquivo selecionado não passa na validação.\n     * Emite um objeto {@link FileValidationErrors} descrevendo os erros encontrados\n     * (ex.: tamanho excedido, extensão inválida).\n     */\n    @Output()\n    public invalidFile: EventEmitter<FileValidationErrors> = new EventEmitter();\n\n    public get imageBase64(): string {\n        return typeof this.image === 'string' ? this.image : (this.image?.base64 ?? '');\n    }\n\n    private _onChange?: (value: string | ProfilePicturePickerData) => void;\n    private _onTouched?: () => void;\n\n    constructor(\n        private readonly imageCropperService: ImageCropperService,\n        private readonly confirmationService: ConfirmationService,\n        private readonly translateService: TranslateService,\n    ) {}\n\n    public writeValue(value: string | ProfilePicturePickerData): void {\n        this.image = value;\n    }\n\n    public registerOnChange(onChange: (value: string | ProfilePicturePickerData) => void): void {\n        this._onChange = onChange;\n    }\n\n    public registerOnTouched(onTouched: () => void): void {\n        this._onTouched = onTouched;\n    }\n\n    public ngOnInit(): void {\n        this._normalizeSuportedExtensions();\n    }\n\n    @HostListener('dragover', ['$event'])\n    public onDragOver(event: DragEvent) {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    @HostListener('dragleave', ['$event'])\n    public onDragLeave(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    @HostListener('drop', ['$event'])\n    public onDrop(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this._onTouched?.();\n\n        const files: File[] = [];\n        const dataTransferFiles = event.dataTransfer?.files;\n\n        if (!isNullOrUndefined(dataTransferFiles)) {\n            for (let i = 0; i < dataTransferFiles?.length; i++) {\n                const item = dataTransferFiles.item(i);\n                if (!isNullOrUndefined(item)) {\n                    files.push(item);\n                }\n            }\n        }\n\n        this._showImageCropper(files);\n    }\n\n    // Verificando o redimensionamento para ajustar o design para ficar responsivo.\n    @HostListener('window:resize')\n    public onResize(): void {\n        if (this.uploadPicture && this.info && this.thumbnail) {\n            const uploadPictureWidth = this._getWidthElement(this.uploadPicture);\n            const infoWidth = this._getWidthElement(this.info);\n            const thumbnailWidth = this._getWidthElement(this.thumbnail);\n\n            if (thumbnailWidth + infoWidth > uploadPictureWidth) {\n                this.uploadPicture.nativeElement.classList.add('upload-picture--small');\n            } else {\n                this.uploadPicture.nativeElement.classList.remove('upload-picture--small');\n            }\n        }\n    }\n\n    public selectPhoto(): void {\n        const fileInputElement = this.fileInput?.nativeElement;\n        fileInputElement.value = '';\n        fileInputElement.click();\n\n        this._onTouched?.();\n    }\n\n    public removePhoto(): void {\n        this.confirmationService.confirm({\n            message:\n                this.confirmationTexts?.removalMessage ??\n                this.translateService.instant('platform.angular_components.confirmation_remove_image'),\n            acceptLabel:\n                this.confirmationTexts?.removalAcceptLabel ??\n                this.translateService.instant('platform.angular_components.remove'),\n            rejectLabel:\n                this.confirmationTexts?.removalRejectLabel ??\n                this.translateService.instant('platform.angular_components.cancel'),\n            header:\n                this.confirmationTexts?.removalHeader ??\n                this.translateService.instant('platform.angular_components.remove_image'),\n            rejectButtonStyleClass: 'ui-button-secondary',\n            accept: () => {\n                const fileInputElement = this.fileInput?.nativeElement;\n                fileInputElement.value = '';\n                this.image = null;\n                this.removedImage.emit();\n            },\n        });\n    }\n\n    public photoSelected(event: any): void {\n        this._showImageCropper(event.srcElement.files);\n    }\n\n    private _showImageCropper(files: File[]): void {\n        if (!this._validateData(files)) {\n            return;\n        }\n\n        const file = files[0];\n\n        const fileReader = new FileReader();\n        fileReader.readAsDataURL(file);\n        fileReader.onloadend = (fileEvent: any) => {\n            this.imageCropperService.show({\n                imageSource: fileEvent.target.result,\n                croppedImage: (image) => {\n                    this.changedImage.emit(image);\n\n                    const data: ProfilePicturePickerData = { source: file, base64: image };\n\n                    // Se o tipo do image for string eu preciso atualizar e mandar para o imageChange uma string.\n                    // Se for ProfilePicturePickerData eu preciso mandar o data completo.\n                    if (typeof this.image === 'string') {\n                        this.image = image;\n                        this.imageChange.emit(image);\n                    } else {\n                        this.image = data;\n                        this.imageChange.emit(data);\n                    }\n\n                    this._onChange?.(this.image);\n                },\n                changeImage: () => this.selectPhoto(),\n                allowSelectAnother: false,\n                aspectRatio: this.aspectRatio,\n                ...this.cropperLabelsConfig,\n            });\n        };\n    }\n\n    private _normalizeSuportedExtensions(): void {\n        this.supportedExtensions = this.supportedExtensions?.map((extension) =>\n            extension.replace('.', '').toLocaleLowerCase(),\n        );\n    }\n\n    private _validateData(files: File[]): boolean {\n        if (!files.length) {\n            return false;\n        }\n\n        if (files.length > 1) {\n            this.invalidFile.emit({ file: null, validation: 'maxFileLimit' });\n            return false;\n        }\n\n        const file = files[0];\n\n        if (!file.type.includes('image')) {\n            this.invalidFile.emit({ file, validation: 'typeInvalid' });\n            return false;\n        }\n\n        if (!this._validateFileExtension(file)) {\n            this.invalidFile.emit({ file, validation: 'unsupportedExtension' });\n            return false;\n        }\n\n        if (!this._validateFileSize(file)) {\n            this.invalidFile.emit({ file, validation: 'maxFileSize' });\n            return false;\n        }\n\n        return true;\n    }\n\n    private _validateFileExtension(file: File): boolean {\n        if (this.supportedExtensions?.length) {\n            const extension = file.name.split('.').pop()?.toLowerCase() ?? '';\n            return this.supportedExtensions.includes(extension);\n        }\n        return true;\n    }\n\n    private _validateFileSize(file: File): boolean {\n        if (this.maxFileSize) {\n            return file.size <= this.maxFileSize;\n        }\n        return true;\n    }\n\n    private _getWidthElement(element: ElementRef): number {\n        const { left, right } = element.nativeElement.getBoundingClientRect();\n        return right - left;\n    }\n}\n\n","<p-confirmDialog></p-confirmDialog>\n\n<input\n    #fileInput\n    [accept]=\"accept\"\n    class=\"file-input\"\n    type=\"file\"\n    (change)=\"photoSelected($event)\"\n/>\n<div\n    #uploadPicture\n    class=\"upload-picture\"\n>\n    <s-thumbnail\n        #thumbnail\n        iconClass=\"far fa-user\"\n        [imageSource]=\"imageBase64\"\n        [hasAction]=\"!image\"\n        (click)=\"selectPhoto()\"\n    >\n    </s-thumbnail>\n    <div\n        #info\n        class=\"info\"\n    >\n        @if (image) {\n            <div class=\"buttons\">\n                <s-button\n                    [label]=\"changeButtonLabel || 'platform.angular_components.change_photo' | translate\"\n                    priority=\"primary\"\n                    (clicked)=\"selectPhoto()\"\n                >\n                </s-button>\n                <s-button\n                    [label]=\"removeButtonLabel || 'platform.angular_components.remove' | translate\"\n                    priority=\"secondary\"\n                    (clicked)=\"removePhoto()\"\n                >\n                </s-button>\n            </div>\n        } @else {\n            <p class=\"title\">\n                {{ simpleTitle || 'platform.angular_components.drag_your_photo_or' | translate }}\n                <span\n                    class=\"action-title\"\n                    (click)=\"selectPhoto()\"\n                >\n                    {{ actionTitle || 'platform.angular_components.select_a_file' | translate }}\n                </span>\n            </p>\n        }\n        <p class=\"subtitle\">{{ subtitle }}</p>\n    </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ConfirmationService } from 'primeng/api';\nimport { ConfirmDialogModule } from 'primeng/confirmdialog';\n\nimport { ThumbnailModule } from '@seniorsistemas/angular-components/thumbnail';\n\nimport { ButtonModule } from '@seniorsistemas/angular-components/button';\nimport { ProfilePicturePickerComponent } from './profile-picture-picker.component';\nimport { ImageCropperModule, ImageCropperService } from '@seniorsistemas/angular-components/image-cropper';\n\n@NgModule({\n    imports: [CommonModule, TranslateModule, ButtonModule, ThumbnailModule, ImageCropperModule, ConfirmDialogModule],\n    declarations: [ProfilePicturePickerComponent],\n    exports: [ProfilePicturePickerComponent],\n    providers: [ImageCropperService, ConfirmationService],\n})\nexport class ProfilePicturePickerModule { }\n","import { AbstractControl, ValidatorFn } from \"@angular/forms\";\n\nconst maxFileSize = (size: number): ValidatorFn => {\n    return (control: AbstractControl) => {\n        if (control.value?.source?.size > size) {\n            return {\n                maxFileSize: true,\n            };\n        }\n\n        return null;\n    };\n};\n\nconst fileExtension = (extensions: string[]) => {\n    return (control: AbstractControl) => {\n        if (extensions.length) {\n            const extension = control.value?.source?.name?.split(\".\").pop().toLowerCase();\n            if (extension?.includes(extension)) {\n                return {\n                    fileExtension: true,\n                };\n            }\n        }\n        return null;\n    };\n};\n\nexport const Validators = {\n    maxFileSize,\n    fileExtension,\n};\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-progressbar.mjs

@@ -76,19 +76,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+/**
+ * @description Componente de barra de progresso que representa visualmente o avanço de uma tarefa.
+ * Suporta modo determinado (valor percentual) e indeterminado (progresso desconhecido),
+ * além de um valor-alvo para comparação.
+ *
+ * @example
+ * ```html
+ * <s-progressbar
+ *   [value]="75"
+ *   activeColor="blue"
+ *   label="Upload"
+ *   [showValue]="true"
+ * />
+ * ```
+ *
+ * @category Feedback
+ */
 class ProgressBarComponent {
+    /**
+     * @description Valor atual do progresso, em percentual (0 a 100).
+     * Não utilizado quando `mode` é `'indeterminate'`.
+     * Lança erro se o valor estiver fora do intervalo permitido.
+     */
     value;
+    /**
+     * @description Cor ativa da barra de progresso. Campo obrigatório.
+     * Valores aceitos: `'blue'`, `'green'`, `'red'`, `'yellow'`.
+     */
     activeColor;
+    /**
+     * @description Opções de formatação numérica utilizadas para exibir o valor percentual.
+     * Baseado na API `Intl.NumberFormat`.
+     *
+     * @default `{ style: 'decimal', minimumFractionDigits: 0, maximumFractionDigits: 2 }`
+     */
     numberFormatOptions = {
-        style: "decimal",
+        style: 'decimal',
         minimumFractionDigits: 0,
         maximumFractionDigits: 2,
-        roundingMode: "trunc",
+        roundingMode: 'trunc',
     };
+    /**
+     * @description Valor-alvo em percentual (0 a 100), exibido como marcador de referência na barra.
+     * Não utilizado quando `mode` é `'indeterminate'`.
+     */
     targetValue;
+    /** @description Rótulo descritivo exibido ao lado da barra de progresso principal. */
     label;
+    /** @description Rótulo descritivo exibido ao lado do marcador de valor-alvo. */
     targetLabel;
+    /**
+     * @description Quando `true`, exibe o valor percentual atual sobre ou próximo da barra.
+     *
+     * @default true
+     */
     showValue = true;
+    /**
+     * @description Modo de operação da barra de progresso.
+     * - `'determinate'`: exibe o progresso baseado em `value` (padrão).
+     * - `'indeterminate'`: animação contínua sem valor definido; `value`, `targetValue` e `targetLabel` não devem ser usados.
+     *
+     * @default 'determinate'
+     */
     mode = 'determinate';
     ngOnInit() {
         this.validateInputs();

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

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-progressbar.mjs","sources":["../../projects/angular-components/progressbar/src/lib/progressbar/components/progressbar-determinate/progressbar-determinate.component.ts","../../projects/angular-components/progressbar/src/lib/progressbar/components/progressbar-determinate/progressbar-determinate.component.html","../../projects/angular-components/progressbar/src/lib/progressbar/components/progressbar-indeterminate/progressbar-indeterminate.component.ts","../../projects/angular-components/progressbar/src/lib/progressbar/components/progressbar-indeterminate/progressbar-indeterminate.component.html","../../projects/angular-components/progressbar/src/lib/progressbar/progressbar.component.ts","../../projects/angular-components/progressbar/src/lib/progressbar/progressbar.component.html","../../projects/angular-components/progressbar/src/lib/progressbar/progressbar.module.ts","../../projects/angular-components/progressbar/src/seniorsistemas-angular-components-progressbar.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\nimport { ProgressBarColors } from '../../types';\nimport { LocaleService } from '@seniorsistemas/angular-components/locale';\n\n@Component({\n\tselector: 's-progressbar-determinate',\n\ttemplateUrl: './progressbar-determinate.component.html',\n\tstyleUrls: ['./progressbar-determinate.component.scss'],\n})\nexport class ProgressBarDeterminateComponent implements OnInit {\n\t@Input({ required: true })\n\tpublic value!: number;\n\n\t@Input({ required: true })\n\tpublic activeColor!: ProgressBarColors;\n\n\t@Input()\n\tpublic numberFormatOptions?: Intl.NumberFormatOptions;\n\n\t@Input()\n\tpublic targetValue?: number;\n\n\t@Input()\n\tpublic targetLabel?: string;\n\n\t@Input()\n\tpublic showValue = true;\n\n\tpublic numberFormat?: Intl.NumberFormat = new Intl.NumberFormat('pt-BR');\n\n\tconstructor(private readonly localeService: LocaleService) { }\n\n\tpublic ngOnInit() {\n\t\tthis.validateValues();\n\n\t\tthis.onGetLocale();\n\t}\n\n\tprivate onGetLocale(): void {\n\t\tthis.localeService.getLocale().subscribe({\n\t\t\tnext: (locale) => {\n\t\t\t\tthis.numberFormat = new Intl.NumberFormat(locale ?? 'pt-BR', this.numberFormatOptions);\n\t\t\t},\n\t\t\terror: () => {\n\t\t\t\tthis.numberFormat = new Intl.NumberFormat('pt-BR', this.numberFormatOptions);\n\t\t\t},\n\t\t});\n\t}\n\n\tprivate validateValues(): void {\n\t\tif (this.value < 0 || this.value > 100) {\n\t\t\tthrow new Error('Invalid value for value');\n\t\t}\n\t\tif (this.targetValue && (this.targetValue < 0 || this.targetValue > 100)) {\n\t\t\tthrow new Error('Invalid value for targetValue');\n\t\t}\n\t}\n}\n","<div class=\"progressbar-determinate\">\n    <div class=\"progressbar-container\">\n        <div\n            class=\"progressbar-active\"\n            [ngClass]=\"{\n                'progressbar-active--blue': activeColor === 'blue',\n                'progressbar-active--green': activeColor === 'green',\n                'progressbar-active--red': activeColor === 'red',\n                'progressbar-active--yellow': activeColor === 'yellow',\n            }\"\n            [ngStyle]=\"{ width: value + '%' }\"\n        >\n            {{ showValue && value ? numberFormat?.format(value) + '%' : '' }}\n        </div>\n    </div>\n    @if (targetValue) {\n        <div\n            class=\"target\"\n            [ngStyle]=\"{\n                left: targetValue <= 50 ? targetValue + '%' : 'unset',\n                right: targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n                'align-items': targetValue > 50 ? 'flex-end' : 'flex-start',\n            }\"\n        >\n            <span class=\"target-line\"></span>\n            <span class=\"target-label\">\n                {{ targetLabel || numberFormat?.format(value) + '%' }}\n            </span>\n        </div>\n    }\n</div>\n","import { Component, Input } from '@angular/core';\n\nimport { ProgressBarColors } from '../../types';\n\n@Component({\n    selector: 's-progressbar-indeterminate',\n    templateUrl: './progressbar-indeterminate.component.html',\n    styleUrls: ['./progressbar-indeterminate.component.scss'],\n})\nexport class ProgressBarIndeterminateComponent {\n    @Input({ required: true })\n    public activeColor!: ProgressBarColors;\n\n    @Input()\n    public label?: string;\n}\n","<div class=\"progressbar-indeterminate\">\n    <div class=\"progressbar-container\">\n        <div class=\"indeterminate-bar\" [ngClass]=\"{\n            'indeterminate-bar--blue': activeColor === 'blue',\n            'indeterminate-bar--green': activeColor === 'green',\n            'indeterminate-bar--red': activeColor === 'red',\n            'indeterminate-bar--yellow': activeColor === 'yellow'\n        }\"></div>\n    </div>\n\n    @if (label) {\n        <span class=\"progressbar-label\">{{ label }}</span>\n    }\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\n\nimport { ProgressBarColors, ProgressBarMode } from './types';\n\n@Component({\n    selector: 's-progressbar',\n    templateUrl: './progressbar.component.html',\n    styleUrls: ['./progressbar.component.scss'],\n})\nexport class ProgressBarComponent implements OnInit {\n    @Input()\n    public value!: number;\n\n    @Input({ required: true })\n    public activeColor!: ProgressBarColors;\n\n    @Input()\n    public numberFormatOptions: Intl.NumberFormatOptions = {\n        style: \"decimal\",\n        minimumFractionDigits: 0,\n        maximumFractionDigits: 2,\n        roundingMode: \"trunc\",\n    };\n\n    @Input()\n    public targetValue?: number;\n\n    @Input()\n    public label?: string;\n\n    @Input()\n    public targetLabel?: string;\n\n    @Input()\n    public showValue = true;\n\n    @Input()\n    public mode: ProgressBarMode = 'determinate';\n\n    public ngOnInit(): void {\n        this.validateInputs();\n    }\n\n    private validateInputs(): void {\n        if (this.value < 0 || this.value > 100) {\n            throw new Error('Invalid value for value');\n        }\n\n        if (this.targetValue && (this.targetValue < 0 || this.targetValue > 100)) {\n            throw new Error('Invalid value for targetValue');\n        }\n\n        if (this.mode === 'indeterminate' && (this.value || this.targetValue || this.targetLabel)) {\n            throw new Error('When the mode is indeterminate, the value, targetValue and targetLabel parameters are not expected.');\n        }\n    }\n}\n","@if (mode === 'determinate') {\n    <s-progressbar-determinate\n        [value]=\"value\"\n        [numberFormatOptions]=\"numberFormatOptions\"\n        [targetValue]=\"targetValue\"\n        [targetLabel]=\"targetLabel\"\n        [activeColor]=\"activeColor\"\n        [showValue]=\"showValue\"\n    >\n    </s-progressbar-determinate>\n} @else {\n    <s-progressbar-indeterminate\n        [activeColor]=\"activeColor\"\n        [label]=\"label\"\n    >\n    </s-progressbar-indeterminate>\n}\n","/* eslint-disable max-len */\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ProgressBarComponent } from './progressbar.component';\nimport { ProgressBarDeterminateComponent } from './components/progressbar-determinate/progressbar-determinate.component';\nimport { ProgressBarIndeterminateComponent } from './components/progressbar-indeterminate/progressbar-indeterminate.component';\n\n@NgModule({\n\timports: [CommonModule],\n\tdeclarations: [ProgressBarComponent, ProgressBarDeterminateComponent, ProgressBarIndeterminateComponent],\n\texports: [ProgressBarComponent],\n})\nexport class ProgressBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i1.ProgressBarDeterminateComponent","i2.ProgressBarIndeterminateComponent"],"mappings":"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"}
+{"version":3,"file":"seniorsistemas-angular-components-progressbar.mjs","sources":["../../projects/angular-components/progressbar/src/lib/progressbar/components/progressbar-determinate/progressbar-determinate.component.ts","../../projects/angular-components/progressbar/src/lib/progressbar/components/progressbar-determinate/progressbar-determinate.component.html","../../projects/angular-components/progressbar/src/lib/progressbar/components/progressbar-indeterminate/progressbar-indeterminate.component.ts","../../projects/angular-components/progressbar/src/lib/progressbar/components/progressbar-indeterminate/progressbar-indeterminate.component.html","../../projects/angular-components/progressbar/src/lib/progressbar/progressbar.component.ts","../../projects/angular-components/progressbar/src/lib/progressbar/progressbar.component.html","../../projects/angular-components/progressbar/src/lib/progressbar/progressbar.module.ts","../../projects/angular-components/progressbar/src/seniorsistemas-angular-components-progressbar.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\nimport { ProgressBarColors } from '../../types';\nimport { LocaleService } from '@seniorsistemas/angular-components/locale';\n\n@Component({\n\tselector: 's-progressbar-determinate',\n\ttemplateUrl: './progressbar-determinate.component.html',\n\tstyleUrls: ['./progressbar-determinate.component.scss'],\n})\nexport class ProgressBarDeterminateComponent implements OnInit {\n\t@Input({ required: true })\n\tpublic value!: number;\n\n\t@Input({ required: true })\n\tpublic activeColor!: ProgressBarColors;\n\n\t@Input()\n\tpublic numberFormatOptions?: Intl.NumberFormatOptions;\n\n\t@Input()\n\tpublic targetValue?: number;\n\n\t@Input()\n\tpublic targetLabel?: string;\n\n\t@Input()\n\tpublic showValue = true;\n\n\tpublic numberFormat?: Intl.NumberFormat = new Intl.NumberFormat('pt-BR');\n\n\tconstructor(private readonly localeService: LocaleService) { }\n\n\tpublic ngOnInit() {\n\t\tthis.validateValues();\n\n\t\tthis.onGetLocale();\n\t}\n\n\tprivate onGetLocale(): void {\n\t\tthis.localeService.getLocale().subscribe({\n\t\t\tnext: (locale) => {\n\t\t\t\tthis.numberFormat = new Intl.NumberFormat(locale ?? 'pt-BR', this.numberFormatOptions);\n\t\t\t},\n\t\t\terror: () => {\n\t\t\t\tthis.numberFormat = new Intl.NumberFormat('pt-BR', this.numberFormatOptions);\n\t\t\t},\n\t\t});\n\t}\n\n\tprivate validateValues(): void {\n\t\tif (this.value < 0 || this.value > 100) {\n\t\t\tthrow new Error('Invalid value for value');\n\t\t}\n\t\tif (this.targetValue && (this.targetValue < 0 || this.targetValue > 100)) {\n\t\t\tthrow new Error('Invalid value for targetValue');\n\t\t}\n\t}\n}\n","<div class=\"progressbar-determinate\">\n    <div class=\"progressbar-container\">\n        <div\n            class=\"progressbar-active\"\n            [ngClass]=\"{\n                'progressbar-active--blue': activeColor === 'blue',\n                'progressbar-active--green': activeColor === 'green',\n                'progressbar-active--red': activeColor === 'red',\n                'progressbar-active--yellow': activeColor === 'yellow',\n            }\"\n            [ngStyle]=\"{ width: value + '%' }\"\n        >\n            {{ showValue && value ? numberFormat?.format(value) + '%' : '' }}\n        </div>\n    </div>\n    @if (targetValue) {\n        <div\n            class=\"target\"\n            [ngStyle]=\"{\n                left: targetValue <= 50 ? targetValue + '%' : 'unset',\n                right: targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n                'align-items': targetValue > 50 ? 'flex-end' : 'flex-start',\n            }\"\n        >\n            <span class=\"target-line\"></span>\n            <span class=\"target-label\">\n                {{ targetLabel || numberFormat?.format(value) + '%' }}\n            </span>\n        </div>\n    }\n</div>\n","import { Component, Input } from '@angular/core';\n\nimport { ProgressBarColors } from '../../types';\n\n@Component({\n    selector: 's-progressbar-indeterminate',\n    templateUrl: './progressbar-indeterminate.component.html',\n    styleUrls: ['./progressbar-indeterminate.component.scss'],\n})\nexport class ProgressBarIndeterminateComponent {\n    @Input({ required: true })\n    public activeColor!: ProgressBarColors;\n\n    @Input()\n    public label?: string;\n}\n","<div class=\"progressbar-indeterminate\">\n    <div class=\"progressbar-container\">\n        <div class=\"indeterminate-bar\" [ngClass]=\"{\n            'indeterminate-bar--blue': activeColor === 'blue',\n            'indeterminate-bar--green': activeColor === 'green',\n            'indeterminate-bar--red': activeColor === 'red',\n            'indeterminate-bar--yellow': activeColor === 'yellow'\n        }\"></div>\n    </div>\n\n    @if (label) {\n        <span class=\"progressbar-label\">{{ label }}</span>\n    }\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\n\nimport { ProgressBarColors, ProgressBarMode } from './types';\n\n/**\n * @description Componente de barra de progresso que representa visualmente o avanço de uma tarefa.\n * Suporta modo determinado (valor percentual) e indeterminado (progresso desconhecido),\n * além de um valor-alvo para comparação.\n *\n * @example\n * ```html\n * <s-progressbar\n *   [value]=\"75\"\n *   activeColor=\"blue\"\n *   label=\"Upload\"\n *   [showValue]=\"true\"\n * />\n * ```\n *\n * @category Feedback\n */\n@Component({\n    selector: 's-progressbar',\n    templateUrl: './progressbar.component.html',\n    styleUrls: ['./progressbar.component.scss'],\n})\nexport class ProgressBarComponent implements OnInit {\n    /**\n     * @description Valor atual do progresso, em percentual (0 a 100).\n     * Não utilizado quando `mode` é `'indeterminate'`.\n     * Lança erro se o valor estiver fora do intervalo permitido.\n     */\n    @Input()\n    public value!: number;\n\n    /**\n     * @description Cor ativa da barra de progresso. Campo obrigatório.\n     * Valores aceitos: `'blue'`, `'green'`, `'red'`, `'yellow'`.\n     */\n    @Input({ required: true })\n    public activeColor!: ProgressBarColors;\n\n    /**\n     * @description Opções de formatação numérica utilizadas para exibir o valor percentual.\n     * Baseado na API `Intl.NumberFormat`.\n     *\n     * @default `{ style: 'decimal', minimumFractionDigits: 0, maximumFractionDigits: 2 }`\n     */\n    @Input()\n    public numberFormatOptions: Intl.NumberFormatOptions = {\n        style: 'decimal',\n        minimumFractionDigits: 0,\n        maximumFractionDigits: 2,\n        roundingMode: 'trunc',\n    };\n\n    /**\n     * @description Valor-alvo em percentual (0 a 100), exibido como marcador de referência na barra.\n     * Não utilizado quando `mode` é `'indeterminate'`.\n     */\n    @Input()\n    public targetValue?: number;\n\n    /** @description Rótulo descritivo exibido ao lado da barra de progresso principal. */\n    @Input()\n    public label?: string;\n\n    /** @description Rótulo descritivo exibido ao lado do marcador de valor-alvo. */\n    @Input()\n    public targetLabel?: string;\n\n    /**\n     * @description Quando `true`, exibe o valor percentual atual sobre ou próximo da barra.\n     *\n     * @default true\n     */\n    @Input()\n    public showValue = true;\n\n    /**\n     * @description Modo de operação da barra de progresso.\n     * - `'determinate'`: exibe o progresso baseado em `value` (padrão).\n     * - `'indeterminate'`: animação contínua sem valor definido; `value`, `targetValue` e `targetLabel` não devem ser usados.\n     *\n     * @default 'determinate'\n     */\n    @Input()\n    public mode: ProgressBarMode = 'determinate';\n\n    public ngOnInit(): void {\n        this.validateInputs();\n    }\n\n    private validateInputs(): void {\n        if (this.value < 0 || this.value > 100) {\n            throw new Error('Invalid value for value');\n        }\n\n        if (this.targetValue && (this.targetValue < 0 || this.targetValue > 100)) {\n            throw new Error('Invalid value for targetValue');\n        }\n\n        if (this.mode === 'indeterminate' && (this.value || this.targetValue || this.targetLabel)) {\n            throw new Error(\n                'When the mode is indeterminate, the value, targetValue and targetLabel parameters are not expected.',\n            );\n        }\n    }\n}\n\n","@if (mode === 'determinate') {\n    <s-progressbar-determinate\n        [value]=\"value\"\n        [numberFormatOptions]=\"numberFormatOptions\"\n        [targetValue]=\"targetValue\"\n        [targetLabel]=\"targetLabel\"\n        [activeColor]=\"activeColor\"\n        [showValue]=\"showValue\"\n    >\n    </s-progressbar-determinate>\n} @else {\n    <s-progressbar-indeterminate\n        [activeColor]=\"activeColor\"\n        [label]=\"label\"\n    >\n    </s-progressbar-indeterminate>\n}\n","/* eslint-disable max-len */\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ProgressBarComponent } from './progressbar.component';\nimport { ProgressBarDeterminateComponent } from './components/progressbar-determinate/progressbar-determinate.component';\nimport { ProgressBarIndeterminateComponent } from './components/progressbar-indeterminate/progressbar-indeterminate.component';\n\n@NgModule({\n\timports: [CommonModule],\n\tdeclarations: [ProgressBarComponent, ProgressBarDeterminateComponent, ProgressBarIndeterminateComponent],\n\texports: [ProgressBarComponent],\n})\nexport class ProgressBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i1.ProgressBarDeterminateComponent","i2.ProgressBarIndeterminateComponent"],"mappings":"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"}