pukaad-ui-lib 1.48.0 → 1.50.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.48.0",
+  "version": "1.50.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/image/image-cropper.d.vue.ts

@@ -64,12 +64,12 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     center: boolean;
     src: string;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
     background: boolean;

package/dist/runtime/components/image/image-cropper.vue.d.ts

@@ -64,12 +64,12 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     center: boolean;
     src: string;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
     background: boolean;

package/dist/runtime/components/input/input-email.d.vue.ts

@@ -1,3 +1,20 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { InputTextFieldProps } from "@/runtime/components/input/input-text-field.vue";
+type __VLS_Props = InputTextFieldProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    setErrors: (errorMessage: string[]) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    label: string;
+    required: boolean;
+    name: string;
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-email.vue

@@ -1,14 +1,52 @@
 <template>
-  <!-- <InputTextField
+  <InputTextField
     ref="inputRef"
+    v-model="modelValue"
     :name="props.name"
     :label="props.label"
     :placeholder="props.placeholder"
     :required="props.required"
     :rules="rules"
-  /> -->
+  />
 </template>
 
 <script setup>
-
+import { ref } from "vue";
+const modelValue = defineModel({ type: String, ...{
+  default: ""
+} });
+const props = defineProps({
+  id: { type: String, required: false },
+  name: { type: String, required: false, default: "email" },
+  disabled: { type: Boolean, required: false },
+  label: { type: String, required: false, default: "" },
+  rules: { type: [Object, String, Function], required: false },
+  readonly: { type: Boolean, required: false },
+  placeholder: { type: String, required: false, default: "\u0E2D\u0E35\u0E40\u0E21\u0E25" },
+  type: { type: String, required: false },
+  description: { type: String, required: false },
+  disabledErrorMessage: { type: Boolean, required: false },
+  disabledBorder: { type: Boolean, required: false },
+  required: { type: Boolean, required: false, default: false },
+  iconPrepend: { type: String, required: false },
+  iconAppend: { type: String, required: false },
+  showCounter: { type: Boolean, required: false },
+  limit: { type: Number, required: false },
+  defaultValue: { type: [String, Number], required: false },
+  modelValue: { type: [String, Number], required: false },
+  class: { type: null, required: false }
+});
+const inputRef = ref();
+const rules = (v) => {
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  if (!v) return "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E23\u0E30\u0E1A\u0E38 \u0E2D\u0E35\u0E40\u0E21\u0E25";
+  if (!emailRegex.test(v)) return "\u0E23\u0E39\u0E1B\u0E41\u0E1A\u0E1A \u0E2D\u0E35\u0E40\u0E21\u0E25\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07";
+  return true;
+};
+const setErrors = (errorMessage) => {
+  inputRef.value.setErrors(errorMessage);
+};
+defineExpose({
+  setErrors
+});
 </script>

package/dist/runtime/components/input/input-email.vue.d.ts

@@ -1,3 +1,20 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { InputTextFieldProps } from "@/runtime/components/input/input-text-field.vue";
+type __VLS_Props = InputTextFieldProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    setErrors: (errorMessage: string[]) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    label: string;
+    required: boolean;
+    name: string;
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-password.d.vue.ts

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-password.vue

@@ -103,7 +103,7 @@ const colorValidate = (valid) => {
   return "text-destructive";
 };
 const defaultRules = (v) => {
-  if (!v) return "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E23\u0E30\u0E1A\u0E38\u0E23\u0E2B\u0E31\u0E2A\u0E1C\u0E48\u0E32\u0E19";
+  if (!v) return "\u0E08\u0E33\u0E40\u0E1B\u0E47\u0E19\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E23\u0E2D\u0E01\u0E43\u0E2B\u0E49\u0E04\u0E23\u0E1A";
   const isNotLength = v.length < 8 || v.length > 20;
   const isNotUppercase = !/[A-Z]/.test(v);
   const isNotNumber = !/\d/.test(v);

package/dist/runtime/components/input/input-password.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-select.vue

@@ -67,7 +67,7 @@ const modelValue = defineModel({ type: [String, Number], ...{
 const fieldRef = ref();
 const defaultRules = (v) => {
   if (!v && props.required) {
-    return `\u0E01\u0E23\u0E38\u0E13\u0E32\u0E23\u0E30\u0E1A\u0E38 ${props.label}`;
+    return `\u0E08\u0E33\u0E40\u0E1B\u0E47\u0E19\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E23\u0E2D\u0E01\u0E43\u0E2B\u0E49\u0E04\u0E23\u0E1A`;
   }
   return true;
 };

package/dist/runtime/components/input/input-slider.d.vue.ts

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     color: InputSliderColor;
     fullWidth: boolean;
     label: string;
-    step: number;
     max: number;
     min: number;
+    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

package/dist/runtime/components/input/input-slider.vue.d.ts

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     color: InputSliderColor;
     fullWidth: boolean;
     label: string;
-    step: number;
     max: number;
     min: number;
+    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

package/dist/runtime/components/input/input-text-field.vue

@@ -120,7 +120,7 @@ const modelValue = defineModel({ type: String, ...{
 const fieldRef = ref();
 const defaultRules = (v) => {
   if (!v && props.required) {
-    return `\u0E01\u0E23\u0E38\u0E13\u0E32\u0E23\u0E30\u0E1A\u0E38 ${props.label}`;
+    return `\u0E08\u0E33\u0E40\u0E1B\u0E47\u0E19\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E23\u0E2D\u0E01\u0E43\u0E2B\u0E49\u0E04\u0E23\u0E1A`;
   }
   if (props.limit > 0 && modelValue.value.length > props.limit) {
     return `\u0E08\u0E33\u0E19\u0E27\u0E19\u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23\u0E15\u0E49\u0E2D\u0E07\u0E44\u0E21\u0E48\u0E40\u0E01\u0E34\u0E19 ${props.limit} \u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23`;

package/dist/runtime/components/input/input-textarea.vue

@@ -100,7 +100,7 @@ const fieldRef = ref();
 const textareaRef = ref();
 const defaultRules = (v) => {
   if (!v && props.required) {
-    return `\u0E01\u0E23\u0E38\u0E13\u0E32\u0E23\u0E30\u0E1A\u0E38 ${props.label || "\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25"}`;
+    return `\u0E08\u0E33\u0E40\u0E1B\u0E47\u0E19\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E23\u0E2D\u0E01\u0E43\u0E2B\u0E49\u0E04\u0E23\u0E1A`;
   }
   if (props.limit > 0 && modelValue.value.length > props.limit) {
     return `\u0E08\u0E33\u0E19\u0E27\u0E19\u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23\u0E15\u0E49\u0E2D\u0E07\u0E44\u0E21\u0E48\u0E40\u0E01\u0E34\u0E19 ${props.limit} \u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.48.0",
+  "version": "1.50.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",