@pequity/squirrel 8.4.4 → 8.4.5

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 (151) hide show
  1. package/README.md +2 -1
  2. package/dist/cjs/chunks/p-alert.js +3 -0
  3. package/dist/cjs/chunks/p-avatar.js +16 -0
  4. package/dist/cjs/chunks/p-btn.js +3 -0
  5. package/dist/cjs/chunks/p-card.js +4 -0
  6. package/dist/cjs/chunks/p-dropdown-select.js +34 -0
  7. package/dist/cjs/chunks/p-input-number.js +32 -0
  8. package/dist/cjs/chunks/p-input-percent.js +13 -2
  9. package/dist/cjs/chunks/p-input.js +28 -0
  10. package/dist/cjs/chunks/p-pagination-info.js +9 -5
  11. package/dist/cjs/chunks/p-pagination.js +23 -13
  12. package/dist/cjs/chunks/p-select-btn.js +2 -1
  13. package/dist/cjs/chunks/p-select.js +33 -0
  14. package/dist/cjs/chunks/p-table-loader.js +20 -0
  15. package/dist/cjs/chunks/p-tabs.js +12 -0
  16. package/dist/cjs/chunks/p-textarea.js +20 -0
  17. package/dist/cjs/index.js +40 -3
  18. package/dist/cjs/p-checkbox.js +8 -1
  19. package/dist/cjs/p-chips.js +17 -1
  20. package/dist/cjs/p-close-btn.js +6 -1
  21. package/dist/cjs/p-drawer.js +90 -2
  22. package/dist/cjs/p-dropdown.js +2 -1
  23. package/dist/cjs/p-input-search.js +13 -1
  24. package/dist/cjs/p-loading.js +1 -1
  25. package/dist/cjs/p-modal.js +82 -2
  26. package/dist/cjs/p-select-pill.js +36 -2
  27. package/dist/cjs/p-skeleton-loader.js +17 -1
  28. package/dist/cjs/p-table-filter-icon.js +4 -1
  29. package/dist/cjs/p-table-header-cell.js +29 -0
  30. package/dist/cjs/p-table-td.js +1 -1
  31. package/dist/cjs/p-toggle.js +22 -1
  32. package/dist/es/chunks/p-alert.js +3 -0
  33. package/dist/es/chunks/p-avatar.js +16 -0
  34. package/dist/es/chunks/p-btn.js +3 -0
  35. package/dist/es/chunks/p-card.js +4 -0
  36. package/dist/es/chunks/p-dropdown-select.js +34 -0
  37. package/dist/es/chunks/p-input-number.js +32 -0
  38. package/dist/es/chunks/p-input-percent.js +13 -2
  39. package/dist/es/chunks/p-input.js +28 -0
  40. package/dist/es/chunks/p-pagination-info.js +9 -5
  41. package/dist/es/chunks/p-pagination.js +24 -14
  42. package/dist/es/chunks/p-select-btn.js +2 -1
  43. package/dist/es/chunks/p-select.js +33 -0
  44. package/dist/es/chunks/p-table-loader.js +20 -0
  45. package/dist/es/chunks/p-tabs.js +12 -0
  46. package/dist/es/chunks/p-textarea.js +20 -0
  47. package/dist/es/index.js +40 -3
  48. package/dist/es/p-checkbox.js +8 -1
  49. package/dist/es/p-chips.js +17 -1
  50. package/dist/es/p-close-btn.js +6 -1
  51. package/dist/es/p-drawer.js +90 -2
  52. package/dist/es/p-dropdown.js +2 -1
  53. package/dist/es/p-input-search.js +13 -1
  54. package/dist/es/p-loading.js +1 -1
  55. package/dist/es/p-modal.js +82 -2
  56. package/dist/es/p-select-pill.js +36 -2
  57. package/dist/es/p-skeleton-loader.js +17 -1
  58. package/dist/es/p-table-filter-icon.js +4 -1
  59. package/dist/es/p-table-header-cell.js +29 -0
  60. package/dist/es/p-table-td.js +1 -1
  61. package/dist/es/p-toggle.js +22 -1
  62. package/dist/squirrel/components/p-action-bar/p-action-bar.vue.d.ts +14 -2
  63. package/dist/squirrel/components/p-alert/p-alert.vue.d.ts +16 -3
  64. package/dist/squirrel/components/p-avatar/p-avatar.vue.d.ts +35 -0
  65. package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +18 -2
  66. package/dist/squirrel/components/p-card/p-card.vue.d.ts +20 -7
  67. package/dist/squirrel/components/p-checkbox/p-checkbox.vue.d.ts +25 -7
  68. package/dist/squirrel/components/p-chips/p-chips.vue.d.ts +24 -0
  69. package/dist/squirrel/components/p-close-btn/p-close-btn.vue.d.ts +13 -0
  70. package/dist/squirrel/components/p-date-picker/p-date-picker.vue.d.ts +16 -0
  71. package/dist/squirrel/components/p-drawer/p-drawer.vue.d.ts +141 -3
  72. package/dist/squirrel/components/p-dropdown/p-dropdown.vue.d.ts +11 -2
  73. package/dist/squirrel/components/p-dropdown-select/p-dropdown-select.vue.d.ts +69 -1
  74. package/dist/squirrel/components/p-file-upload/p-file-upload.vue.d.ts +70 -6
  75. package/dist/squirrel/components/p-icon/p-icon.vue.d.ts +4 -0
  76. package/dist/squirrel/components/p-info-icon/p-info-icon.vue.d.ts +11 -4
  77. package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts +27 -7
  78. package/dist/squirrel/components/p-input/p-input.vue.d.ts +73 -8
  79. package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +83 -12
  80. package/dist/squirrel/components/p-input-percent/p-input-percent.vue.d.ts +22 -2
  81. package/dist/squirrel/components/p-input-search/p-input-search.vue.d.ts +24 -0
  82. package/dist/squirrel/components/p-modal/p-modal.vue.d.ts +185 -15
  83. package/dist/squirrel/components/p-pagination/p-pagination.vue.d.ts +22 -12
  84. package/dist/squirrel/components/p-pagination-info/p-pagination-info.vue.d.ts +16 -8
  85. package/dist/squirrel/components/p-progress-bar/p-progress-bar.vue.d.ts +20 -0
  86. package/dist/squirrel/components/p-ring-loader/p-ring-loader.vue.d.ts +10 -0
  87. package/dist/squirrel/components/p-select/p-select.vue.d.ts +76 -6
  88. package/dist/squirrel/components/p-select-btn/p-select-btn.vue.d.ts +67 -10
  89. package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts +1 -1
  90. package/dist/squirrel/components/p-select-pill/p-select-pill.vue.d.ts +72 -2
  91. package/dist/squirrel/components/p-skeleton-loader/p-skeleton-loader.vue.d.ts +40 -0
  92. package/dist/squirrel/components/p-steps/p-steps.vue.d.ts +12 -0
  93. package/dist/squirrel/components/p-table/p-table.vue.d.ts +32 -0
  94. package/dist/squirrel/components/p-table-header-cell/p-table-filter-icon.vue.d.ts +6 -0
  95. package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts +56 -1
  96. package/dist/squirrel/components/p-table-loader/p-table-loader.vue.d.ts +40 -0
  97. package/dist/squirrel/components/p-table-sort/p-table-sort.vue.d.ts +12 -2
  98. package/dist/squirrel/components/p-table-td/p-table-td.vue.d.ts +12 -0
  99. package/dist/squirrel/components/p-tabs/p-tabs.vue.d.ts +33 -2
  100. package/dist/squirrel/components/p-tabs-pills/p-tabs-pills.vue.d.ts +22 -0
  101. package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +52 -8
  102. package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +50 -3
  103. package/dist/squirrel.css +68 -68
  104. package/package.json +15 -15
  105. package/squirrel/components/p-action-bar/p-action-bar.stories.js +5 -5
  106. package/squirrel/components/p-action-bar/p-action-bar.vue +30 -3
  107. package/squirrel/components/p-alert/p-alert.vue +24 -0
  108. package/squirrel/components/p-avatar/p-avatar.vue +28 -0
  109. package/squirrel/components/p-btn/p-btn.vue +35 -0
  110. package/squirrel/components/p-card/p-card.vue +24 -1
  111. package/squirrel/components/p-checkbox/p-checkbox.vue +23 -1
  112. package/squirrel/components/p-chips/p-chips.vue +24 -0
  113. package/squirrel/components/p-close-btn/p-close-btn.vue +15 -0
  114. package/squirrel/components/p-date-picker/p-date-picker.vue +23 -1
  115. package/squirrel/components/p-drawer/p-drawer.vue +95 -0
  116. package/squirrel/components/p-dropdown/p-dropdown.vue +12 -1
  117. package/squirrel/components/p-dropdown-select/p-dropdown-select.vue +41 -0
  118. package/squirrel/components/p-file-upload/p-file-upload.vue +58 -3
  119. package/squirrel/components/p-icon/p-icon.vue +16 -0
  120. package/squirrel/components/p-info-icon/p-info-icon.vue +19 -0
  121. package/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue +32 -0
  122. package/squirrel/components/p-input/p-input.vue +61 -1
  123. package/squirrel/components/p-input-number/p-input-number.vue +78 -1
  124. package/squirrel/components/p-input-percent/p-input-percent.vue +27 -3
  125. package/squirrel/components/p-input-search/p-input-search.vue +30 -2
  126. package/squirrel/components/p-link/p-link.vue +13 -0
  127. package/squirrel/components/p-loading/p-loading.vue +9 -2
  128. package/squirrel/components/p-modal/p-modal.vue +138 -2
  129. package/squirrel/components/p-pagination/p-pagination.vue +28 -8
  130. package/squirrel/components/p-pagination-info/p-pagination-info.vue +16 -4
  131. package/squirrel/components/p-progress-bar/p-progress-bar.vue +31 -4
  132. package/squirrel/components/p-ring-loader/p-ring-loader.vue +17 -0
  133. package/squirrel/components/p-select/p-select.vue +50 -1
  134. package/squirrel/components/p-select-btn/p-select-btn.vue +90 -2
  135. package/squirrel/components/p-select-list/p-select-list.vue +7 -0
  136. package/squirrel/components/p-select-pill/p-select-pill.vue +52 -2
  137. package/squirrel/components/p-skeleton-loader/p-skeleton-loader.vue +24 -0
  138. package/squirrel/components/p-steps/p-steps.vue +25 -0
  139. package/squirrel/components/p-table/p-table.vue +39 -0
  140. package/squirrel/components/p-table-header-cell/p-table-filter-icon.vue +9 -0
  141. package/squirrel/components/p-table-header-cell/p-table-header-cell.vue +36 -0
  142. package/squirrel/components/p-table-loader/p-table-loader.vue +28 -0
  143. package/squirrel/components/p-table-sort/p-table-sort.vue +19 -1
  144. package/squirrel/components/p-table-td/p-table-td.vue +20 -0
  145. package/squirrel/components/p-tabs/p-tabs.stories.js +2 -2
  146. package/squirrel/components/p-tabs/p-tabs.vue +33 -1
  147. package/squirrel/components/p-tabs-pills/p-tabs-pills.vue +33 -0
  148. package/squirrel/components/p-textarea/p-textarea.vue +43 -1
  149. package/squirrel/components/p-toggle/p-toggle.vue +44 -1
  150. package/squirrel/assets/pagination-left-icon.svg +0 -5
  151. package/squirrel/assets/pagination-right-icon.svg +0 -5
@@ -1,44 +1,83 @@
1
1
  import { type Size } from '../p-btn/p-btn.types';
2
2
  import { type PropType } from 'vue';
3
- declare var __VLS_1: {
4
- label: string;
5
- labelClasses: string;
6
- }, __VLS_7: {};
7
- type __VLS_Slots = {} & {
8
- label?: (props: typeof __VLS_1) => any;
9
- } & {
10
- prefix?: (props: typeof __VLS_7) => any;
3
+ type __VLS_Slots = {
4
+ /**
5
+ * Custom label content - overrides the label prop.
6
+ * @param {string} label - The label text
7
+ * @param {string} label-classes - CSS classes for the label
8
+ */
9
+ label?: (props: {
10
+ label: string;
11
+ labelClasses: string;
12
+ }) => unknown;
13
+ /**
14
+ * Custom prefix content - overrides the prefixString prop.
15
+ * Use this slot for custom prefix content instead of the prefixString prop.
16
+ */
17
+ prefix?: () => unknown;
11
18
  };
12
19
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
20
+ /**
21
+ * The current numeric value of the input (v-model).
22
+ * Supports two-way binding for form inputs.
23
+ */
13
24
  modelValue: {
14
25
  type: PropType<number | string | null | undefined>;
15
26
  default: null;
16
27
  };
28
+ /**
29
+ * Text label for the input field.
30
+ * If not provided, you can use the label slot instead.
31
+ */
17
32
  label: {
18
33
  type: StringConstructor;
19
34
  default: string;
20
35
  };
36
+ /**
37
+ * Error message to display below the input.
38
+ * When provided, the input will show error styling.
39
+ */
21
40
  errorMsg: {
22
41
  type: StringConstructor;
23
42
  default: string;
24
43
  };
44
+ /**
45
+ * Whether the input is required.
46
+ * Adds required attribute and visual indicator.
47
+ */
25
48
  required: {
26
49
  type: BooleanConstructor;
27
50
  default: boolean;
28
51
  };
52
+ /**
53
+ * The size of the input - affects padding, font size, and spacing.
54
+ * Valid values: 'sm', 'md', 'lg'
55
+ */
29
56
  size: {
30
57
  type: PropType<Size>;
31
58
  default: string;
32
59
  validator(value: Size): boolean;
33
60
  };
61
+ /**
62
+ * Whether to select all text when the input receives focus.
63
+ * Provides better UX for number input fields.
64
+ */
34
65
  selectOnClick: {
35
66
  type: BooleanConstructor;
36
67
  default: boolean;
37
68
  };
69
+ /**
70
+ * Text for the info tooltip displayed next to the label.
71
+ * Uses PInfoIcon component for consistent tooltip styling.
72
+ */
38
73
  tooltipText: {
39
74
  type: StringConstructor;
40
75
  default: string;
41
76
  };
77
+ /**
78
+ * String to display as prefix in the input field.
79
+ * Can be overridden by the prefix slot for custom content.
80
+ */
42
81
  prefixString: {
43
82
  type: StringConstructor;
44
83
  default: string;
@@ -46,45 +85,77 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
46
85
  }>, {
47
86
  setValue: (number: number | null) => void;
48
87
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
49
- change: (...args: any[]) => void;
50
- "update:modelValue": (...args: any[]) => void;
88
+ change: (value: number | null) => any;
89
+ "update:modelValue": (value: number | null) => any;
51
90
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
91
+ /**
92
+ * The current numeric value of the input (v-model).
93
+ * Supports two-way binding for form inputs.
94
+ */
52
95
  modelValue: {
53
96
  type: PropType<number | string | null | undefined>;
54
97
  default: null;
55
98
  };
99
+ /**
100
+ * Text label for the input field.
101
+ * If not provided, you can use the label slot instead.
102
+ */
56
103
  label: {
57
104
  type: StringConstructor;
58
105
  default: string;
59
106
  };
107
+ /**
108
+ * Error message to display below the input.
109
+ * When provided, the input will show error styling.
110
+ */
60
111
  errorMsg: {
61
112
  type: StringConstructor;
62
113
  default: string;
63
114
  };
115
+ /**
116
+ * Whether the input is required.
117
+ * Adds required attribute and visual indicator.
118
+ */
64
119
  required: {
65
120
  type: BooleanConstructor;
66
121
  default: boolean;
67
122
  };
123
+ /**
124
+ * The size of the input - affects padding, font size, and spacing.
125
+ * Valid values: 'sm', 'md', 'lg'
126
+ */
68
127
  size: {
69
128
  type: PropType<Size>;
70
129
  default: string;
71
130
  validator(value: Size): boolean;
72
131
  };
132
+ /**
133
+ * Whether to select all text when the input receives focus.
134
+ * Provides better UX for number input fields.
135
+ */
73
136
  selectOnClick: {
74
137
  type: BooleanConstructor;
75
138
  default: boolean;
76
139
  };
140
+ /**
141
+ * Text for the info tooltip displayed next to the label.
142
+ * Uses PInfoIcon component for consistent tooltip styling.
143
+ */
77
144
  tooltipText: {
78
145
  type: StringConstructor;
79
146
  default: string;
80
147
  };
148
+ /**
149
+ * String to display as prefix in the input field.
150
+ * Can be overridden by the prefix slot for custom content.
151
+ */
81
152
  prefixString: {
82
153
  type: StringConstructor;
83
154
  default: string;
84
155
  };
85
156
  }>> & Readonly<{
86
- onChange?: ((...args: any[]) => any) | undefined;
87
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
157
+ onChange?: ((value: number | null) => any) | undefined;
158
+ "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
88
159
  }>, {
89
160
  size: "sm" | "md" | "lg";
90
161
  label: string;
@@ -1,27 +1,47 @@
1
1
  import { type Size } from '../p-btn/p-btn.types';
2
2
  import { type PropType } from 'vue';
3
3
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
+ /**
5
+ * The current value (v-model).
6
+ * Stored as a decimal (0.5 = 50%) but displayed as a percentage.
7
+ * Supports two-way binding for form inputs.
8
+ */
4
9
  modelValue: {
5
10
  type: PropType<number | string | null | undefined>;
6
11
  default: null;
7
12
  };
13
+ /**
14
+ * The size of the input field.
15
+ * Valid values: 'sm', 'md', 'lg'
16
+ * @values sm, md, lg
17
+ */
8
18
  size: {
9
19
  type: PropType<Size>;
10
20
  default: string;
11
21
  };
12
22
  }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
13
- "update:modelValue": (...args: any[]) => void;
23
+ "update:modelValue": (value: number | null) => any;
14
24
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
25
+ /**
26
+ * The current value (v-model).
27
+ * Stored as a decimal (0.5 = 50%) but displayed as a percentage.
28
+ * Supports two-way binding for form inputs.
29
+ */
15
30
  modelValue: {
16
31
  type: PropType<number | string | null | undefined>;
17
32
  default: null;
18
33
  };
34
+ /**
35
+ * The size of the input field.
36
+ * Valid values: 'sm', 'md', 'lg'
37
+ * @values sm, md, lg
38
+ */
19
39
  size: {
20
40
  type: PropType<Size>;
21
41
  default: string;
22
42
  };
23
43
  }>> & Readonly<{
24
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
44
+ "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
25
45
  }>, {
26
46
  size: "sm" | "md" | "lg";
27
47
  modelValue: string | number | null | undefined;
@@ -1,15 +1,27 @@
1
1
  import { type Size } from '../p-btn/p-btn.types';
2
2
  import { type PropType } from 'vue';
3
3
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
+ /**
5
+ * The search query value (v-model).
6
+ * Controls the input field content and visibility of the clear button.
7
+ */
4
8
  modelValue: {
5
9
  type: StringConstructor;
6
10
  default: string;
7
11
  };
12
+ /**
13
+ * The size of the search input.
14
+ * Affects the overall dimensions and icon positioning.
15
+ */
8
16
  size: {
9
17
  type: PropType<Size>;
10
18
  default: string;
11
19
  validator(value: Size): boolean;
12
20
  };
21
+ /**
22
+ * Whether to show the enter key icon when the input is focused.
23
+ * Provides visual feedback that pressing enter will trigger a search.
24
+ */
13
25
  showEnterIcon: {
14
26
  type: BooleanConstructor;
15
27
  default: boolean;
@@ -18,15 +30,27 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
18
30
  "update:modelValue": (value: string) => any;
19
31
  enter: (value: string) => any;
20
32
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
33
+ /**
34
+ * The search query value (v-model).
35
+ * Controls the input field content and visibility of the clear button.
36
+ */
21
37
  modelValue: {
22
38
  type: StringConstructor;
23
39
  default: string;
24
40
  };
41
+ /**
42
+ * The size of the search input.
43
+ * Affects the overall dimensions and icon positioning.
44
+ */
25
45
  size: {
26
46
  type: PropType<Size>;
27
47
  default: string;
28
48
  validator(value: Size): boolean;
29
49
  };
50
+ /**
51
+ * Whether to show the enter key icon when the input is focused.
52
+ * Provides visual feedback that pressing enter will trigger a search.
53
+ */
30
54
  showEnterIcon: {
31
55
  type: BooleanConstructor;
32
56
  default: boolean;
@@ -1,196 +1,366 @@
1
1
  import { type PropType, type StyleValue } from 'vue';
2
- declare var __VLS_24: {}, __VLS_37: {}, __VLS_39: {}, __VLS_41: {}, __VLS_43: {};
3
- type __VLS_Slots = {} & {
4
- 'title-wrapper'?: (props: typeof __VLS_24) => any;
5
- } & {
6
- 'content-wrapper'?: (props: typeof __VLS_37) => any;
7
- } & {
8
- default?: (props: typeof __VLS_39) => any;
9
- } & {
10
- 'footer-wrapper'?: (props: typeof __VLS_41) => any;
11
- } & {
12
- footer?: (props: typeof __VLS_43) => any;
2
+ type __VLS_Slots = {
3
+ /**
4
+ * Default content slot for the modal body.
5
+ */
6
+ default?: () => unknown;
7
+ /**
8
+ * Custom title wrapper content.
9
+ */
10
+ 'title-wrapper'?: () => unknown;
11
+ /**
12
+ * Custom content wrapper.
13
+ */
14
+ 'content-wrapper'?: () => unknown;
15
+ /**
16
+ * Custom footer content.
17
+ */
18
+ footer?: () => unknown;
19
+ /**
20
+ * Custom footer wrapper.
21
+ */
22
+ 'footer-wrapper'?: () => unknown;
13
23
  };
14
24
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
25
+ /**
26
+ * Unique name for the modal when using the modal service.
27
+ * Used for programmatic control of the modal.
28
+ */
15
29
  name: {
16
30
  type: StringConstructor;
17
31
  default: string;
18
32
  };
33
+ /**
34
+ * Title displayed in the modal header.
35
+ * Used for accessibility and visual identification.
36
+ */
19
37
  title: {
20
38
  type: StringConstructor;
21
39
  default: string;
22
40
  };
41
+ /**
42
+ * Base z-index for the modal.
43
+ * Higher values ensure the modal appears above other content.
44
+ */
23
45
  baseZindex: {
24
46
  type: NumberConstructor;
25
47
  default: number;
26
48
  };
49
+ /**
50
+ * CSS classes for the backdrop element.
51
+ * Controls the appearance of the modal overlay.
52
+ */
27
53
  bgClass: {
28
54
  type: PropType<StyleValue>;
29
55
  default: string;
30
56
  };
57
+ /**
58
+ * CSS classes for the modal wrapper element.
59
+ * Controls the positioning and layout of the modal container.
60
+ */
31
61
  wrapperClass: {
32
62
  type: PropType<StyleValue>;
33
63
  default: string;
34
64
  };
65
+ /**
66
+ * Base CSS classes for the modal content.
67
+ * Controls the appearance of the modal dialog itself.
68
+ */
35
69
  modalBaseClass: {
36
70
  type: PropType<StyleValue>;
37
71
  default: string;
38
72
  };
73
+ /**
74
+ * Additional CSS classes for the modal content.
75
+ * Merged with modalBaseClass for custom styling.
76
+ */
39
77
  modalClass: {
40
78
  type: PropType<StyleValue>;
41
79
  default: string;
42
80
  };
81
+ /**
82
+ * Inline styles for the modal content.
83
+ * Applied directly to the modal element.
84
+ */
43
85
  modalStyle: {
44
86
  type: PropType<StyleValue>;
45
87
  default: string;
46
88
  };
89
+ /**
90
+ * CSS class for the modal entrance animation.
91
+ * Controls how the modal appears.
92
+ */
47
93
  inClass: {
48
94
  type: StringConstructor;
49
95
  default: string;
50
96
  };
97
+ /**
98
+ * CSS class for the modal exit animation.
99
+ * Controls how the modal disappears.
100
+ */
51
101
  outClass: {
52
102
  type: StringConstructor;
53
103
  default: string;
54
104
  };
105
+ /**
106
+ * CSS class for the backdrop entrance animation.
107
+ * Controls how the backdrop appears.
108
+ */
55
109
  bgInClass: {
56
110
  type: StringConstructor;
57
111
  default: string;
58
112
  };
113
+ /**
114
+ * CSS class for the backdrop exit animation.
115
+ * Controls how the backdrop disappears.
116
+ */
59
117
  bgOutClass: {
60
118
  type: StringConstructor;
61
119
  default: string;
62
120
  };
121
+ /**
122
+ * Target element to append the modal to.
123
+ * Usually 'body' for proper z-index stacking.
124
+ */
63
125
  appendTo: {
64
126
  type: StringConstructor;
65
127
  default: string;
66
128
  };
129
+ /**
130
+ * Whether the modal should be mounted immediately.
131
+ * Useful for modals that are always present in the DOM.
132
+ */
67
133
  live: {
68
134
  type: BooleanConstructor;
69
135
  default: boolean;
70
136
  };
137
+ /**
138
+ * Whether the modal can be closed by user interaction.
139
+ * Controls close button visibility and backdrop click behavior.
140
+ */
71
141
  enableClose: {
72
142
  type: BooleanConstructor;
73
143
  default: boolean;
74
144
  };
145
+ /**
146
+ * Controls the visibility of the modal (v-model).
147
+ * Supports two-way binding for modal state.
148
+ */
75
149
  modelValue: {
76
150
  type: BooleanConstructor;
77
151
  default: boolean;
78
152
  };
153
+ /**
154
+ * Accessibility label for the close button.
155
+ * Used by screen readers for better accessibility.
156
+ */
79
157
  closeLabel: {
80
158
  type: StringConstructor;
81
159
  default: string;
82
160
  };
161
+ /**
162
+ * Whether the modal content is disabled.
163
+ * Prevents user interaction with modal content.
164
+ */
83
165
  disabled: {
84
166
  type: BooleanConstructor;
85
167
  default: boolean;
86
168
  };
169
+ /**
170
+ * Error message to display in the modal.
171
+ * Shows an error alert above the modal content.
172
+ */
87
173
  errorMsg: {
88
174
  type: StringConstructor;
89
175
  default: string;
90
176
  };
177
+ /**
178
+ * Maximum width of the modal.
179
+ * Controls the responsive behavior of the modal.
180
+ */
91
181
  maxWidth: {
92
182
  type: StringConstructor;
93
183
  default: string;
94
184
  };
95
185
  }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
96
- "update:modelValue": (args_0: boolean) => any;
186
+ "update:modelValue": (value: boolean) => any;
97
187
  closed: () => any;
98
188
  "before-open": () => any;
99
189
  opening: () => any;
100
190
  opened: () => any;
101
191
  "before-close": () => any;
102
192
  closing: () => any;
103
- "click:overlay": (args_0: MouseEvent) => any;
193
+ "click:overlay": (event: MouseEvent) => any;
104
194
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
195
+ /**
196
+ * Unique name for the modal when using the modal service.
197
+ * Used for programmatic control of the modal.
198
+ */
105
199
  name: {
106
200
  type: StringConstructor;
107
201
  default: string;
108
202
  };
203
+ /**
204
+ * Title displayed in the modal header.
205
+ * Used for accessibility and visual identification.
206
+ */
109
207
  title: {
110
208
  type: StringConstructor;
111
209
  default: string;
112
210
  };
211
+ /**
212
+ * Base z-index for the modal.
213
+ * Higher values ensure the modal appears above other content.
214
+ */
113
215
  baseZindex: {
114
216
  type: NumberConstructor;
115
217
  default: number;
116
218
  };
219
+ /**
220
+ * CSS classes for the backdrop element.
221
+ * Controls the appearance of the modal overlay.
222
+ */
117
223
  bgClass: {
118
224
  type: PropType<StyleValue>;
119
225
  default: string;
120
226
  };
227
+ /**
228
+ * CSS classes for the modal wrapper element.
229
+ * Controls the positioning and layout of the modal container.
230
+ */
121
231
  wrapperClass: {
122
232
  type: PropType<StyleValue>;
123
233
  default: string;
124
234
  };
235
+ /**
236
+ * Base CSS classes for the modal content.
237
+ * Controls the appearance of the modal dialog itself.
238
+ */
125
239
  modalBaseClass: {
126
240
  type: PropType<StyleValue>;
127
241
  default: string;
128
242
  };
243
+ /**
244
+ * Additional CSS classes for the modal content.
245
+ * Merged with modalBaseClass for custom styling.
246
+ */
129
247
  modalClass: {
130
248
  type: PropType<StyleValue>;
131
249
  default: string;
132
250
  };
251
+ /**
252
+ * Inline styles for the modal content.
253
+ * Applied directly to the modal element.
254
+ */
133
255
  modalStyle: {
134
256
  type: PropType<StyleValue>;
135
257
  default: string;
136
258
  };
259
+ /**
260
+ * CSS class for the modal entrance animation.
261
+ * Controls how the modal appears.
262
+ */
137
263
  inClass: {
138
264
  type: StringConstructor;
139
265
  default: string;
140
266
  };
267
+ /**
268
+ * CSS class for the modal exit animation.
269
+ * Controls how the modal disappears.
270
+ */
141
271
  outClass: {
142
272
  type: StringConstructor;
143
273
  default: string;
144
274
  };
275
+ /**
276
+ * CSS class for the backdrop entrance animation.
277
+ * Controls how the backdrop appears.
278
+ */
145
279
  bgInClass: {
146
280
  type: StringConstructor;
147
281
  default: string;
148
282
  };
283
+ /**
284
+ * CSS class for the backdrop exit animation.
285
+ * Controls how the backdrop disappears.
286
+ */
149
287
  bgOutClass: {
150
288
  type: StringConstructor;
151
289
  default: string;
152
290
  };
291
+ /**
292
+ * Target element to append the modal to.
293
+ * Usually 'body' for proper z-index stacking.
294
+ */
153
295
  appendTo: {
154
296
  type: StringConstructor;
155
297
  default: string;
156
298
  };
299
+ /**
300
+ * Whether the modal should be mounted immediately.
301
+ * Useful for modals that are always present in the DOM.
302
+ */
157
303
  live: {
158
304
  type: BooleanConstructor;
159
305
  default: boolean;
160
306
  };
307
+ /**
308
+ * Whether the modal can be closed by user interaction.
309
+ * Controls close button visibility and backdrop click behavior.
310
+ */
161
311
  enableClose: {
162
312
  type: BooleanConstructor;
163
313
  default: boolean;
164
314
  };
315
+ /**
316
+ * Controls the visibility of the modal (v-model).
317
+ * Supports two-way binding for modal state.
318
+ */
165
319
  modelValue: {
166
320
  type: BooleanConstructor;
167
321
  default: boolean;
168
322
  };
323
+ /**
324
+ * Accessibility label for the close button.
325
+ * Used by screen readers for better accessibility.
326
+ */
169
327
  closeLabel: {
170
328
  type: StringConstructor;
171
329
  default: string;
172
330
  };
331
+ /**
332
+ * Whether the modal content is disabled.
333
+ * Prevents user interaction with modal content.
334
+ */
173
335
  disabled: {
174
336
  type: BooleanConstructor;
175
337
  default: boolean;
176
338
  };
339
+ /**
340
+ * Error message to display in the modal.
341
+ * Shows an error alert above the modal content.
342
+ */
177
343
  errorMsg: {
178
344
  type: StringConstructor;
179
345
  default: string;
180
346
  };
347
+ /**
348
+ * Maximum width of the modal.
349
+ * Controls the responsive behavior of the modal.
350
+ */
181
351
  maxWidth: {
182
352
  type: StringConstructor;
183
353
  default: string;
184
354
  };
185
355
  }>> & Readonly<{
186
- "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
356
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
187
357
  onClosed?: (() => any) | undefined;
188
358
  "onBefore-open"?: (() => any) | undefined;
189
359
  onOpening?: (() => any) | undefined;
190
360
  onOpened?: (() => any) | undefined;
191
361
  "onBefore-close"?: (() => any) | undefined;
192
362
  onClosing?: (() => any) | undefined;
193
- "onClick:overlay"?: ((args_0: MouseEvent) => any) | undefined;
363
+ "onClick:overlay"?: ((event: MouseEvent) => any) | undefined;
194
364
  }>, {
195
365
  name: string;
196
366
  title: string;