src/modules/input-mask-directives/directives/text-mask-config.intf.ts
Defines the configuration object for the StarkTextMaskDirective.
Properties |
mask |
mask:
|
Type : Mask |
|
Array or a function that defines how the user input is going to be masked. If is set to See https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask |
pipe |
pipe:
|
Type : PipeFunction
|
Optional |
Function that can modify the conformed value before it is displayed on the screen. See https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#pipe |
import { Mask, PipeFunction } from "text-mask-core";
/**
* Defines the base configuration for the mask directives provided by Stark-UI.
*/
export interface StarkTextMaskBaseConfig {
/**
* Whether to show the mask while the user is typing in the input field in order to guide him.
*
* Default: `true`.
*
* See {@link https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#guide}
*/
guide?: boolean;
/**
* Placeholder character represents the fillable spot in the mask.
*
* Default: `"_"`.
*
* See {@link https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#placeholderchar}
*/
placeholderChar?: string;
/**
* Whether to keep the spaces used by character after they are added/deleted.
*
* Default: `true`.
*
* See {@link https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#keepcharpositions}
*/
keepCharPositions?: boolean;
}
/**
* Defines the configuration object for the {@link StarkTextMaskDirective}.
*/
export interface StarkTextMaskConfig extends StarkTextMaskBaseConfig {
/**
* Array or a function that defines how the user input is going to be masked. If is set to `false`, the mask will be removed.
*
* See {@link https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#mask}
*/
mask: Mask | false;
/**
* Function that can modify the conformed value before it is displayed on the screen.
*
* See {@link https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#pipe}
*/
pipe?: PipeFunction;
}