@juit/vue-z 0.0.5 → 0.0.6

package/dist/globals.d.ts

@@ -33,6 +33,7 @@ import type {
   ZTable,
   ZTag,
   ZTags,
+  ZTelephone,
   ZText,
 } from './index'
 
@@ -119,6 +120,8 @@ declare module 'vue' {
     ZString: ComponentConstructor<ZString>,
     /** Tags input */
     ZTags: ComponentConstructor<ZTags>,
+    /** Telephone input */
+    ZTelephone: ComponentConstructor<ZTelephone>,
     /** A simple text input (normally only used internally) */
     ZText: ComponentConstructor<ZText>,
 

package/dist/index.css

@@ -32,7 +32,7 @@
 
 /* Suffix behind the input */
 .z-suffix {
-&[data-v-72da10ad] {
+&[data-v-659f41b5] {
   user-select: none;
   position: absolute;
   top: 0;
@@ -42,9 +42,9 @@
   overflow: hidden;
   font-weight: 500
 }
-.z-suffix-hidden[data-v-72da10ad] { color: transparent
+.z-suffix-hidden[data-v-659f41b5] { color: transparent
 }
-.z-suffix-visible[data-v-72da10ad] { opacity: 0.5
+.z-suffix-visible[data-v-659f41b5] { opacity: 0.5
 }
 }
 

package/dist/index.d.ts

@@ -687,6 +687,12 @@ type: PropType<string>;
 required: false;
 default: string;
 };
+/** The prefix to add to the input */
+prefix: {
+type: PropType<string>;
+required: false;
+default: undefined;
+};
 /** Indicates that the field is required (and errors when empty). */
 required: {
 type: BooleanConstructor;
@@ -798,6 +804,12 @@ type: PropType<string>;
 required: false;
 default: string;
 };
+/** The prefix to add to the input */
+prefix: {
+type: PropType<string>;
+required: false;
+default: undefined;
+};
 /** Indicates that the field is required (and errors when empty). */
 required: {
 type: BooleanConstructor;
@@ -841,6 +853,7 @@ placeholder: string;
 hint: string | undefined;
 debounce: number | undefined;
 suffix: string;
+prefix: string;
 maxLength: number;
 rules: ZValidator<string>[];
 minLength: number;
@@ -931,6 +944,12 @@ type: PropType<string>;
 required: false;
 default: string;
 };
+/** The prefix to add to the input */
+prefix: {
+type: PropType<string>;
+required: false;
+default: undefined;
+};
 /** Keep the value "raw" (as in, do not normalize white spaces) */
 raw: {
 type: BooleanConstructor;
@@ -1089,6 +1108,12 @@ type: PropType<string>;
 required: false;
 default: string;
 };
+/** The prefix to add to the input */
+prefix: {
+type: PropType<string>;
+required: false;
+default: undefined;
+};
 /** Keep the value "raw" (as in, do not normalize white spaces) */
 raw: {
 type: BooleanConstructor;
@@ -1159,6 +1184,7 @@ hint: string | undefined;
 nonInteractive: boolean;
 debounce: number | undefined;
 suffix: string;
+prefix: string;
 raw: boolean;
 maxLength: number;
 rules: ValidationRule<string>[];
@@ -2786,8 +2812,8 @@ type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The prefix to display before the input value */
-prefix: {
+/** The suffix to display after the input value */
+suffix: {
 type: PropType<string | undefined>;
 required: false;
 default: undefined;
@@ -2858,8 +2884,8 @@ type: PropType<string | undefined>;
 required: false;
 default: undefined;
 };
-/** The prefix to display before the input value */
-prefix: {
+/** The suffix to display after the input value */
+suffix: {
 type: PropType<string | undefined>;
 required: false;
 default: undefined;
@@ -2897,7 +2923,7 @@ bottomSlots: boolean | undefined;
 readonly: boolean | undefined;
 placeholder: string;
 hint: string | undefined;
-prefix: string | undefined;
+suffix: string | undefined;
 clearable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -4212,15 +4238,182 @@ declare const _default_3: __VLS_WithSlots_3<typeof __VLS_component_3, __VLS_Slot
 
 declare const _default_30: __VLS_WithSlots_14<typeof __VLS_component_14, __VLS_Slots_14>;
 
-declare const _default_31: __VLS_WithSlots_15<typeof __VLS_component_15, __VLS_Slots_15>;
+declare const _default_31: DefineComponent<ExtractPropTypes<    {
+readonly: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+bottomSlots: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+editable: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+disabled: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+lazyRules: {
+readonly type: PropType<boolean | "ondemand">;
+readonly required: false;
+readonly default: undefined;
+};
+/** The country the telephone number belongs to */
+country: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/** The label for this input text */
+label: {
+type: StringConstructor;
+required: true;
+};
+/** The placeholder text when no input was entered */
+placeholder: {
+type: StringConstructor;
+required: false;
+default: string;
+};
+/** The hint to display below the input field */
+hint: {
+type: PropType<string | undefined>;
+required: false;
+default: undefined;
+};
+/** The icon to display within the control */
+icon: {
+type: PropType<string | undefined>;
+required: false;
+default: undefined;
+};
+/** Indicates that the field is required (and errors when empty). */
+required: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/** The validation rules to apply to this field */
+rules: {
+type: PropType<ZValidator<string>[]>;
+required: false;
+default: () => never[];
+};
+modelValue: {
+type: PropType<string>;
+};
+}>, {
+/** Focus on this control */
+focus: () => void | undefined;
+/** Reset validation for this field */
+resetValidation: () => void | undefined;
+/** Force validation of this field */
+validate: () => boolean | Promise<boolean>;
+/** If the field has validation errors or not */
+hasError: ComputedRef<boolean>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
+readonly: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+bottomSlots: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+editable: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+disabled: {
+readonly type: PropType<boolean | undefined>;
+readonly required: false;
+readonly default: undefined;
+};
+lazyRules: {
+readonly type: PropType<boolean | "ondemand">;
+readonly required: false;
+readonly default: undefined;
+};
+/** The country the telephone number belongs to */
+country: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/** The label for this input text */
+label: {
+type: StringConstructor;
+required: true;
+};
+/** The placeholder text when no input was entered */
+placeholder: {
+type: StringConstructor;
+required: false;
+default: string;
+};
+/** The hint to display below the input field */
+hint: {
+type: PropType<string | undefined>;
+required: false;
+default: undefined;
+};
+/** The icon to display within the control */
+icon: {
+type: PropType<string | undefined>;
+required: false;
+default: undefined;
+};
+/** Indicates that the field is required (and errors when empty). */
+required: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/** The validation rules to apply to this field */
+rules: {
+type: PropType<ZValidator<string>[]>;
+required: false;
+default: () => never[];
+};
+modelValue: {
+type: PropType<string>;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+icon: string | undefined;
+required: boolean;
+editable: boolean | undefined;
+disabled: boolean | undefined;
+lazyRules: boolean | "ondemand";
+bottomSlots: boolean | undefined;
+readonly: boolean | undefined;
+placeholder: string;
+hint: string | undefined;
+rules: ZValidator<string>[];
+country: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const _default_32: __VLS_WithSlots_16<typeof __VLS_component_16, __VLS_Slots_16>;
+declare const _default_32: __VLS_WithSlots_15<typeof __VLS_component_15, __VLS_Slots_15>;
 
-declare const _default_33: __VLS_WithSlots_17<typeof __VLS_component_17, __VLS_Slots_17>;
+declare const _default_33: __VLS_WithSlots_16<typeof __VLS_component_16, __VLS_Slots_16>;
 
-declare const _default_34: __VLS_WithSlots_18<typeof __VLS_component_18, __VLS_Slots_18>;
+declare const _default_34: __VLS_WithSlots_17<typeof __VLS_component_17, __VLS_Slots_17>;
 
-declare const _default_35: DefineComponent<ExtractPropTypes<    {
+declare const _default_35: __VLS_WithSlots_18<typeof __VLS_component_18, __VLS_Slots_18>;
+
+declare const _default_36: DefineComponent<ExtractPropTypes<    {
 tag: {
 type: StringConstructor;
 required: true;
@@ -5151,7 +5344,7 @@ export declare type ZFormProps = {
     bottomSlots: boolean;
 };
 
-export declare type ZHeader = InstanceType<typeof _default_31>;
+export declare type ZHeader = InstanceType<typeof _default_32>;
 
 export declare type ZInputGroup = InstanceType<typeof _default_15>;
 
@@ -5177,9 +5370,9 @@ export declare type ZNullableNumber = InstanceType<typeof _default_23>;
 
 export declare type ZNumber = InstanceType<typeof _default_24>;
 
-export declare type ZObject = InstanceType<typeof _default_32>;
+export declare type ZObject = InstanceType<typeof _default_33>;
 
-export declare type ZObjectNew = InstanceType<typeof _default_33>;
+export declare type ZObjectNew = InstanceType<typeof _default_34>;
 
 /** An option from select components */
 export declare interface ZOption {
@@ -5233,7 +5426,7 @@ export declare type ZSelect = InstanceType<typeof _default_27>;
 
 export declare type ZString = InstanceType<typeof _default_28>;
 
-export declare type ZTable = InstanceType<typeof _default_34>;
+export declare type ZTable = InstanceType<typeof _default_35>;
 
 /** A single column definition */
 export declare interface ZTableColumn<T = any> {
@@ -5277,10 +5470,12 @@ export declare interface ZTableState {
     desc: boolean;
 }
 
-export declare type ZTag = InstanceType<typeof _default_35>;
+export declare type ZTag = InstanceType<typeof _default_36>;
 
 export declare type ZTags = InstanceType<typeof _default_29>;
 
+export declare type ZTelephone = InstanceType<typeof _default_31>;
+
 export declare type ZText = InstanceType<typeof _default_30>;
 
 /** A non-async validation rule */