pukaad-ui-lib 1.439.0 → 1.441.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/runtime/components/chat/chat-conversation-item.d.vue.ts +2 -2
  3. package/dist/runtime/components/chat/chat-conversation-item.vue.d.ts +2 -2
  4. package/dist/runtime/components/image/image-cropper.d.vue.ts +1 -1
  5. package/dist/runtime/components/image/image-cropper.vue.d.ts +1 -1
  6. package/dist/runtime/components/input/input-address.d.vue.ts +2 -0
  7. package/dist/runtime/components/input/input-address.vue +8 -1
  8. package/dist/runtime/components/input/input-address.vue.d.ts +2 -0
  9. package/dist/runtime/components/input/input-autocomplete.d.vue.ts +1 -1
  10. package/dist/runtime/components/input/input-autocomplete.vue.d.ts +1 -1
  11. package/dist/runtime/components/input/input-birth-date.d.vue.ts +1 -1
  12. package/dist/runtime/components/input/input-birth-date.vue.d.ts +1 -1
  13. package/dist/runtime/components/input/input-date-picker.d.vue.ts +1 -1
  14. package/dist/runtime/components/input/input-date-picker.vue.d.ts +1 -1
  15. package/dist/runtime/components/input/input-file.d.vue.ts +1 -1
  16. package/dist/runtime/components/input/input-file.vue.d.ts +1 -1
  17. package/dist/runtime/components/input/input-id-card.vue +5 -4
  18. package/dist/runtime/components/input/input-localized-name.d.vue.ts +1 -1
  19. package/dist/runtime/components/input/input-localized-name.vue.d.ts +1 -1
  20. package/dist/runtime/components/input/input-tag-modal.d.vue.ts +1 -1
  21. package/dist/runtime/components/input/input-tag-modal.vue.d.ts +1 -1
  22. package/dist/runtime/components/input/input-tag.d.vue.ts +1 -1
  23. package/dist/runtime/components/input/input-tag.vue.d.ts +1 -1
  24. package/package.json +1 -1
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pukaad-ui-lib",
3
3
  "configKey": "pukaadUI",
4
- "version": "1.439.0",
4
+ "version": "1.441.0",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "1.0.2",
7
7
  "unbuild": "3.6.1"
@@ -27,12 +27,12 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
27
27
  avatar: string | null;
28
28
  muted: boolean;
29
29
  disabledMenu: boolean;
30
- unreadCount: number;
31
- pinned: boolean;
32
30
  preview: string;
33
31
  to: string;
34
32
  active: boolean;
35
33
  typing: boolean;
34
+ unreadCount: number;
35
+ pinned: boolean;
36
36
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
37
37
  declare const _default: typeof __VLS_export;
38
38
  export default _default;
@@ -27,12 +27,12 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
27
27
  avatar: string | null;
28
28
  muted: boolean;
29
29
  disabledMenu: boolean;
30
- unreadCount: number;
31
- pinned: boolean;
32
30
  preview: string;
33
31
  to: string;
34
32
  active: boolean;
35
33
  typing: boolean;
34
+ unreadCount: number;
35
+ pinned: boolean;
36
36
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
37
37
  declare const _default: typeof __VLS_export;
38
38
  export default _default;
@@ -64,11 +64,11 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
64
64
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
65
65
  src: string;
66
66
  center: boolean;
67
+ crossorigin: "" | "anonymous" | "use-credentials";
67
68
  responsive: boolean;
68
69
  restore: boolean;
69
70
  checkCrossOrigin: boolean;
70
71
  checkOrientation: boolean;
71
- crossorigin: "" | "anonymous" | "use-credentials";
72
72
  modal: boolean;
73
73
  guides: boolean;
74
74
  highlight: boolean;
@@ -64,11 +64,11 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
64
64
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
65
65
  src: string;
66
66
  center: boolean;
67
+ crossorigin: "" | "anonymous" | "use-credentials";
67
68
  responsive: boolean;
68
69
  restore: boolean;
69
70
  checkCrossOrigin: boolean;
70
71
  checkOrientation: boolean;
71
- crossorigin: "" | "anonymous" | "use-credentials";
72
72
  modal: boolean;
73
73
  guides: boolean;
74
74
  highlight: boolean;
@@ -16,6 +16,7 @@ export interface InputAddressProps {
16
16
  required?: boolean;
17
17
  requiredDetail?: boolean;
18
18
  rules?: object | string | Function;
19
+ layout?: "vertical" | "horizontal";
19
20
  gap?: string;
20
21
  fixedProvinceId?: number;
21
22
  }
@@ -50,6 +51,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
50
51
  name: string;
51
52
  required: boolean;
52
53
  placeholder: string;
54
+ layout: "vertical" | "horizontal";
53
55
  labelDetail: string;
54
56
  placeholderDetail: string;
55
57
  requiredDetail: boolean;
@@ -1,5 +1,11 @@
1
1
  <template>
2
- <div :class="['flex flex-col', props.gap]">
2
+ <div
3
+ :class="[
4
+ 'flex',
5
+ props.layout === 'horizontal' ? 'flex-row' : 'flex-col',
6
+ props.gap
7
+ ]"
8
+ >
3
9
  <!-- Address Selector (Province, District, Sub-district, Zip code) -->
4
10
  <InputCombobox
5
11
  ref="comboboxRef"
@@ -169,6 +175,7 @@ const props = defineProps({
169
175
  required: { type: Boolean, required: false, default: false },
170
176
  requiredDetail: { type: Boolean, required: false, default: false },
171
177
  rules: { type: [Object, String, Function], required: false },
178
+ layout: { type: String, required: false, default: "vertical" },
172
179
  gap: { type: String, required: false, default: "gap-4" },
173
180
  fixedProvinceId: { type: Number, required: false }
174
181
  });
@@ -16,6 +16,7 @@ export interface InputAddressProps {
16
16
  required?: boolean;
17
17
  requiredDetail?: boolean;
18
18
  rules?: object | string | Function;
19
+ layout?: "vertical" | "horizontal";
19
20
  gap?: string;
20
21
  fixedProvinceId?: number;
21
22
  }
@@ -50,6 +51,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
50
51
  name: string;
51
52
  required: boolean;
52
53
  placeholder: string;
54
+ layout: "vertical" | "horizontal";
53
55
  labelDetail: string;
54
56
  placeholderDetail: string;
55
57
  requiredDetail: boolean;
@@ -69,9 +69,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
69
69
  name: string;
70
70
  required: boolean;
71
71
  description: string;
72
- options: AutocompleteOption[] | string[] | number[];
73
72
  labelKey: string;
74
73
  placeholder: string;
74
+ options: AutocompleteOption[] | string[] | number[];
75
75
  limit: number;
76
76
  disabledErrorMessage: boolean;
77
77
  disabledBorder: boolean;
@@ -69,9 +69,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
69
69
  name: string;
70
70
  required: boolean;
71
71
  description: string;
72
- options: AutocompleteOption[] | string[] | number[];
73
72
  labelKey: string;
74
73
  placeholder: string;
74
+ options: AutocompleteOption[] | string[] | number[];
75
75
  limit: number;
76
76
  disabledErrorMessage: boolean;
77
77
  disabledBorder: boolean;
@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
30
30
  id: string;
31
31
  name: string;
32
32
  required: boolean;
33
- layout: "month-and-year" | "month-only" | "year-only";
34
33
  locale: string;
35
34
  placeholder: string;
35
+ layout: "month-and-year" | "month-only" | "year-only";
36
36
  disabledErrorMessage: boolean;
37
37
  dateFormat: string;
38
38
  minAge: number;
@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
30
30
  id: string;
31
31
  name: string;
32
32
  required: boolean;
33
- layout: "month-and-year" | "month-only" | "year-only";
34
33
  locale: string;
35
34
  placeholder: string;
35
+ layout: "month-and-year" | "month-only" | "year-only";
36
36
  disabledErrorMessage: boolean;
37
37
  dateFormat: string;
38
38
  minAge: number;
@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
44
44
  id: string;
45
45
  name: string;
46
46
  required: boolean;
47
- layout: "month-and-year" | "month-only" | "year-only";
48
47
  locale: string;
49
48
  placeholder: string;
49
+ layout: "month-and-year" | "month-only" | "year-only";
50
50
  disabledErrorMessage: boolean;
51
51
  dateFormat: string;
52
52
  showTime: boolean;
@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
44
44
  id: string;
45
45
  name: string;
46
46
  required: boolean;
47
- layout: "month-and-year" | "month-only" | "year-only";
48
47
  locale: string;
49
48
  placeholder: string;
49
+ layout: "month-and-year" | "month-only" | "year-only";
50
50
  disabledErrorMessage: boolean;
51
51
  dateFormat: string;
52
52
  showTime: boolean;
@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
37
37
  fullHeight: boolean;
38
38
  fullWidth: boolean;
39
39
  limit: number;
40
- accept: string;
41
40
  disabledErrorMessage: boolean;
41
+ accept: string;
42
42
  labelIcon: string;
43
43
  disabledDrop: boolean;
44
44
  column: boolean;
@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
37
37
  fullHeight: boolean;
38
38
  fullWidth: boolean;
39
39
  limit: number;
40
- accept: string;
41
40
  disabledErrorMessage: boolean;
41
+ accept: string;
42
42
  labelIcon: string;
43
43
  disabledDrop: boolean;
44
44
  column: boolean;
@@ -6,7 +6,7 @@
6
6
  :rules="props.rules || defaultRules"
7
7
  v-slot="{ errorMessage: formError }"
8
8
  >
9
- <ShadFormItem>
9
+ <ShadFormItem v-bind="$attrs">
10
10
  <ShadFormLabel v-if="props.label || $slots.label" class="w-full">
11
11
  <slot name="label">
12
12
  {{ props.label }}
@@ -25,11 +25,11 @@
25
25
  :required="props.required"
26
26
  @complete="handleComplete"
27
27
  >
28
- <ShadPinInputGroup class="w-max gap-[8px]">
28
+ <ShadPinInputGroup class="w-full justify-between gap-0">
29
29
  <template v-for="index in 13" :key="index">
30
30
  <ShadFormControl :index="index - 1">
31
31
  <ShadPinInputSlot
32
- class="h-[48px] w-[40px] rounded-[6px]"
32
+ class="h-[36px] w-[25px] px-[8px] py-[4px] rounded-[4px]"
33
33
  :class="{
34
34
  'border-destructive': formError || props.error
35
35
  }"
@@ -59,11 +59,12 @@
59
59
 
60
60
  <script setup>
61
61
  import { ref, watch } from "vue";
62
+ defineOptions({ inheritAttrs: false });
62
63
  const props = defineProps({
63
64
  id: { type: String, required: false, default: "input-id-card" },
64
65
  name: { type: String, required: false, default: "input-id-card" },
65
66
  label: { type: String, required: false, default: "\u0E40\u0E25\u0E02\u0E1A\u0E31\u0E15\u0E23\u0E1B\u0E23\u0E30\u0E0A\u0E32\u0E0A\u0E19" },
66
- required: { type: Boolean, required: false, default: true },
67
+ required: { type: Boolean, required: false, default: false },
67
68
  rules: { type: [Function, Array, Object, String], required: false },
68
69
  disabled: { type: Boolean, required: false, default: false },
69
70
  error: { type: String, required: false, default: "" }
@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
11
11
  label: string;
12
12
  name: string;
13
13
  modelValue: LocalizedNameItem[];
14
- options: InputSelectItem[];
15
14
  placeholder: string;
15
+ options: InputSelectItem[];
16
16
  limit: number;
17
17
  showCounter: boolean;
18
18
  addLabel: string;
@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
11
11
  label: string;
12
12
  name: string;
13
13
  modelValue: LocalizedNameItem[];
14
- options: InputSelectItem[];
15
14
  placeholder: string;
15
+ options: InputSelectItem[];
16
16
  limit: number;
17
17
  showCounter: boolean;
18
18
  addLabel: string;
@@ -40,9 +40,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
40
40
  id: string;
41
41
  name: string;
42
42
  required: boolean;
43
- options: InputTagModalOption[];
44
43
  labelKey: string;
45
44
  placeholder: string;
45
+ options: InputTagModalOption[];
46
46
  disabledErrorMessage: boolean;
47
47
  valueKey: string;
48
48
  searchPlaceholder: string;
@@ -40,9 +40,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
40
40
  id: string;
41
41
  name: string;
42
42
  required: boolean;
43
- options: InputTagModalOption[];
44
43
  labelKey: string;
45
44
  placeholder: string;
45
+ options: InputTagModalOption[];
46
46
  disabledErrorMessage: boolean;
47
47
  valueKey: string;
48
48
  searchPlaceholder: string;
@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
26
26
  "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
27
27
  }>, {
28
28
  name: string;
29
- state: "user" | "admin";
30
29
  placeholder: string;
30
+ state: "user" | "admin";
31
31
  limit: number;
32
32
  profileScope: "personal" | "business";
33
33
  ignore: string[];
@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
26
26
  "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
27
27
  }>, {
28
28
  name: string;
29
- state: "user" | "admin";
30
29
  placeholder: string;
30
+ state: "user" | "admin";
31
31
  limit: number;
32
32
  profileScope: "personal" | "business";
33
33
  ignore: string[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pukaad-ui-lib",
3
- "version": "1.439.0",
3
+ "version": "1.441.0",
4
4
  "description": "pukaad-ui for MeMSG",
5
5
  "repository": {
6
6
  "type": "git",