@wra-gov/vue-components 0.28.0 → 0.28.5

package/dist/index.d.ts

@@ -754,7 +754,7 @@ default: string;
 * @validator value {string} - The input mode must be one of ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"].
 */
 inputmode: {
-type: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search">;
+type: PropType<InputHTMLAttributes["inputmode"]>;
 default: string;
 };
 /**
@@ -764,7 +764,7 @@ default: string;
 * @validator value {string} - The type must be one of ["text", "none", "tel", "url", "email", "numeric", "decimal"].
 */
 type: {
-type: PropType<"text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "number">;
+type: PropType<"text" | "tel" | "url" | "email" | "number" | "search" | "password">;
 default: string;
 };
 /**
@@ -894,7 +894,7 @@ default: string;
 * @validator value {string} - The input mode must be one of ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"].
 */
 inputmode: {
-type: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search">;
+type: PropType<InputHTMLAttributes["inputmode"]>;
 default: string;
 };
 /**
@@ -904,7 +904,7 @@ default: string;
 * @validator value {string} - The type must be one of ["text", "none", "tel", "url", "email", "numeric", "decimal"].
 */
 type: {
-type: PropType<"text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "number">;
+type: PropType<"text" | "tel" | "url" | "email" | "number" | "search" | "password">;
 default: string;
 };
 /**
@@ -959,12 +959,12 @@ default: boolean;
 "onUpdate:modelValue"?: (...args: any[]) => any;
 onValid?: (...args: any[]) => any;
 }>, {
-type: "number" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+type: "number" | "search" | "text" | "tel" | "url" | "email" | "password";
 modelValue: string | number;
 id: string;
+inputmode: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
 dataMaskaEager: boolean;
 dataMaskaReversed: boolean;
-inputmode: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
 rules: ((value: string | number) => true | string)[];
 emitMaskaDetails: boolean;
 }, {}, {}, {
@@ -1105,7 +1105,7 @@ default: string;
 * The input mode for the input field.
 * @type {string}
 * @default "numeric"
-* @validator value {string} - The input mode must be "numeric".
+* @validator value {string}
 */
 inputmode: {
 type: PropType<"numeric" | "search" | "text" | "email" | "tel" | "url" | "none" | "decimal">;
@@ -1196,7 +1196,7 @@ default: string;
 * The input mode for the input field.
 * @type {string}
 * @default "numeric"
-* @validator value {string} - The input mode must be "numeric".
+* @validator value {string}
 */
 inputmode: {
 type: PropType<"numeric" | "search" | "text" | "email" | "tel" | "url" | "none" | "decimal">;
@@ -1946,10 +1946,10 @@ default: string;
 * The type of the input field.
 * @type {string}
 * @default "text"
-* @validator value {string} - The type must be one of ["text", "password", "search"].
+* @validator value {string}
 */
 type: {
-type: PropType<"text" | "password" | "search">;
+type: PropType<"text" | "number">;
 default: string;
 validator(value: string): boolean;
 };
@@ -1959,7 +1959,7 @@ validator(value: string): boolean;
 * @default "numeric"
 */
 inputmode: {
-type: PropType<"numeric" | "decimal" | "text">;
+type: PropType<InputHTMLAttributes["inputmode"]>;
 default: string;
 validator(value: string): boolean;
 };
@@ -2043,10 +2043,10 @@ default: string;
 * The type of the input field.
 * @type {string}
 * @default "text"
-* @validator value {string} - The type must be one of ["text", "password", "search"].
+* @validator value {string}
 */
 type: {
-type: PropType<"text" | "password" | "search">;
+type: PropType<"text" | "number">;
 default: string;
 validator(value: string): boolean;
 };
@@ -2056,7 +2056,7 @@ validator(value: string): boolean;
 * @default "numeric"
 */
 inputmode: {
-type: PropType<"numeric" | "decimal" | "text">;
+type: PropType<InputHTMLAttributes["inputmode"]>;
 default: string;
 validator(value: string): boolean;
 };
@@ -2101,10 +2101,10 @@ default: boolean;
 "onUpdate:modelValue"?: (...args: any[]) => any;
 onValid?: (...args: any[]) => any;
 }>, {
-type: "search" | "text" | "password";
+type: "number" | "text";
 modelValue: string | number;
 id: string;
-inputmode: "text" | "numeric" | "decimal";
+inputmode: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
 rules: RuleFunction[];
 emitMaskaDetails: boolean;
 }, {}, {}, {
@@ -2662,6 +2662,331 @@ required: boolean;
 items: any[];
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare const WraSeparateDateInput: DefineComponent<ExtractPropTypes<    {
+/**
+* The value of the date input (object with day, month, year properties).
+* @default null
+*/
+modelValue: {
+type: PropType<{
+day: number | null;
+month: number | null;
+year: number | null;
+} | null>;
+default: any;
+};
+/**
+* The label for the day input field.
+* @type {string}
+* @default "Day"
+*/
+dayLabel: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* The label for the month input field.
+* @type {string}
+* @default "Month"
+*/
+monthLabel: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* The label for the year input field.
+* @type {string}
+* @default "Year"
+*/
+yearLabel: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* The ID for the input fields.
+* @type {string}
+* @required
+* @default "dateInput"
+*/
+id: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The input mode for the input fields.
+* @type {string}
+* @default "numeric"
+* @validator value {string}
+*/
+inputmode: {
+type: PropType<"numeric" | "search" | "text" | "email" | "tel" | "url" | "none" | "decimal">;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* Placeholder for day input field.
+* @type {string}
+* @default "DD"
+*/
+placeholderDay: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* Placeholder for month input field.
+* @type {string}
+* @default "MM"
+*/
+placeholderMonth: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* Placeholder for year input field.
+* @type {string}
+* @default "YYYY"
+*/
+placeholderYear: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* Automatically advance focus to the next field when max characters are reached.
+* @type {boolean}
+* @default false
+*/
+autoAdvance: {
+type: PropType<boolean>;
+required: false;
+default: boolean;
+};
+/**
+* Maximum width for day input field.
+* @type {string}
+* @default "47px"
+*/
+dayInputWidth: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* Maximum width for month input field.
+* @type {string}
+* @default "47px"
+*/
+monthInputWidth: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* Maximum width for year input field.
+* @type {string}
+* @default "72px"
+*/
+yearInputWidth: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+}>, {}, {
+day: string;
+month: string;
+year: string;
+}, {}, {
+/**
+* Gets the current date object to emit.
+*/
+getDateObject(): {
+day: number | null;
+month: number | null;
+year: number | null;
+};
+/**
+* Handles day input.
+*/
+onDayInput(event: Event): void;
+/**
+* Handles month input.
+*/
+onMonthInput(event: Event): void;
+/**
+* Handles year input.
+*/
+onYearInput(event: Event): void;
+/**
+* Emits the update with the constructed date object.
+*/
+emitUpdate(): void;
+/**
+* Sets the initial state based on modelValue prop.
+*/
+setInitialState(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The value of the date input (object with day, month, year properties).
+* @default null
+*/
+modelValue: {
+type: PropType<{
+day: number | null;
+month: number | null;
+year: number | null;
+} | null>;
+default: any;
+};
+/**
+* The label for the day input field.
+* @type {string}
+* @default "Day"
+*/
+dayLabel: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* The label for the month input field.
+* @type {string}
+* @default "Month"
+*/
+monthLabel: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* The label for the year input field.
+* @type {string}
+* @default "Year"
+*/
+yearLabel: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* The ID for the input fields.
+* @type {string}
+* @required
+* @default "dateInput"
+*/
+id: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The input mode for the input fields.
+* @type {string}
+* @default "numeric"
+* @validator value {string}
+*/
+inputmode: {
+type: PropType<"numeric" | "search" | "text" | "email" | "tel" | "url" | "none" | "decimal">;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* Placeholder for day input field.
+* @type {string}
+* @default "DD"
+*/
+placeholderDay: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* Placeholder for month input field.
+* @type {string}
+* @default "MM"
+*/
+placeholderMonth: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* Placeholder for year input field.
+* @type {string}
+* @default "YYYY"
+*/
+placeholderYear: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* Automatically advance focus to the next field when max characters are reached.
+* @type {boolean}
+* @default false
+*/
+autoAdvance: {
+type: PropType<boolean>;
+required: false;
+default: boolean;
+};
+/**
+* Maximum width for day input field.
+* @type {string}
+* @default "47px"
+*/
+dayInputWidth: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* Maximum width for month input field.
+* @type {string}
+* @default "47px"
+*/
+monthInputWidth: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* Maximum width for year input field.
+* @type {string}
+* @default "72px"
+*/
+yearInputWidth: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+modelValue: {
+day: number | null;
+month: number | null;
+year: number | null;
+};
+id: string;
+inputmode: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+dayLabel: string;
+monthLabel: string;
+yearLabel: string;
+placeholderDay: string;
+placeholderMonth: string;
+placeholderYear: string;
+autoAdvance: boolean;
+dayInputWidth: string;
+monthInputWidth: string;
+yearInputWidth: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
 export declare const WraServiceLogo: DefineComponent<ExtractPropTypes<    {
 /**
 * The URL or path to the logo image to display.