@seniorsistemas/angular-components 18.0.1 → 18.0.3

package/numeric-mask/lib/numeric-mask/numeric-mask.directive.d.ts

@@ -0,0 +1,195 @@
+import { OnInit } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * Numeric mask directive with internationalization support.
+ *
+ * Formats numeric values according to the specified locale, applying
+ * appropriate thousand and decimal separators, with support for negative values,
+ * min/max decimal places control, and scientific notation.
+ *
+ * @example
+ * ```html
+ * <input
+ *   type="text"
+ *   sNumericMask
+ *   [locale]="'pt-BR'"
+ *   [minDecimalPlaces]="2"
+ *   [maxDecimalPlaces]="2"
+ *   [allowNegative]="true"
+ *   [(ngModel)]="value"
+ * />
+ * ```
+ */
+export declare class NumericMaskDirective implements OnInit, ControlValueAccessor, Validator {
+    /**
+     * Locale for formatting (e.g. 'pt-BR', 'en-US', 'de-DE')
+     * If not provided, uses the locale from LocaleService
+     */
+    locale: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Minimum number of decimal places to display
+     * @default 0
+     */
+    minDecimalPlaces: import("@angular/core").InputSignal<number>;
+    /**
+     * Maximum number of decimal places allowed
+     * @default 10
+     */
+    maxDecimalPlaces: import("@angular/core").InputSignal<number>;
+    /**
+     * Allows negative values
+     * @default false
+     */
+    allowNegative: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Enables scientific notation support
+     * @default true
+     */
+    allowScientificNotation: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Text alignment in input
+     * @default 'right'
+     */
+    textAlign: import("@angular/core").InputSignal<"left" | "right">;
+    /**
+     * Minimum value allowed
+     */
+    min: import("@angular/core").InputSignal<number | undefined>;
+    /**
+     * Maximum value allowed
+     */
+    max: import("@angular/core").InputSignal<number | undefined>;
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly localeService;
+    private onChange;
+    private onTouched;
+    private decimalSeparator;
+    private thousandSeparator;
+    private currentLocale;
+    private lastModelValue;
+    constructor();
+    ngOnInit(): void;
+    /**
+     * Listener for input events (typing)
+     */
+    onInput(event: Event): void;
+    /**
+     * Listener for focus events (gaining focus)
+     */
+    onFocus(): void;
+    /**
+     * Listener for blur events (focus loss)
+     */
+    onBlur(): void;
+    /**
+     * Listener for paste events (clipboard)
+     */
+    onPaste(event: ClipboardEvent): void;
+    /**
+     * Listener for special keys (+ and -)
+     */
+    onKeyDown(event: KeyboardEvent): void;
+    /**
+     * Listener for keypress to block invalid characters
+     */
+    onKeyPress(event: KeyboardEvent): void;
+    /**
+     * Updates separators according to the locale
+     * @private
+     */
+    private updateSeparators;
+    /**
+     * Processes input value and updates the input and model
+     * @private
+     */
+    private processInputValue;
+    /**
+     * Sets inputmode for numeric keyboard on mobile devices
+     * @private
+     */
+    private setInputMode;
+    /**
+     * Removes separators from a formatted value
+     * @private
+     */
+    private removeSeparators;
+    /**
+     * Strips unnecessary trailing zeros from decimal part
+     * @private
+     */
+    private stripTrailingZeros;
+    /**
+     * Normalizes separators during typing
+     * @private
+     */
+    private normalizeSeparators;
+    /**
+     * Escapes special characters for use in regex
+     * @private
+     */
+    private escapeRegex;
+    /**
+     * Truncates a number to the specified decimal places (never rounds)
+     * @private
+     */
+    private truncateToDecimalPlaces;
+    /**
+     * Checks if the value has excessive decimal places
+     * @private
+     */
+    private hasExcessiveDecimalPlaces;
+    /**
+     * Clears the input and notifies the model
+     * @private
+     */
+    private clearInput;
+    /**
+     * Parses a string value to its numeric representation, handling separators and sign
+     * Returns BigNumber to preserve full precision and optional number conversion
+     * @private
+     */
+    private parseStringToValue;
+    /**
+     * Formats a numeric value according to the locale
+     * Truncates (never rounds) to maxDecimalPlaces for display purposes only
+     * @private
+     */
+    private formatNumeric;
+    /**
+     * Formats the value according to the locale
+     * @private
+     */
+    private formatValue;
+    /**
+     * Converts the formatted value to the model format (international standard string)
+     * Always returns decimal notation, never scientific notation
+     * Stores the full precision value without truncation
+     * @private
+     */
+    private toModelValue;
+    /**
+     * Converts the model value to display format
+     * @private
+     */
+    private fromModelValue;
+    /**
+     * Processes pasted value from clipboard
+     * Converts scientific notation to decimal using BigNumber
+     * @private
+     */
+    private parseClipboardValue;
+    /**
+     * Toggles the sign (- or +) of a value
+     * @private
+     */
+    private toggleSign;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumericMaskDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericMaskDirective, "[sNumericMask]", never, { "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "minDecimalPlaces": { "alias": "minDecimalPlaces"; "required": false; "isSignal": true; }; "maxDecimalPlaces": { "alias": "maxDecimalPlaces"; "required": false; "isSignal": true; }; "allowNegative": { "alias": "allowNegative"; "required": false; "isSignal": true; }; "allowScientificNotation": { "alias": "allowScientificNotation"; "required": false; "isSignal": true; }; "textAlign": { "alias": "textAlign"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/numeric-mask/lib/numeric-mask/numeric-mask.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./numeric-mask.directive";
+export declare class CurrencyMaskModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyMaskModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CurrencyMaskModule, never, [typeof i1.NumericMaskDirective], [typeof i1.NumericMaskDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CurrencyMaskModule>;
+}

package/numeric-mask/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/numeric-mask/numeric-mask.directive';
+export * from './lib/numeric-mask/numeric-mask.module';

package/object-card/lib/object-card/elements/field/object-card-field.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
+import { BadgeColors } from '@seniorsistemas/angular-components/badge';
 import { ThumbnailComponent } from '@seniorsistemas/angular-components/thumbnail';
 import { TieredMenuItemData } from '@seniorsistemas/angular-components/tiered-menu';
 import * as i0 from "@angular/core";
@@ -15,6 +16,8 @@ export declare class ObjectCardFieldComponent {
     buttonClick: EventEmitter<any>;
     thumbnailComponent: ThumbnailComponent | null;
     content: TemplateRef<any> | null;
+    badge: import("@angular/core").InputSignal<string>;
+    badgeColor: import("@angular/core").InputSignal<BadgeColors>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ObjectCardFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectCardFieldComponent, "s-object-card-field", never, { "id": { "alias": "id"; "required": false; }; "imageSource": { "alias": "imageSource"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "buttonModel": { "alias": "buttonModel"; "required": false; }; }, { "buttonClick": "buttonClick"; }, ["thumbnailComponent"], ["s-thumbnail", "[labelTemplate]", "[descriptionTemplate]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectCardFieldComponent, "s-object-card-field", never, { "id": { "alias": "id"; "required": false; }; "imageSource": { "alias": "imageSource"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "buttonModel": { "alias": "buttonModel"; "required": false; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeColor": { "alias": "badgeColor"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, ["thumbnailComponent"], ["s-thumbnail", "[labelTemplate]", "[descriptionTemplate]"], false, never>;
 }

package/object-card/lib/object-card/object-card.module.d.ts

@@ -7,8 +7,9 @@ import * as i5 from "@seniorsistemas/angular-components/tooltip";
 import * as i6 from "@seniorsistemas/angular-components/thumbnail";
 import * as i7 from "@seniorsistemas/angular-components/button";
 import * as i8 from "@seniorsistemas/angular-components/shared";
+import * as i9 from "@seniorsistemas/angular-components/badge";
 export declare class ObjectCardModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ObjectCardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ObjectCardModule, [typeof i1.ObjectCardComponent, typeof i2.ObjectCardMainComponent, typeof i3.ObjectCardFieldComponent], [typeof i4.CommonModule, typeof i5.TooltipModule, typeof i6.ThumbnailModule, typeof i7.ButtonModule, typeof i8.BorderButtonModule], [typeof i6.ThumbnailModule, typeof i1.ObjectCardComponent, typeof i2.ObjectCardMainComponent, typeof i3.ObjectCardFieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ObjectCardModule, [typeof i1.ObjectCardComponent, typeof i2.ObjectCardMainComponent, typeof i3.ObjectCardFieldComponent], [typeof i4.CommonModule, typeof i5.TooltipModule, typeof i6.ThumbnailModule, typeof i7.ButtonModule, typeof i8.BorderButtonModule, typeof i9.BadgeModule], [typeof i6.ThumbnailModule, typeof i1.ObjectCardComponent, typeof i2.ObjectCardMainComponent, typeof i3.ObjectCardFieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ObjectCardModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seniorsistemas/angular-components",
-  "version": "18.0.1",
+  "version": "18.0.3",
   "peerDependencies": {
     "@angular/cdk": "^18.2.14",
     "@angular/common": "^18.2.0",
@@ -46,18 +46,18 @@
       "esm": "./esm2022/alert/seniorsistemas-angular-components-alert.mjs",
       "default": "./fesm2022/seniorsistemas-angular-components-alert.mjs"
     },
-    "./autocomplete": {
-      "types": "./autocomplete/index.d.ts",
-      "esm2022": "./esm2022/autocomplete/seniorsistemas-angular-components-autocomplete.mjs",
-      "esm": "./esm2022/autocomplete/seniorsistemas-angular-components-autocomplete.mjs",
-      "default": "./fesm2022/seniorsistemas-angular-components-autocomplete.mjs"
-    },
     "./badge": {
       "types": "./badge/index.d.ts",
       "esm2022": "./esm2022/badge/seniorsistemas-angular-components-badge.mjs",
       "esm": "./esm2022/badge/seniorsistemas-angular-components-badge.mjs",
       "default": "./fesm2022/seniorsistemas-angular-components-badge.mjs"
     },
+    "./autocomplete": {
+      "types": "./autocomplete/index.d.ts",
+      "esm2022": "./esm2022/autocomplete/seniorsistemas-angular-components-autocomplete.mjs",
+      "esm": "./esm2022/autocomplete/seniorsistemas-angular-components-autocomplete.mjs",
+      "default": "./fesm2022/seniorsistemas-angular-components-autocomplete.mjs"
+    },
     "./bignumber-input": {
       "types": "./bignumber-input/index.d.ts",
       "esm2022": "./esm2022/bignumber-input/seniorsistemas-angular-components-bignumber-input.mjs",
@@ -316,6 +316,12 @@
       "esm": "./esm2022/numeric/seniorsistemas-angular-components-numeric.mjs",
       "default": "./fesm2022/seniorsistemas-angular-components-numeric.mjs"
     },
+    "./numeric-mask": {
+      "types": "./numeric-mask/index.d.ts",
+      "esm2022": "./esm2022/numeric-mask/seniorsistemas-angular-components-numeric-mask.mjs",
+      "esm": "./esm2022/numeric-mask/seniorsistemas-angular-components-numeric-mask.mjs",
+      "default": "./fesm2022/seniorsistemas-angular-components-numeric-mask.mjs"
+    },
     "./object-card": {
       "types": "./object-card/index.d.ts",
       "esm2022": "./esm2022/object-card/seniorsistemas-angular-components-object-card.mjs",