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