@maz-ui/mcp 4.0.0-beta.26

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/LICENSE +21 -0
  2. package/README.md +264 -0
  3. package/bin/maz-ui-mcp.mjs +7 -0
  4. package/dist/mcp.d.mts +13 -0
  5. package/dist/mcp.d.ts +13 -0
  6. package/dist/mcp.mjs +586 -0
  7. package/docs/generated-docs/maz-accordion.doc.md +21 -0
  8. package/docs/generated-docs/maz-animated-counter.doc.md +17 -0
  9. package/docs/generated-docs/maz-animated-element.doc.md +14 -0
  10. package/docs/generated-docs/maz-animated-text.doc.md +14 -0
  11. package/docs/generated-docs/maz-avatar.doc.md +44 -0
  12. package/docs/generated-docs/maz-backdrop.doc.md +61 -0
  13. package/docs/generated-docs/maz-badge.doc.md +16 -0
  14. package/docs/generated-docs/maz-bottom-sheet.doc.md +21 -0
  15. package/docs/generated-docs/maz-btn.doc.md +30 -0
  16. package/docs/generated-docs/maz-card-spotlight.doc.md +16 -0
  17. package/docs/generated-docs/maz-card.doc.md +39 -0
  18. package/docs/generated-docs/maz-carousel.doc.md +16 -0
  19. package/docs/generated-docs/maz-chart.doc.md +10 -0
  20. package/docs/generated-docs/maz-checkbox.doc.md +34 -0
  21. package/docs/generated-docs/maz-checklist.doc.md +30 -0
  22. package/docs/generated-docs/maz-circular-progress-bar.doc.md +27 -0
  23. package/docs/generated-docs/maz-date-picker.doc.md +52 -0
  24. package/docs/generated-docs/maz-dialog-confirm.doc.md +24 -0
  25. package/docs/generated-docs/maz-dialog.doc.md +22 -0
  26. package/docs/generated-docs/maz-drawer.doc.md +26 -0
  27. package/docs/generated-docs/maz-dropdown.doc.md +42 -0
  28. package/docs/generated-docs/maz-dropzone.doc.md +82 -0
  29. package/docs/generated-docs/maz-expand-animation.doc.md +12 -0
  30. package/docs/generated-docs/maz-fullscreen-loader.doc.md +13 -0
  31. package/docs/generated-docs/maz-gallery.doc.md +17 -0
  32. package/docs/generated-docs/maz-icon.doc.md +18 -0
  33. package/docs/generated-docs/maz-input-code.doc.md +25 -0
  34. package/docs/generated-docs/maz-input-number.doc.md +31 -0
  35. package/docs/generated-docs/maz-input-phone-number.doc.md +56 -0
  36. package/docs/generated-docs/maz-input-price.doc.md +26 -0
  37. package/docs/generated-docs/maz-input-tags.doc.md +24 -0
  38. package/docs/generated-docs/maz-input.doc.md +54 -0
  39. package/docs/generated-docs/maz-lazy-img.doc.md +31 -0
  40. package/docs/generated-docs/maz-link.doc.md +31 -0
  41. package/docs/generated-docs/maz-loading-bar.doc.md +6 -0
  42. package/docs/generated-docs/maz-pagination.doc.md +22 -0
  43. package/docs/generated-docs/maz-popover.doc.md +70 -0
  44. package/docs/generated-docs/maz-pull-to-refresh.doc.md +31 -0
  45. package/docs/generated-docs/maz-radio-buttons.doc.md +33 -0
  46. package/docs/generated-docs/maz-radio.doc.md +33 -0
  47. package/docs/generated-docs/maz-reading-progress-bar.doc.md +18 -0
  48. package/docs/generated-docs/maz-select-country.doc.md +44 -0
  49. package/docs/generated-docs/maz-select.doc.md +65 -0
  50. package/docs/generated-docs/maz-slider.doc.md +20 -0
  51. package/docs/generated-docs/maz-spinner.doc.md +6 -0
  52. package/docs/generated-docs/maz-stepper.doc.md +29 -0
  53. package/docs/generated-docs/maz-switch.doc.md +31 -0
  54. package/docs/generated-docs/maz-table-cell.doc.md +5 -0
  55. package/docs/generated-docs/maz-table-row.doc.md +11 -0
  56. package/docs/generated-docs/maz-table-title.doc.md +5 -0
  57. package/docs/generated-docs/maz-table.doc.md +66 -0
  58. package/docs/generated-docs/maz-tabs-bar.doc.md +18 -0
  59. package/docs/generated-docs/maz-tabs-content-item.doc.md +11 -0
  60. package/docs/generated-docs/maz-tabs-content.doc.md +5 -0
  61. package/docs/generated-docs/maz-tabs.doc.md +17 -0
  62. package/docs/generated-docs/maz-textarea.doc.md +41 -0
  63. package/docs/src/components/index.md +8 -0
  64. package/docs/src/components/maz-accordion.md +80 -0
  65. package/docs/src/components/maz-animated-counter.md +124 -0
  66. package/docs/src/components/maz-animated-element.md +36 -0
  67. package/docs/src/components/maz-animated-text.md +36 -0
  68. package/docs/src/components/maz-avatar.md +179 -0
  69. package/docs/src/components/maz-backdrop.md +16 -0
  70. package/docs/src/components/maz-badge.md +222 -0
  71. package/docs/src/components/maz-bottom-sheet.md +398 -0
  72. package/docs/src/components/maz-btn.md +526 -0
  73. package/docs/src/components/maz-card-spotlight.md +163 -0
  74. package/docs/src/components/maz-card.md +447 -0
  75. package/docs/src/components/maz-carousel.md +127 -0
  76. package/docs/src/components/maz-chart.md +346 -0
  77. package/docs/src/components/maz-checkbox.md +168 -0
  78. package/docs/src/components/maz-checklist.md +414 -0
  79. package/docs/src/components/maz-circular-progress-bar.md +147 -0
  80. package/docs/src/components/maz-date-picker.md +1078 -0
  81. package/docs/src/components/maz-dialog-confirm.md +240 -0
  82. package/docs/src/components/maz-dialog.md +208 -0
  83. package/docs/src/components/maz-drawer.md +177 -0
  84. package/docs/src/components/maz-dropdown.md +650 -0
  85. package/docs/src/components/maz-dropzone.md +442 -0
  86. package/docs/src/components/maz-expand-animation.md +99 -0
  87. package/docs/src/components/maz-fullscreen-loader.md +58 -0
  88. package/docs/src/components/maz-gallery.md +85 -0
  89. package/docs/src/components/maz-icon.md +85 -0
  90. package/docs/src/components/maz-input-code.md +61 -0
  91. package/docs/src/components/maz-input-number.md +81 -0
  92. package/docs/src/components/maz-input-phone-number.md +867 -0
  93. package/docs/src/components/maz-input-price.md +58 -0
  94. package/docs/src/components/maz-input-tags.md +114 -0
  95. package/docs/src/components/maz-input.md +453 -0
  96. package/docs/src/components/maz-lazy-img.md +24 -0
  97. package/docs/src/components/maz-link.md +156 -0
  98. package/docs/src/components/maz-loading-bar.md +26 -0
  99. package/docs/src/components/maz-pagination.md +81 -0
  100. package/docs/src/components/maz-popover.md +1414 -0
  101. package/docs/src/components/maz-pull-to-refresh.md +49 -0
  102. package/docs/src/components/maz-radio-buttons.md +456 -0
  103. package/docs/src/components/maz-radio.md +141 -0
  104. package/docs/src/components/maz-reading-progress-bar.md +74 -0
  105. package/docs/src/components/maz-select-country.md +636 -0
  106. package/docs/src/components/maz-select.md +439 -0
  107. package/docs/src/components/maz-slider.md +191 -0
  108. package/docs/src/components/maz-spinner.md +93 -0
  109. package/docs/src/components/maz-stepper.md +418 -0
  110. package/docs/src/components/maz-switch.md +92 -0
  111. package/docs/src/components/maz-table.md +571 -0
  112. package/docs/src/components/maz-tabs.md +231 -0
  113. package/docs/src/components/maz-textarea.md +218 -0
  114. package/docs/src/composables/use-aos.md +34 -0
  115. package/docs/src/composables/use-breakpoints.md +35 -0
  116. package/docs/src/composables/use-dialog.md +88 -0
  117. package/docs/src/composables/use-display-names.md +174 -0
  118. package/docs/src/composables/use-form-validator.md +1149 -0
  119. package/docs/src/composables/use-idle-timeout.md +256 -0
  120. package/docs/src/composables/use-reading-time.md +168 -0
  121. package/docs/src/composables/use-string-matching.md +63 -0
  122. package/docs/src/composables/use-swipe.md +223 -0
  123. package/docs/src/composables/use-timer.md +130 -0
  124. package/docs/src/composables/use-toast.md +71 -0
  125. package/docs/src/composables/use-user-visibility.md +169 -0
  126. package/docs/src/composables/use-wait.md +62 -0
  127. package/docs/src/composables/use-window-size.md +18 -0
  128. package/docs/src/demo/DemoAuthPage.vue +178 -0
  129. package/docs/src/demo/DemoDashboardPage.vue +298 -0
  130. package/docs/src/demo/DemoProductPage.vue +135 -0
  131. package/docs/src/directives/click-outside.md +275 -0
  132. package/docs/src/directives/fullscreen-img.md +101 -0
  133. package/docs/src/directives/lazy-img.md +184 -0
  134. package/docs/src/directives/tooltip.md +458 -0
  135. package/docs/src/directives/zoom-img.md +127 -0
  136. package/docs/src/guide/cli.md +144 -0
  137. package/docs/src/guide/getting-started.md +284 -0
  138. package/docs/src/guide/icon-set.md +60 -0
  139. package/docs/src/guide/icons.md +481 -0
  140. package/docs/src/guide/mcp.md +210 -0
  141. package/docs/src/guide/migration-v4.md +898 -0
  142. package/docs/src/guide/nuxt.md +411 -0
  143. package/docs/src/guide/resolvers.md +697 -0
  144. package/docs/src/guide/themes.md +789 -0
  145. package/docs/src/guide/translations.md +1173 -0
  146. package/docs/src/guide/vue.md +243 -0
  147. package/docs/src/helpers/camel-case.md +14 -0
  148. package/docs/src/helpers/capitalize.md +51 -0
  149. package/docs/src/helpers/check-availability.md +14 -0
  150. package/docs/src/helpers/country-code-to-unicode-flag.md +213 -0
  151. package/docs/src/helpers/currency.md +67 -0
  152. package/docs/src/helpers/date.md +67 -0
  153. package/docs/src/helpers/debounce-callback.md +14 -0
  154. package/docs/src/helpers/debounce-id.md +14 -0
  155. package/docs/src/helpers/debounce.md +14 -0
  156. package/docs/src/helpers/get-country-flag-url.md +156 -0
  157. package/docs/src/helpers/is-client.md +14 -0
  158. package/docs/src/helpers/is-equal.md +14 -0
  159. package/docs/src/helpers/is-standalone-mode.md +14 -0
  160. package/docs/src/helpers/kebab-case.md +14 -0
  161. package/docs/src/helpers/normalize-string.md +14 -0
  162. package/docs/src/helpers/number.md +65 -0
  163. package/docs/src/helpers/pascal-case.md +14 -0
  164. package/docs/src/helpers/script-loader.md +14 -0
  165. package/docs/src/helpers/sleep.md +14 -0
  166. package/docs/src/helpers/snake-case.md +14 -0
  167. package/docs/src/helpers/throttle-id.md +14 -0
  168. package/docs/src/helpers/throttle.md +14 -0
  169. package/docs/src/index.md +555 -0
  170. package/docs/src/made-with-maz-ui.md +58 -0
  171. package/docs/src/plugins/aos.md +347 -0
  172. package/docs/src/plugins/dialog.md +411 -0
  173. package/docs/src/plugins/toast.md +349 -0
  174. package/docs/src/plugins/wait.md +109 -0
  175. package/package.json +84 -0
@@ -0,0 +1,31 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- | -------- | ------------------------------- | ----------------------------------------- |
5
+ | **class** | The class attribute of the link | `Native type` | No | `undefined` | - |
6
+ | **style** | The style attribute of the link | `Native type` | No | `undefined` | - |
7
+ | **as** | The component to use for the link - if not provided, it will be `router-link` if `to` is provided, will be `a` if `href` is provided, otherwise it will be `button`, you can force the component to be used with `as` prop | `string \| "a" \| "router-link" \| "nuxt-link" \| "button"` | No | `depends on the provided props` | `a', 'router-link', 'nuxt-link', 'button` |
8
+ | **id** | The id of the link | `string` | No | `undefined` | - |
9
+ | **title** | The title of the link | `string` | No | `undefined` | - |
10
+ | **href** | The href of the link | `string` | No | `undefined` | - |
11
+ | **to** | The route location (router-link) of the link | `RouteLocationRaw` | No | `undefined` | - |
12
+ | **color** | The color of the link | `MazColor` | No | `primary` | - |
13
+ | **target** | The target of the link | `"_blank" \| "_self" \| "_parent" \| "_top" \| string` | No | `_self` | `_blank', '_self', '_parent', '_top` |
14
+ | **download** | The download of the link | `string` | No | `undefined` | - |
15
+ | **rel** | The rel of the link | `string` | No | `undefined` | - |
16
+ | **aria-label** | The aria-label of the link | `string` | No | `undefined` | - |
17
+ | **underline** | Add an underline to the link | `boolean` | No | `false` | - |
18
+ | **underline-hover** | Add an underline only on hover | `boolean` | No | `true` | - |
19
+ | **auto-external** | Add an external icon to the link if target is '\_blank' | `boolean` | No | `true` | - |
20
+ | **left-icon** | The name of the icon or component to display on the left of the text `@type` `{string \| FunctionalComponent \| ComponentPublicInstance \| Component}` | `string \| IconComponent` | No | `undefined` | - |
21
+ | **right-icon** | The name of the icon or component to display on the right of the text `@type` `{string \| FunctionalComponent \| ComponentPublicInstance \| Component}` | `string \| IconComponent` | No | `undefined` | - |
22
+ | **disabled** | The disabled state of the link if the component is a button | `boolean` | No | `false` | - |
23
+
24
+ ## Slots
25
+
26
+ | Name | Description | Bindings |
27
+ | ------------- | ------------------------------------------- | -------- |
28
+ | left-icon | The icon to display on the left of the text | |
29
+ | default | Text of the link | |
30
+ | right-icon | The icon to display on the left of the text | |
31
+ | external-icon | Replace the default external icon | |
@@ -0,0 +1,6 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default |
4
+ | ---------- | ---------------------------- | ---------- | -------- | ------------ |
5
+ | **color** | The color of the component. | `MazColor` | No | `'primary'` |
6
+ | **height** | The height of the component. | `string` | No | `'0.125rem'` |
@@ -0,0 +1,22 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ---------------- | ---------------------------------------------------------------------------------------------------------------- | -------------------------- | -------- | ----------- | ------------------------------------------------------------------------------------------------------- |
5
+ | **model-value** | `v-model` <br/>The current page number. | `number` | No | `1` | - |
6
+ | **button-props** | Props apply to the MazBtn components. | `Partial<MazBtnProps>` | No | `undefined` | - |
7
+ | **results-size** | Number of results in this page. Useful for accessibility to set aria-setsize attribute. Partial of MazBtn props. | `number` | No | `undefined` | - |
8
+ | **active-color** | Color of the active button. | `MazColor \| "background"` | No | `contrast` | `contrast', 'primary', 'secondary', 'info', 'success', 'warning', 'destructive', 'accent', 'background` |
9
+ | **size** | Size of the buttons. | `MazSize` | No | `md` | `mini', 'xs', 'sm', 'md', 'lg', 'xl` |
10
+ | **total-pages** | Total number of pages. | `number` | Yes | `10` | - |
11
+ | **page-range** | Number of buttons to display before and after the current page. | `number` | No | `1` | - |
12
+ | **loading** | Enable loading state of current button | `boolean` | No | `false` | - |
13
+
14
+ ## Slots
15
+
16
+ | Name | Description | Bindings |
17
+ | ---------------- | ------------------------------------------------------------- | ---------------------------------------- |
18
+ | first-page-sr | Accessible text for screen reader of the previous page button | **page** `number` - first page number |
19
+ | previous-page-sr | Accessible text for screen reader of the first page button | **page** `number` - previous page number |
20
+ | page-sr | Accessible text for screen reader of the current page button | **page** `number` - current page number |
21
+ | next-page-sr | Accessible text for screen reader of the next page button | **page** `number` - next page number |
22
+ | last-page-sr | Accessible text for screen reader of the last page button | **page** `number` - last page number |
@@ -0,0 +1,70 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------- | -------------- | ---------------------------------------------------------------------------------------------------------------------------- |
5
+ | **model-value** | `v-model` <br/>Controls the popover open state | `boolean` | No | `false` | - |
6
+ | **position** | **Position of the popover relative to trigger** <br/> <br/>Position of the popover relative to trigger<br/> | `MazPopoverPosition` | No | `auto` | `auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end` |
7
+ | **prefer-position** | **Preferred position of the popover relative to trigger when auto position is used** <br/> <br/>Preferred position of the popover relative to trigger<br/> | `MazPopoverPreferPosition` | No | `bottom-start` | `auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end` |
8
+ | **fallback-position** | **Fallback position of the popover relative to trigger when prefer position is not visible** <br/> <br/>Fallback position of the popover relative to trigger<br/> | `MazPopoverFallbackPosition` | No | `auto` | `auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end` |
9
+ | **trigger** | **How the popover is triggered** <br/> <br/>How the popover is triggered. 'adaptive' uses hover on desktop and click on mobile<br/> | `MazPopoverTrigger` | No | `click` | `click, hover, manual, adaptive` |
10
+ | **role** | **ARIA role for accessibility** <br/> <br/>ARIA role for accessibility<br/> | `MazPopoverRole` | No | `dialog` | `dialog, tooltip` |
11
+ | **aria-label** | ARIA label for the popover | `string` | No | `undefined` | - |
12
+ | **announce-changes** | Announce content changes to screen readers | `boolean` | No | `false` | - |
13
+ | **disabled** | **Disables the popover** <br/> <br/>Disables the popover<br/> | `boolean` | No | `false` | - |
14
+ | **offset** | Distance between trigger and popover in pixels | `number` | No | `8` | - |
15
+ | **delay** | Delay before showing/hiding in milliseconds | `number` | No | `0` | - |
16
+ | **hover-delay** | Delay before closing on hover in milliseconds | `number` | No | `150` | - |
17
+ | **transition** | CSS transition name for animations | `string` | No | `maz-popover` | - |
18
+ | **teleport-to** | Teleport target selector | `string` | No | `body` | - |
19
+ | **overlay-class** | Additional CSS classes for the overlay wrapper | `Native type` | No | `undefined` | - |
20
+ | **panel-class** | Additional CSS classes for the popover panel | `Native type` | No | `undefined` | - |
21
+ | **panel-style** | Inline styles for the popover panel | `Native type` | No | `undefined` | - |
22
+ | **close-on-click-outside** | Close popover when clicking outside | `boolean` | No | `true` | - |
23
+ | **close-on-escape** | Close popover when pressing Escape key | `boolean` | No | `true` | - |
24
+ | **persistent** | Prevent auto-close (ignores click outside and escape key) | `boolean` | No | `false` | - |
25
+ | **id** | Custom ID for the popover element | `string` | No | `undefined` | - |
26
+ | **aria-labelledby** | ARIA labelledby attribute for accessibility | `string` | No | `undefined` | - |
27
+ | **aria-describedby** | ARIA describedby attribute for accessibility | `string` | No | `undefined` | - |
28
+ | **color** | Color variant of the popover | `MazColor \| "background"` | No | `background` | `primary, secondary, accent, info, success, warning, destructive, contrast, background` |
29
+ | **trap-focus** | Trap focus inside the popover | `boolean` | No | `true` | - |
30
+ | **keep-open-on-hover** | Keep popover open when hovering over the panel | `boolean` | No | `false` | - |
31
+ | **block** | The popover will be full width of the trigger | `boolean` | No | `false` | - |
32
+ | **position-reference** | **CSS selector or element reference to use for positioning calculations** <br/> <br/>When provided, the popover will position relative to this element instead of the trigger Useful for components with labels where you want to position relative to the actual input<br/><br/>**Example:** `"input" or "#my-input" or HTMLElement` | `string \| HTMLElement` | No | `undefined` | - |
33
+
34
+ ## Events
35
+
36
+ | Event name | Properties | Description |
37
+ | ------------------ | ---------------------------------------- | ---------------------------------- |
38
+ | update:model-value | **value** `boolean` - The new open state | Emitted when popover state changes |
39
+ | open | | Emitted when popover opens |
40
+ | close | | Emitted when popover closes |
41
+ | toggle | **value** `boolean` - The new open state | Emitted when popover toggles |
42
+
43
+ ## Slots
44
+
45
+ | Name | Description | Bindings |
46
+ | ------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
47
+ | trigger | Trigger element content | **open** `function` - Function to open the popover<br/>**close** `function` - Function to close the popover<br/>**toggle** `function` - Function to toggle the popover<br/>**is-open** `boolean` - Current open state of the popover<br/>**trigger** `'click' \| 'hover' \| 'manual'` - The trigger type |
48
+ | default | Popover content | **open** `function` - Function to open the popover<br/>**close** `function` - Function to close the popover<br/>**toggle** `function` - Function to toggle the popover<br/>**is-open** `boolean` - Current open state of the popover |
49
+
50
+ ## Expose
51
+
52
+ ### open
53
+
54
+ > Open the popover <br/>`@description` Programmatically open the popover<br/>`@usage` `mazPopoverInstance.value?.open()`
55
+
56
+ ### close
57
+
58
+ > Close the popover <br/>`@description` Programmatically close the popover<br/>`@usage` `mazPopoverInstance.value?.close()`
59
+
60
+ ### toggle
61
+
62
+ > Toggle the popover <br/>`@description` Programmatically toggle the popover open/close state<br/>`@usage` `mazPopoverInstance.value?.toggle()`
63
+
64
+ ### isOpen
65
+
66
+ > Check if the popover is open <br/>`@description` Reactive reference to the popover open state<br/>`@usage` `const isPopoverOpen = mazPopoverInstance.value?.isOpen`
67
+
68
+ ### updatePosition
69
+
70
+ > Update the popover position <br/>`@description` Manually recalculate and update the popover position<br/>`@usage` `mazPopoverInstance.value?.updatePosition()`
@@ -0,0 +1,31 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default |
4
+ | ---------------------- | ----------- | ---------------- | -------- | ------------ |
5
+ | **distance** | | `number` | No | `100` |
6
+ | **offset** | | `number` | No | `0` |
7
+ | **on-click** | | `TSFunctionType` | No | `undefined` |
8
+ | **container-selector** | | `string` | No | `undefined` |
9
+ | **header-class** | | `string` | No | `undefined` |
10
+ | **spinner-color** | | `MazColor` | No | `'contrast'` |
11
+ | **disabled** | | `boolean` | No | `false` |
12
+ | **standalone-mode** | | `boolean` | No | `false` |
13
+
14
+ ## Events
15
+
16
+ | Event name | Properties | Description |
17
+ | ---------- | ---------- | ----------- |
18
+ | loaded | |
19
+ | start | |
20
+ | error | |
21
+ | finish | |
22
+ | response | |
23
+
24
+ ## Slots
25
+
26
+ | Name | Description | Bindings |
27
+ | ------------ | ----------- | -------- |
28
+ | pull-before | | |
29
+ | pull-ready | | |
30
+ | pull-loading | | |
31
+ | default | | |
@@ -0,0 +1,33 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | --------------- | --------------------------------------------- | -------------------------- | -------- | ------------------- | --------------- |
5
+ | **model-value** | `v-model` <br/> | `T` | No | `undefined` | - |
6
+ | **options** | The options to display | `Option[]` | Yes | `undefined` | - |
7
+ | **name** | The name of the radio group | `string` | No | `'MazButtonsRadio'` | - |
8
+ | **color** | The color of the selected radio buttons | `MazColor \| "background"` | No | `'primary'` | - |
9
+ | **elevation** | Add elevation to the radio buttons | `boolean` | No | `false` | - |
10
+ | **orientation** | The orientation of the radio buttons | `"row" \| "col"` | No | `'row'` | `row' \| 'col` |
11
+ | **wrap** | Disable the wrap of the radio buttons | `boolean` | No | `true` | - |
12
+ | **equal-size** | Make all radio buttons the same size | `boolean` | No | `false` | - |
13
+ | **selector** | Display a selector icon | `boolean` | No | `false` | - |
14
+ | **block** | The component will be displayed in full width | `boolean` | No | `false` | - |
15
+ | **error** | Whether there is an error with the input. | `boolean` | No | `undefined` | - |
16
+ | **success** | Whether the input is successful. | `boolean` | No | `undefined` | - |
17
+ | **warning** | Whether there is a warning with the input. | `boolean` | No | `undefined` | - |
18
+ | **hint** | The hint text to display below the input. | `string` | No | `undefined` | - |
19
+
20
+ ## Events
21
+
22
+ | Event name | Properties | Description |
23
+ | ------------------ | ---------------------------------------------------- | ------------------------------------------ |
24
+ | update:model-value | **value** `mixed` - The value of the selected option | Emitted when the selected option change |
25
+ | change | **value** `mixed` - The value of the selected option | Emitted when the selected option change |
26
+ | blur | **value** `FocusEvent` - The focus event | Emitted when the a radio button lost focus |
27
+ | focus | **value** `FocusEvent` - The focus event | Emitted when the a radio button is focused |
28
+
29
+ ## Slots
30
+
31
+ | Name | Description | Bindings |
32
+ | ------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------- |
33
+ | default | Label of the radio | **option** `string \| number \| boolean` - The value of the option<br/>**selected** `Boolean` - If the option is selected |
@@ -0,0 +1,33 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default |
4
+ | --------------- | -------------------------------------------- | ------------- | -------- | ----------- |
5
+ | **style** | Style attribut of the component root element | `Native type` | No | `undefined` |
6
+ | **class** | Class attribut of the component root element | `Native type` | No | `undefined` |
7
+ | **id** | The id of the radio | `string` | No | `undefined` |
8
+ | **model-value** | `v-model` <br/> | `T` | No | `undefined` |
9
+ | **value** | The value of the radio | `T` | Yes | `undefined` |
10
+ | **name** | The name of the radio | `string` | Yes | `undefined` |
11
+ | **label** | The label of the radio | `string` | No | `undefined` |
12
+ | **color** | The color of the radio | `MazColor` | No | `'primary'` |
13
+ | **size** | The size of the radio | `MazSize` | No | `'md'` |
14
+ | **disabled** | The disabled state of the radio | `boolean` | No | `false` |
15
+ | **error** | Whether there is an error with the input. | `boolean` | No | `undefined` |
16
+ | **success** | Whether the input is successful. | `boolean` | No | `undefined` |
17
+ | **warning** | Whether there is a warning with the input. | `boolean` | No | `undefined` |
18
+ | **hint** | The hint text to display below the input. | `string` | No | `undefined` |
19
+
20
+ ## Events
21
+
22
+ | Event name | Properties | Description |
23
+ | ------------------ | -------------------------------------------------------- | --------------------------------- |
24
+ | update:model-value | **value** `string \| number \| boolean` - selected value | Event emitted when value change |
25
+ | change | **value** `string \| number \| boolean` - selected value | Event emitted when value change |
26
+ | blur | **value** `FocusEvent` - The focus event | Emitted when the radio lost focus |
27
+ | focus | **value** `FocusEvent` - The focus event | Emitted when the radio is focused |
28
+
29
+ ## Slots
30
+
31
+ | Name | Description | Bindings |
32
+ | ------- | ----------- | -------- |
33
+ | default | | <br/> |
@@ -0,0 +1,18 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default |
4
+ | --------------------- | ----------------------------------------------------------------------------------------- | ------------- | -------- | ----------- |
5
+ | **height** | Height of the progress bar | `string` | No | `'4px'` |
6
+ | **color** | Color of the progress bar | `MazColor` | No | `'primary'` |
7
+ | **teleport-selector** | Selector of the element to teleport the progress bar | `string` | No | `'body'` |
8
+ | **content-selector** | Selector of the element to get the height | `string` | No | `'body'` |
9
+ | **offset** | Offset of the progress bar | `number` | No | `0` |
10
+ | **bar-class** | Class of the progress bar | `Native type` | No | `undefined` |
11
+ | **distance** | Instead of using the height of the content with a selector, you can set a scroll distance | `number` | No | `undefined` |
12
+
13
+ ## Events
14
+
15
+ | Event name | Properties | Description |
16
+ | ---------- | ---------- | ----------- |
17
+ | begin | |
18
+ | complete | |
@@ -0,0 +1,44 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default | Possible values |
4
+ | ------------------------- | -------------------------------------------- | ------------------------------------------------------- | -------- | --------------------------------------------------------------------------------------- | ------------------------------------ |
5
+ | **style** | Style attribut of the component root element | `HTMLAttributes['style']` | No | `undefined` | - |
6
+ | **class** | Class attribut of the component root element | `HTMLAttributes['class']` | No | `undefined` | - |
7
+ | **id** | Id of the component | `string` | No | `undefined` | - |
8
+ | **color** | Color of the component | `MazColor` | No | `primary` | - |
9
+ | **size** | Size of the component | `MazSize` | No | `md` | - |
10
+ | **preferred-codes** | Preferred countries to display | `Option['code'][]` | No | `undefined` | - |
11
+ | **ignored-codes** | Ignored countries to display | `Option['code'][]` | No | `undefined` | - |
12
+ | **only-codes** | Only countries to display | `Option['code'][]` | No | `undefined` | - |
13
+ | **list-position** | Position of the list | `MazPopoverProps['position']` | No | `auto` | - |
14
+ | **hide-flags** | Hide flags | `boolean` | No | `undefined` | - |
15
+ | **search** | Display search input in options list | `boolean` | No | `true` | - |
16
+ | **show-code-in-list** | Show code on list | `boolean` | No | `false` | - |
17
+ | **locale** | Locale | `string` | No | `locale defined within the maz-ui plugin or browser locale or en-US` | - |
18
+ | **success** | Success state | `boolean` | No | `undefined` | - |
19
+ | **error** | Error state | `boolean` | No | `undefined` | - |
20
+ | **warning** | Warning state | `boolean` | No | `undefined` | - |
21
+ | **display-code** | | `boolean` | No | `undefined` | - |
22
+ | **search-threshold** | Search threshold | `number` | No | `undefined` | - |
23
+ | **translations** | Translations | `Partial<MazTranslationsNestedSchema['selectCountry']>` | No | `MazTranslationsNestedSchema['selectCountry']` | - |
24
+ | **hint** | Hint message displayed | `string` | No | `undefined` | - |
25
+ | **options** | Options | `Option[]` | No | `undefined` | - |
26
+ | **display-names-options** | Display name type | `Intl.DisplayNamesOptions` | No | `{ type: 'region', languageDisplay: 'standard', fallback: 'code', style: 'long' }` | - |
27
+ | **codes-type** | Codes type | `CodesType` | No | `defined by displayNamesOptions.type (if 'region', 'country' is used, otherwise 'iso')` | `iso' \| 'bcp' \| 'country' \| 'all` |
28
+ | **open** | Open the select | `boolean` | No | `false` | - |
29
+
30
+ ## Events
31
+
32
+ | Event name | Properties | Description |
33
+ | ------------------ | ------------------------------------------------------- | ------------------------------------ |
34
+ | update:model-value | **value** `Option['code'] \| undefined` - The new value | Emitted when the model value changes |
35
+
36
+ ## Slots
37
+
38
+ | Name | Description | Bindings |
39
+ | ----------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------ |
40
+ | selector-flag | Country selector flag | **country-code** `String` - current selected country code - Ex: `"FR"` |
41
+ | no-results | | |
42
+ | country-list-flag | Country list flag | **option** `{ code: string; name: string; }` - country data<br/>**is-selected** `Boolean` - `true` if option is selected |
43
+ | country-list-code | | <br/> |
44
+ | country-list-name | | <br/> |
@@ -0,0 +1,65 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default |
4
+ | -------------------------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------------------------------------------- |
5
+ | **style** | Style attribut of the component root element | `HTMLAttributes['style']` | No | `undefined` |
6
+ | **class** | Class attribut of the component root element | `HTMLAttributes['class']` | No | `undefined` |
7
+ | **id** | The id of the select | `string` | No | `undefined` |
8
+ | **label** | The label of the select | `string` | No | `undefined` |
9
+ | **placeholder** | The placeholder of the select | `string` | No | `undefined` |
10
+ | **model-value** | The value of the select | `Value \| Value[]` | No | `undefined` |
11
+ | **options** | The options of the select | `Option[]` | Yes | `undefined` |
12
+ | **option-value-key** | The key of the option value | `string` | No | `'value'` |
13
+ | **option-label-key** | The key of the option label | `string` | No | `'label'` |
14
+ | **option-input-value-key** | The key of the option input value | `string` | No | `'label'` |
15
+ | **list-position** | The position of the list (auto by default - will switch between bottom-start and top-start) | `MazPopoverProps['position']` | No | `undefined` |
16
+ | **item-height** | The height of the option list item | `number` | No | `undefined` |
17
+ | **max-list-height** | The max height of the option list | `number` | No | `240` |
18
+ | **max-list-width** | The max width of the option list | `number` | No | `undefined` |
19
+ | **min-list-height** | The min height of the option list | `number` | No | `undefined` |
20
+ | **min-list-width** | The min width of the option list | `number` | No | `undefined` |
21
+ | **size** | The size of the select | `MazSize` | No | `'md'` |
22
+ | **color** | The color of the select | `MazColor` | No | `'primary'` |
23
+ | **search** | Display search input in option list | `boolean` | No | `undefined` |
24
+ | **search-function** | Replace the default search function to provide a custom search function | `TSFunctionType` | No | `undefined` |
25
+ | **search-threshold** | The threshold for the search input where 1 is a perfect match and 0 is a match with any character | `number` | No | `0.75` |
26
+ | **multiple** | Enable the multiple selection | `Multiple` | No | `undefined` |
27
+ | **required** | Make the input required in the form | `boolean` | No | `undefined` |
28
+ | **disabled** | Disable the component | `boolean` | No | `undefined` |
29
+ | **block** | The input will be displayed in full width | `boolean` | No | `undefined` |
30
+ | **autocomplete** | The autocomplete attribute of the input | `string` | No | `'off'` |
31
+ | **translations** | The translations of the component | `Partial<MazTranslationsNestedSchema['select']>` | No | `{ searchPlaceholder: 'Search in options', }` |
32
+ | **format-input-value** | The function to format the input value | `(value: Multiple extends true ? Value[] : Value) => string` | No | `undefined` |
33
+
34
+ ## Events
35
+
36
+ | Event name | Properties | Description |
37
+ | ------------------ | ------------------------------------------------------------ | -------------------------------------------- |
38
+ | close | **value** `Event` - the event | On list is closed |
39
+ | open | | On list is opened |
40
+ | blur | **value** `Event` - the event | On input blur |
41
+ | focus | **value** `Event` - the event | On input focus |
42
+ | change | **value** `Event` - the event | On input change value |
43
+ | input | **value** `Event` - the event | On input value |
44
+ | update:model-value | **value** `MazInputValue \| MazInputValue[]` - the new value | On model value update, returns the new value |
45
+ | selected-option | **value** `MazSelectOption` - the option object | On selected value, returns the option object |
46
+
47
+ ## Slots
48
+
49
+ | Name | Description | Bindings |
50
+ | ---------- | --------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |
51
+ | left-icon | | |
52
+ | right-icon | | |
53
+ | no-results | No results slot - Displayed when no results corresponding with search query | |
54
+ | optgroup | Custom optgroup label | **label** `String` - the label of the optgroup |
55
+ | default | Custom option | **option** `Object` - the option object<br/>**is-selected** `Boolean` - if the option is selected |
56
+
57
+ ## Expose
58
+
59
+ ### open
60
+
61
+ > Open the select <br/>`@description` This is used to open the list options
62
+
63
+ ### close
64
+
65
+ > Close the select <br/>`@description` This is used to close the list options
@@ -0,0 +1,20 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required |
4
+ | --------------- | ----------------------------------------- | -------------------------------------- | -------- |
5
+ | **model-value** | Array of cursors values | `number \| Array \| undefined \| null` | Yes |
6
+ | **labels** | array of cursors label | `string[]` | No |
7
+ | **min** | min value of sliders | `number` | No |
8
+ | **max** | max value of sliders | `number` | No |
9
+ | **step** | step value for slider increments | `number` | No |
10
+ | **size** | height size of slider bar | `string` | No |
11
+ | **divider** | remove div in different colors | `boolean` | No |
12
+ | **log** | become a logarithmic slider (exponential) | `boolean` | No |
13
+ | **color** | main slider color | `MazColor` | No |
14
+ | **cursor-anim** | disables cursor animation when active | `boolean` | No |
15
+
16
+ ## Events
17
+
18
+ | Event name | Properties | Description |
19
+ | ------------------ | ---------- | ----------- |
20
+ | update:model-value | |
@@ -0,0 +1,6 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default |
4
+ | --------- | ------------------------ | ---------- | -------- | ------- |
5
+ | **size** | The size of the spinner | `string` | No | `2em` |
6
+ | **color** | The color of the spinner | `MazColor` | No | `theme` |
@@ -0,0 +1,29 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default |
4
+ | --------------------------- | -------------------------- | ------------------ | -------- | ----------- |
5
+ | **model-value** | The current step | `number` | No | `undefined` |
6
+ | **steps** | The steps | `MazStepperStep[]` | No | `undefined` |
7
+ | **color** | The color of the stepper | `MazColor` | No | `primary` |
8
+ | **disabled-next-steps** | Disable the next steps | `boolean` | No | `undefined` |
9
+ | **disabled-previous-steps** | Disable the previous steps | `boolean` | No | `undefined` |
10
+ | **auto-validate-steps** | Auto validate the steps | `boolean` | No | `undefined` |
11
+ | **all-steps-opened** | Open all steps | `boolean` | No | `undefined` |
12
+ | **all-steps-validated** | Validate all steps | `boolean` | No | `undefined` |
13
+ | **can-close-steps** | Allow to close the steps | `boolean` | No | `undefined` |
14
+
15
+ ## Events
16
+
17
+ | Event name | Properties | Description |
18
+ | ------------------ | ---------- | ----------- |
19
+ | update:model-value | |
20
+
21
+ ## Slots
22
+
23
+ | Name | Description | Bindings |
24
+ | ------------------ | --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
25
+ | icon-${step} | Replace step number in the circle by an icon for the step | |
26
+ | title-${step} | Title of the step | |
27
+ | title-${step} | Subtitle of the step | |
28
+ | title-info-${step} | Info of the right of the step | |
29
+ | content-${step} | Content of the step | <br/>**validated** `boolean` - If the step is validated<br/>**error** `boolean` - If the step has an error<br/>**warning** `boolean` - If the step has a warning<br/>**next-step** `Function` - Function to go to the next step<br/>**previous-step** `Function` - Function to go to the previous step |
@@ -0,0 +1,31 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required | Default |
4
+ | --------------- | -------------------------------------------- | ------------- | -------- | ----------- |
5
+ | **style** | Style attribut of the component root element | `Native type` | No | `undefined` |
6
+ | **class** | Class attribut of the component root element | `Native type` | No | `undefined` |
7
+ | **model-value** | The model value of the switch | `boolean` | No | `false` |
8
+ | **id** | The id of the switch | `string` | No | `undefined` |
9
+ | **disabled** | If the switch is disabled | `boolean` | No | `false` |
10
+ | **name** | The name of the switch | `string` | No | `undefined` |
11
+ | **label** | Text label | `string` | No | `undefined` |
12
+ | **color** | The color of the switch | `MazColor` | No | `'primary'` |
13
+ | **error** | Whether there is an error with the input. | `boolean` | No | `undefined` |
14
+ | **success** | Whether the input is successful. | `boolean` | No | `undefined` |
15
+ | **warning** | Whether there is a warning with the input. | `boolean` | No | `undefined` |
16
+ | **hint** | The hint text to display below the input. | `string` | No | `undefined` |
17
+
18
+ ## Events
19
+
20
+ | Event name | Properties | Description |
21
+ | ------------------ | ---------------------------------------- | ------------------------------------ |
22
+ | update:model-value | **value** `boolean` - The new value | Emitted when the model value changes |
23
+ | change | **value** `boolean` - The new value | Emitted when the model value changes |
24
+ | blur | **value** `FocusEvent` - The focus event | Emitted when the switch lost focus |
25
+ | focus | **value** `FocusEvent` - The focus event | Emitted when the switch is focused |
26
+
27
+ ## Slots
28
+
29
+ | Name | Description | Bindings |
30
+ | ------- | ----------------------- | --------------------------------------------- |
31
+ | default | The label of the switch | **value** `Boolean` - The value of the switch |
@@ -0,0 +1,5 @@
1
+ ## Slots
2
+
3
+ | Name | Description | Bindings |
4
+ | ------- | ----------- | -------- |
5
+ | default | | |
@@ -0,0 +1,11 @@
1
+ ## Props
2
+
3
+ | Name | Description | Type | Required |
4
+ | ------------- | --------------------------------- | --------- | -------- |
5
+ | **hoverable** | Override hoverable of table props | `boolean` | No |
6
+
7
+ ## Slots
8
+
9
+ | Name | Description | Bindings |
10
+ | ------- | ----------- | -------- |
11
+ | default | | |
@@ -0,0 +1,5 @@
1
+ ## Slots
2
+
3
+ | Name | Description | Bindings |
4
+ | ------- | ----------- | -------- |
5
+ | default | | |