fds-vue-core 8.2.4 → 8.3.0

package/components.d.ts

@@ -32,6 +32,7 @@ import type { FdsInputProps } from './src/components/Form/FdsInput/types'
 import type { FdsRadioProps } from './src/components/Form/FdsRadio/types'
 import type { FdsSelectProps } from './src/components/Form/FdsSelect/types'
 import type { FdsPhonenumberEmits, FdsPhonenumberProps } from './src/components/Form/FdsPhonenumber/types'
+import type { FdsSsnEmits, FdsSsnProps } from './src/components/Form/FdsSsn/types'
 import type { FdsTextareaEmits, FdsTextareaProps } from './src/components/Form/FdsTextarea/types'
 import type { FdsTableProps } from './src/components/Table/FdsTable/types'
 import type { FdsTableHeadProps } from './src/components/Table/FdsTableHead/types'
@@ -64,6 +65,7 @@ declare module 'vue' {
     FdsCheckbox: DefineComponent<FdsCheckboxProps>
     FdsTextarea: DefineComponent<FdsTextareaProps, {}, {}, {}, {}, {}, {}, FdsTextareaEmits>
     FdsPhonenumber: DefineComponent<FdsPhonenumberProps, {}, {}, {}, {}, {}, {}, FdsPhonenumberEmits>
+    FdsSsn: DefineComponent<FdsSsnProps, {}, {}, {}, {}, {}, {}, FdsSsnEmits>
     FdsSelect: DefineComponent<FdsSelectProps>
     FdsTable: DefineComponent<FdsTableProps>
     FdsTableHead: DefineComponent<FdsTableHeadProps>

package/dist/components/Form/FdsSsn/FdsSsn.vue.d.ts

@@ -0,0 +1,33 @@
+import { FdsSsnProps } from './types';
+type __VLS_Props = FdsSsnProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (ev: FocusEvent) => any;
+    "update:modelValue": (...args: unknown[]) => any;
+    valid: (value: boolean | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+    onValid?: ((value: boolean | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    required: boolean;
+    id: string;
+    name: string;
+    placeholder: string;
+    dataTestid: string;
+    label: string;
+    meta: string;
+    autofocus: boolean;
+    inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+    valid: boolean | null;
+    optional: boolean;
+    invalidMessage: string;
+    autocomplete: string;
+    readonly: boolean;
+    allowCoordinationNumber: boolean;
+    allowInterimNumber: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Form/FdsSsn/ssnMask.d.ts

@@ -0,0 +1,19 @@
+/** IMask pattern for ÅÅÅÅMMDDKKKK (12 digits, no separator). */
+export declare const SSN_MASK = "000000000000";
+/** Alphanumeric mask when interim numbers (letters in num part) are allowed. */
+export declare const SSN_INTERIM_MASK = "XXXXXXXXXXXX";
+export declare const SSN_INTERIM_MASK_OPTIONS: {
+    readonly lazy: true;
+    readonly definitions: {
+        readonly X: RegExp;
+    };
+};
+export declare function getSsnMask(allowInterimNumber: boolean): string;
+export declare function getSsnMaskOptions(allowInterimNumber: boolean): {
+    readonly lazy: true;
+    readonly definitions: {
+        readonly X: RegExp;
+    };
+} | {
+    lazy: boolean;
+};

package/dist/components/Form/FdsSsn/types.d.ts

@@ -0,0 +1,24 @@
+import { FdsInputProps } from '../FdsInput/types';
+type FdsSsnInputPassthroughProps = Pick<FdsInputProps, 'id' | 'autocomplete' | 'required' | 'placeholder' | 'name' | 'autofocus' | 'readonly' | 'inputClass'>;
+export interface FdsSsnProps extends FdsSsnInputPassthroughProps {
+    label?: string;
+    meta?: string;
+    optional?: boolean;
+    valid?: boolean | null;
+    invalidMessage?: string;
+    /** Personnummer as shown in the input (12 characters, no separator). */
+    modelValue?: string;
+    allowCoordinationNumber?: boolean;
+    allowInterimNumber?: boolean;
+    disabled?: boolean;
+    dataTestid?: string;
+    onValid?: ((value: boolean | null) => void) | Array<(value: boolean | null) => void>;
+    onBlur?: ((event: FocusEvent) => void) | Array<(event: FocusEvent) => void>;
+    'onUpdate:modelValue'?: ((value: string) => void) | Array<(value: string) => void>;
+}
+export interface FdsSsnEmits {
+    'update:modelValue': [value: string];
+    valid: [value: boolean | null];
+    blur: [ev: FocusEvent];
+}
+export {};