@maz-ui/mcp 5.0.1-beta.0 → 5.1.0-beta.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.
- package/README.md +61 -228
- package/bin/maz-ui-mcp.mjs +2 -5
- package/dist/cli.d.mts +7 -0
- package/dist/cli.d.ts +7 -0
- package/dist/cli.mjs +14 -0
- package/dist/index.d.mts +340 -0
- package/dist/index.d.ts +340 -0
- package/dist/index.mjs +14 -0
- package/dist/shared/mcp.DzqVbCaL.mjs +2346 -0
- package/docs/README.md +207 -0
- package/docs/agents/agents-md.md +52 -0
- package/docs/agents/claude-rule.md +52 -0
- package/docs/components/maz-accordion.md +76 -0
- package/docs/{src/components → components}/maz-alert.md +31 -164
- package/docs/components/maz-animated-counter.md +87 -0
- package/docs/components/maz-animated-element.md +46 -0
- package/docs/components/maz-animated-text.md +53 -0
- package/docs/components/maz-avatar.md +193 -0
- package/docs/components/maz-backdrop.md +178 -0
- package/docs/{src/components → components}/maz-badge.md +26 -67
- package/docs/components/maz-bottom-sheet.md +257 -0
- package/docs/{src/components → components}/maz-btn-group.md +26 -189
- package/docs/{src/components → components}/maz-btn.md +60 -245
- package/docs/components/maz-card-spotlight.md +84 -0
- package/docs/{src/components → components}/maz-card.md +67 -192
- package/docs/components/maz-carousel.md +153 -0
- package/docs/{src/components → components}/maz-chart.md +17 -161
- package/docs/components/maz-checkbox.md +138 -0
- package/docs/components/maz-checklist.md +251 -0
- package/docs/components/maz-circular-progress-bar.md +109 -0
- package/docs/{src/components → components}/maz-code-highlight.md +15 -93
- package/docs/components/maz-container.md +241 -0
- package/docs/{src/components → components}/maz-date-picker.md +85 -454
- package/docs/components/maz-dialog-confirm.md +215 -0
- package/docs/components/maz-dialog.md +143 -0
- package/docs/components/maz-drawer.md +106 -0
- package/docs/components/maz-dropdown.md +419 -0
- package/docs/{src/components → components}/maz-dropzone.md +80 -221
- package/docs/components/maz-expand-animation.md +82 -0
- package/docs/components/maz-fullscreen-loader.md +58 -0
- package/docs/components/maz-gallery.md +79 -0
- package/docs/{src/components → components}/maz-icon.md +32 -83
- package/docs/components/maz-input-code.md +73 -0
- package/docs/components/maz-input-number.md +79 -0
- package/docs/components/maz-input-phone-number.md +536 -0
- package/docs/components/maz-input-price.md +68 -0
- package/docs/components/maz-input-tags.md +112 -0
- package/docs/{src/components → components}/maz-input.md +74 -221
- package/docs/components/maz-lazy-img.md +113 -0
- package/docs/components/maz-link.md +146 -0
- package/docs/components/maz-loading-bar.md +38 -0
- package/docs/{src/components → components}/maz-markdown-editor.md +72 -125
- package/docs/components/maz-pagination.md +82 -0
- package/docs/components/maz-popover.md +794 -0
- package/docs/{src/components → components}/maz-pull-to-refresh.md +59 -45
- package/docs/components/maz-radio-buttons.md +313 -0
- package/docs/components/maz-radio.md +119 -0
- package/docs/{src/components → components}/maz-read-more.md +31 -122
- package/docs/components/maz-reading-progress-bar.md +96 -0
- package/docs/{src/components → components}/maz-select-country.md +80 -340
- package/docs/{src/components → components}/maz-select.md +76 -206
- package/docs/components/maz-sidebar-content.md +25 -0
- package/docs/components/maz-sidebar-footer.md +25 -0
- package/docs/components/maz-sidebar-group.md +27 -0
- package/docs/components/maz-sidebar-header.md +25 -0
- package/docs/components/maz-sidebar-menu-button.md +41 -0
- package/docs/components/maz-sidebar-menu-item.md +25 -0
- package/docs/components/maz-sidebar-menu-sub.md +32 -0
- package/docs/components/maz-sidebar-menu.md +25 -0
- package/docs/components/maz-sidebar-separator.md +21 -0
- package/docs/components/maz-sidebar-trigger.md +25 -0
- package/docs/{src/components → components}/maz-sidebar.md +117 -329
- package/docs/{src/components → components}/maz-skeleton.md +27 -156
- package/docs/{src/components → components}/maz-slider.md +33 -66
- package/docs/components/maz-spinner.md +84 -0
- package/docs/{src/components → components}/maz-stepper.md +43 -185
- package/docs/components/maz-switch.md +86 -0
- package/docs/components/maz-table-cell.md +27 -0
- package/docs/components/maz-table-row.md +28 -0
- package/docs/components/maz-table-title.md +27 -0
- package/docs/components/maz-table-virtualizer.md +31 -0
- package/docs/components/maz-table.md +426 -0
- package/docs/components/maz-tabs-bar.md +43 -0
- package/docs/components/maz-tabs-content-item.md +27 -0
- package/docs/components/maz-tabs-content.md +27 -0
- package/docs/{src/components → components}/maz-tabs.md +89 -126
- package/docs/components/maz-textarea.md +255 -0
- package/docs/components/maz-ticker.md +427 -0
- package/docs/components/maz-timeline.md +304 -0
- package/docs/components/maz-ui-provider.md +26 -0
- package/docs/{src/components → components}/maz-window-mockup.md +38 -105
- package/docs/composables/use-aos.md +41 -0
- package/docs/composables/use-breakpoints.md +42 -0
- package/docs/composables/use-dialog.md +58 -0
- package/docs/{src/composables → composables}/use-display-names.md +12 -59
- package/docs/{src/composables → composables}/use-drag.md +14 -68
- package/docs/{src/composables → composables}/use-form-validator.md +22 -696
- package/docs/{src/composables → composables}/use-idle-timeout.md +13 -97
- package/docs/{src/composables → composables}/use-pull-to-refresh.md +14 -7
- package/docs/{src/composables → composables}/use-reading-time.md +20 -56
- package/docs/composables/use-string-matching.md +41 -0
- package/docs/{src/composables → composables}/use-swipe.md +14 -81
- package/docs/{src/composables → composables}/use-timer.md +12 -38
- package/docs/composables/use-toast.md +50 -0
- package/docs/{src/composables → composables}/use-user-visibility.md +14 -56
- package/docs/composables/use-wait.md +50 -0
- package/docs/composables/use-window-size.md +25 -0
- package/docs/{src/directives → directives}/click-outside.md +13 -99
- package/docs/{src/directives → directives}/fullscreen-img.md +10 -28
- package/docs/{src/directives → directives}/lazy-img.md +14 -49
- package/docs/{src/directives → directives}/tooltip.md +12 -217
- package/docs/{src/directives → directives}/zoom-img.md +11 -38
- package/docs/{src/ecosystem → ecosystem}/eslint-config.md +37 -29
- package/docs/ecosystem/icons/icon-set.md +25 -0
- package/docs/{src/ecosystem → ecosystem}/icons/index.md +22 -16
- package/docs/ecosystem/mcp.md +165 -0
- package/docs/{src/ecosystem → ecosystem}/node/exec-promise.md +12 -6
- package/docs/ecosystem/node/index.md +53 -0
- package/docs/{src/ecosystem → ecosystem}/node/logger.md +12 -6
- package/docs/{src/ecosystem → ecosystem}/node/print-banner.md +12 -4
- package/docs/ecosystem/node/setup-agents.md +102 -0
- package/docs/{src/ecosystem → ecosystem}/nuxt.md +46 -19
- package/docs/{src/ecosystem → ecosystem}/stylelint-config.md +33 -25
- package/docs/{src/ecosystem → ecosystem}/themes.md +72 -235
- package/docs/{src/ecosystem → ecosystem}/translations.md +25 -23
- package/docs/ecosystem/utils/camel-case.md +37 -0
- package/docs/ecosystem/utils/capitalize.md +37 -0
- package/docs/{src/ecosystem → ecosystem}/utils/check-availability.md +14 -8
- package/docs/{src/ecosystem → ecosystem}/utils/cookie.md +18 -12
- package/docs/ecosystem/utils/country-code-to-unicode-flag.md +128 -0
- package/docs/{src/ecosystem → ecosystem}/utils/currency.md +12 -26
- package/docs/{src/ecosystem → ecosystem}/utils/date.md +10 -24
- package/docs/ecosystem/utils/debounce-callback.md +44 -0
- package/docs/{src/ecosystem → ecosystem}/utils/debounce-id.md +14 -8
- package/docs/{src/ecosystem → ecosystem}/utils/debounce.md +14 -8
- package/docs/ecosystem/utils/fetch-locale-ip.md +39 -0
- package/docs/{src/ecosystem → ecosystem}/utils/format-json.md +11 -5
- package/docs/{src/ecosystem → ecosystem}/utils/format-phone-number.md +12 -6
- package/docs/ecosystem/utils/get-browser-locale.md +35 -0
- package/docs/ecosystem/utils/get-country-flag-url.md +67 -0
- package/docs/{src/ecosystem → ecosystem}/utils/get-error-message.md +10 -4
- package/docs/{src/ecosystem → ecosystem}/utils/idle-timeout.md +15 -9
- package/docs/{src/ecosystem → ecosystem}/utils/index.md +10 -13
- package/docs/{src/ecosystem → ecosystem}/utils/is-client.md +11 -5
- package/docs/{src/ecosystem → ecosystem}/utils/is-equal.md +14 -8
- package/docs/{src/ecosystem → ecosystem}/utils/is-ios.md +12 -6
- package/docs/ecosystem/utils/is-server.md +37 -0
- package/docs/ecosystem/utils/is-standalone-mode.md +49 -0
- package/docs/{src/ecosystem → ecosystem}/utils/kebab-case.md +10 -4
- package/docs/{src/ecosystem → ecosystem}/utils/normalize-string.md +10 -4
- package/docs/{src/ecosystem → ecosystem}/utils/number.md +10 -24
- package/docs/{src/ecosystem → ecosystem}/utils/pascal-case.md +11 -5
- package/docs/{src/ecosystem → ecosystem}/utils/prevent-ios-input-zoom.md +14 -8
- package/docs/{src/ecosystem → ecosystem}/utils/script-loader.md +16 -8
- package/docs/{src/ecosystem → ecosystem}/utils/sleep.md +10 -4
- package/docs/{src/ecosystem → ecosystem}/utils/snake-case.md +10 -4
- package/docs/{src/ecosystem → ecosystem}/utils/swipe-handler.md +14 -8
- package/docs/{src/ecosystem → ecosystem}/utils/textarea-autogrow.md +12 -6
- package/docs/{src/ecosystem → ecosystem}/utils/throttle-id.md +13 -7
- package/docs/{src/ecosystem → ecosystem}/utils/throttle.md +14 -8
- package/docs/ecosystem/utils/truthy-filter.md +37 -0
- package/docs/{src/ecosystem → ecosystem}/utils/types/deep-key-of.md +11 -5
- package/docs/{src/ecosystem → ecosystem}/utils/types/deep-partial.md +10 -4
- package/docs/ecosystem/utils/types/deep-required.md +45 -0
- package/docs/ecosystem/utils/types/flatten-object-keys.md +50 -0
- package/docs/{src/ecosystem → ecosystem}/utils/types/generic-instance-type.md +10 -4
- package/docs/{src/ecosystem → ecosystem}/utils/types/infer-maybe-ref.md +10 -4
- package/docs/ecosystem/utils/upper-first.md +38 -0
- package/docs/{src/ecosystem → ecosystem}/utils/user-visibility.md +12 -6
- package/docs/guide/ai-agents.md +237 -0
- package/docs/{src/guide → guide}/browser-support.md +22 -15
- package/docs/{src/guide → guide}/getting-started.md +34 -139
- package/docs/{src/guide → guide}/global-defaults.md +12 -11
- package/docs/{src/guide → guide}/maz-ui-provider.md +17 -16
- package/docs/{src/guide → guide}/migration-v5.md +95 -88
- package/docs/{src/guide → guide}/resolvers.md +33 -100
- package/docs/guide/tailwind.md +483 -0
- package/docs/{src/guide → guide}/vue.md +33 -39
- package/docs/manifest.json +1 -0
- package/docs/{src/plugins → plugins}/aos.md +20 -55
- package/docs/{src/plugins → plugins}/dialog.md +14 -161
- package/docs/plugins/toast.md +221 -0
- package/docs/plugins/wait.md +78 -0
- package/docs/reference/icons.md +46 -0
- package/docs/reference/tailwind-tokens.md +191 -0
- package/docs/rules.md +57 -0
- package/package.json +84 -22
- package/dist/mcp.d.mts +0 -153
- package/dist/mcp.d.ts +0 -153
- package/dist/mcp.mjs +0 -1511
- package/docs/generated-docs/maz-accordion.doc.md +0 -21
- package/docs/generated-docs/maz-alert.doc.md +0 -20
- package/docs/generated-docs/maz-animated-counter.doc.md +0 -17
- package/docs/generated-docs/maz-animated-element.doc.md +0 -14
- package/docs/generated-docs/maz-animated-text.doc.md +0 -17
- package/docs/generated-docs/maz-avatar.doc.md +0 -45
- package/docs/generated-docs/maz-backdrop.doc.md +0 -55
- package/docs/generated-docs/maz-badge.doc.md +0 -16
- package/docs/generated-docs/maz-bottom-sheet.doc.md +0 -24
- package/docs/generated-docs/maz-btn-group.doc.md +0 -20
- package/docs/generated-docs/maz-btn.doc.md +0 -33
- package/docs/generated-docs/maz-card-spotlight.doc.md +0 -16
- package/docs/generated-docs/maz-card.doc.md +0 -39
- package/docs/generated-docs/maz-carousel.doc.md +0 -17
- package/docs/generated-docs/maz-chart.doc.md +0 -10
- package/docs/generated-docs/maz-checkbox.doc.md +0 -33
- package/docs/generated-docs/maz-checklist.doc.md +0 -30
- package/docs/generated-docs/maz-circular-progress-bar.doc.md +0 -27
- package/docs/generated-docs/maz-code-highlight.doc.md +0 -11
- package/docs/generated-docs/maz-container.doc.md +0 -26
- package/docs/generated-docs/maz-date-picker.doc.md +0 -56
- package/docs/generated-docs/maz-dialog-confirm.doc.md +0 -24
- package/docs/generated-docs/maz-dialog.doc.md +0 -22
- package/docs/generated-docs/maz-drawer.doc.md +0 -25
- package/docs/generated-docs/maz-dropdown.doc.md +0 -45
- package/docs/generated-docs/maz-dropzone.doc.md +0 -82
- package/docs/generated-docs/maz-expand-animation.doc.md +0 -12
- package/docs/generated-docs/maz-fullscreen-loader.doc.md +0 -13
- package/docs/generated-docs/maz-gallery.doc.md +0 -17
- package/docs/generated-docs/maz-icon.doc.md +0 -16
- package/docs/generated-docs/maz-input-code.doc.md +0 -25
- package/docs/generated-docs/maz-input-number.doc.md +0 -33
- package/docs/generated-docs/maz-input-phone-number.doc.md +0 -62
- package/docs/generated-docs/maz-input-price.doc.md +0 -26
- package/docs/generated-docs/maz-input-tags.doc.md +0 -24
- package/docs/generated-docs/maz-input.doc.md +0 -54
- package/docs/generated-docs/maz-lazy-img.doc.md +0 -49
- package/docs/generated-docs/maz-link.doc.md +0 -31
- package/docs/generated-docs/maz-loading-bar.doc.md +0 -6
- package/docs/generated-docs/maz-markdown-editor.doc.md +0 -65
- package/docs/generated-docs/maz-pagination.doc.md +0 -21
- package/docs/generated-docs/maz-popover.doc.md +0 -79
- package/docs/generated-docs/maz-pull-to-refresh.doc.md +0 -50
- package/docs/generated-docs/maz-radio-buttons.doc.md +0 -34
- package/docs/generated-docs/maz-radio.doc.md +0 -33
- package/docs/generated-docs/maz-read-more.doc.md +0 -18
- package/docs/generated-docs/maz-reading-progress-bar.doc.md +0 -18
- package/docs/generated-docs/maz-select-country.doc.md +0 -45
- package/docs/generated-docs/maz-select.doc.md +0 -32
- package/docs/generated-docs/maz-sidebar-content.doc.md +0 -5
- package/docs/generated-docs/maz-sidebar-footer.doc.md +0 -5
- package/docs/generated-docs/maz-sidebar-group.doc.md +0 -11
- package/docs/generated-docs/maz-sidebar-header.doc.md +0 -5
- package/docs/generated-docs/maz-sidebar-menu-button.doc.md +0 -27
- package/docs/generated-docs/maz-sidebar-menu-item.doc.md +0 -5
- package/docs/generated-docs/maz-sidebar-menu-sub.doc.md +0 -16
- package/docs/generated-docs/maz-sidebar-menu.doc.md +0 -5
- package/docs/generated-docs/maz-sidebar-separator.doc.md +0 -0
- package/docs/generated-docs/maz-sidebar-trigger.doc.md +0 -5
- package/docs/generated-docs/maz-sidebar.doc.md +0 -36
- package/docs/generated-docs/maz-skeleton.doc.md +0 -12
- package/docs/generated-docs/maz-slider.doc.md +0 -20
- package/docs/generated-docs/maz-spinner.doc.md +0 -6
- package/docs/generated-docs/maz-stepper.doc.md +0 -30
- package/docs/generated-docs/maz-switch.doc.md +0 -31
- package/docs/generated-docs/maz-table-cell.doc.md +0 -5
- package/docs/generated-docs/maz-table-row.doc.md +0 -12
- package/docs/generated-docs/maz-table-title.doc.md +0 -5
- package/docs/generated-docs/maz-table-virtualizer.doc.md +0 -20
- package/docs/generated-docs/maz-table.doc.md +0 -72
- package/docs/generated-docs/maz-tabs-bar.doc.md +0 -29
- package/docs/generated-docs/maz-tabs-content-item.doc.md +0 -11
- package/docs/generated-docs/maz-tabs-content.doc.md +0 -5
- package/docs/generated-docs/maz-tabs.doc.md +0 -20
- package/docs/generated-docs/maz-textarea.doc.md +0 -46
- package/docs/generated-docs/maz-ticker.doc.md +0 -25
- package/docs/generated-docs/maz-timeline.doc.md +0 -32
- package/docs/generated-docs/maz-ui-provider.doc.md +0 -12
- package/docs/generated-docs/maz-window-mockup.doc.md +0 -23
- package/docs/src/blog/v4.md +0 -276
- package/docs/src/blog/v5.md +0 -184
- package/docs/src/changelog.md +0 -7
- package/docs/src/components/index.md +0 -8
- package/docs/src/components/maz-accordion.md +0 -80
- package/docs/src/components/maz-animated-counter.md +0 -124
- package/docs/src/components/maz-animated-element.md +0 -36
- package/docs/src/components/maz-animated-text.md +0 -36
- package/docs/src/components/maz-avatar.md +0 -227
- package/docs/src/components/maz-backdrop.md +0 -250
- package/docs/src/components/maz-bottom-sheet.md +0 -533
- package/docs/src/components/maz-card-spotlight.md +0 -163
- package/docs/src/components/maz-carousel.md +0 -231
- package/docs/src/components/maz-checkbox.md +0 -168
- package/docs/src/components/maz-checklist.md +0 -414
- package/docs/src/components/maz-circular-progress-bar.md +0 -145
- package/docs/src/components/maz-container.md +0 -363
- package/docs/src/components/maz-dialog-confirm.md +0 -240
- package/docs/src/components/maz-dialog.md +0 -164
- package/docs/src/components/maz-drawer.md +0 -181
- package/docs/src/components/maz-dropdown.md +0 -691
- package/docs/src/components/maz-expand-animation.md +0 -99
- package/docs/src/components/maz-fullscreen-loader.md +0 -58
- package/docs/src/components/maz-gallery.md +0 -85
- package/docs/src/components/maz-input-code.md +0 -61
- package/docs/src/components/maz-input-number.md +0 -81
- package/docs/src/components/maz-input-phone-number.md +0 -942
- package/docs/src/components/maz-input-price.md +0 -67
- package/docs/src/components/maz-input-tags.md +0 -114
- package/docs/src/components/maz-lazy-img.md +0 -88
- package/docs/src/components/maz-link.md +0 -178
- package/docs/src/components/maz-loading-bar.md +0 -26
- package/docs/src/components/maz-pagination.md +0 -79
- package/docs/src/components/maz-popover.md +0 -1416
- package/docs/src/components/maz-radio-buttons.md +0 -462
- package/docs/src/components/maz-radio.md +0 -142
- package/docs/src/components/maz-reading-progress-bar.md +0 -74
- package/docs/src/components/maz-spinner.md +0 -93
- package/docs/src/components/maz-switch.md +0 -92
- package/docs/src/components/maz-table.md +0 -732
- package/docs/src/components/maz-textarea.md +0 -400
- package/docs/src/components/maz-ticker.md +0 -692
- package/docs/src/components/maz-timeline.md +0 -478
- package/docs/src/composables/use-aos.md +0 -34
- package/docs/src/composables/use-breakpoints.md +0 -35
- package/docs/src/composables/use-dialog.md +0 -88
- package/docs/src/composables/use-string-matching.md +0 -63
- package/docs/src/composables/use-toast.md +0 -71
- package/docs/src/composables/use-wait.md +0 -62
- package/docs/src/composables/use-window-size.md +0 -18
- package/docs/src/ecosystem/icons/icon-set.md +0 -123
- package/docs/src/ecosystem/mcp.md +0 -210
- package/docs/src/ecosystem/node/index.md +0 -53
- package/docs/src/ecosystem/utils/camel-case.md +0 -31
- package/docs/src/ecosystem/utils/capitalize.md +0 -50
- package/docs/src/ecosystem/utils/country-code-to-unicode-flag.md +0 -213
- package/docs/src/ecosystem/utils/debounce-callback.md +0 -38
- package/docs/src/ecosystem/utils/fetch-locale-ip.md +0 -33
- package/docs/src/ecosystem/utils/get-browser-locale.md +0 -29
- package/docs/src/ecosystem/utils/get-country-flag-url.md +0 -156
- package/docs/src/ecosystem/utils/is-server.md +0 -31
- package/docs/src/ecosystem/utils/is-standalone-mode.md +0 -43
- package/docs/src/ecosystem/utils/truthy-filter.md +0 -31
- package/docs/src/ecosystem/utils/types/deep-required.md +0 -39
- package/docs/src/ecosystem/utils/types/flatten-object-keys.md +0 -44
- package/docs/src/ecosystem/utils/upper-first.md +0 -32
- package/docs/src/guide/cli.md +0 -144
- package/docs/src/guide/migration-v4.md +0 -925
- package/docs/src/guide/tailwind.md +0 -158
- package/docs/src/index.md +0 -603
- package/docs/src/made-with-maz-ui.md +0 -58
- package/docs/src/plugins/toast.md +0 -349
- package/docs/src/plugins/wait.md +0 -109
- package/docs/src/theme-editor.md +0 -21
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
-
| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------- | -------- | ----------- | -------------------------------------------------- |
|
|
5
|
-
| **title** | Title of the card in header | `string` | No | `undefined` | - |
|
|
6
|
-
| **elevation** | Add elevation to the component | `boolean` | No | `false` | - |
|
|
7
|
-
| **padding** | Add padding to the content | `boolean` | No | `true` | - |
|
|
8
|
-
| **bordered** | Add border to the component | `boolean` | No | `true` | - |
|
|
9
|
-
| **rounded-size** | Size of the rounded | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` | No | `md` | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` |
|
|
10
|
-
| **transparent** | Remove background color | `boolean` | No | `false` | - |
|
|
11
|
-
| **overflow-hidden** | Hide overflow | `boolean` | No | `true` | - |
|
|
12
|
-
| **start-icon** | Icon displayed on the inline-start edge of the header (left in LTR, right in RTL). Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object. | `MazIconLike` | No | `undefined` | - |
|
|
13
|
-
| **end-icon** | Icon displayed on the inline-end edge of the header (right in LTR, left in RTL). Accepts a bare value or a full `MazIconProps` object. | `MazIconLike` | No | `undefined` | - |
|
|
14
|
-
| **icon-size** | Size of the icon | `MazIconProps['size']` | No | `md` | - |
|
|
15
|
-
| **block** | Display the container in full width | `boolean` | No | `false` | - |
|
|
16
|
-
| **content-class** | Additional class to add to the content wrapper | `string` | No | `undefined` | - |
|
|
17
|
-
|
|
18
|
-
## Slots
|
|
19
|
-
|
|
20
|
-
| Name | Description | Bindings |
|
|
21
|
-
| ---------- | ----------------------------------------------------------- | -------- |
|
|
22
|
-
| header | Replace the header | |
|
|
23
|
-
| icon-start | inline-start edge of the header (left in LTR, right in RTL) | |
|
|
24
|
-
| title | title | |
|
|
25
|
-
| icon-end | inline-end edge of the header (right in LTR, left in RTL) | |
|
|
26
|
-
| default | content of the container | |
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
-
| ---------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------- | -------- | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
|
|
5
|
-
| **id** | The unique identifier of the component | `string` | No | `undefined` | - |
|
|
6
|
-
| **style** | The inline style object for the component | `HTMLAttributes['style']` | No | `undefined` | - |
|
|
7
|
-
| **class** | The CSS class(es) to apply to the component | `HTMLAttributes['class']` | No | `undefined` | - |
|
|
8
|
-
| **input-props** | The props to apply to the input component | `MazInputProps` | No | `undefined` | - |
|
|
9
|
-
| **model-value** | The value of the date picker component If an object is provided, the picker will be a range picker | `MazDatePickerValue` | No | `undefined` | - |
|
|
10
|
-
| **format** | The format pattern for date display and parsing<br/>**Example:** `'YYYY-MM-DD', 'DD/MM/YYYY', 'YYYY-MM-DD HH:mm'` | `string` | No | `YYYY-MM-DD` | - |
|
|
11
|
-
| **open** | `v-model:open` <br/>Controls whether the picker window is open | `boolean` | No | `false` | - |
|
|
12
|
-
| **label** | The label text displayed above the input field | `string` | No | `undefined` | - |
|
|
13
|
-
| **placeholder** | The placeholder text shown when no value is selected | `string` | No | `undefined` | - |
|
|
14
|
-
| **input-date-format** | The Intl.DateTimeFormatOptions for styling the input date display | `Intl.DateTimeFormatOptions` | No | `{ dateStyle: 'medium', timeStyle: 'short' }` | - |
|
|
15
|
-
| **input-date-transformer** | Custom function to transform the formatted date display | `Function` | No | `undefined` | - |
|
|
16
|
-
| **locale** | The locale string for date formatting and localization<br/>**Example:** `'en-US', 'fr-FR', 'de-DE'` | `string` | No | `undefined` | - |
|
|
17
|
-
| **hide-header** | Controls whether the calendar header is hidden | `boolean` | No | `false` | - |
|
|
18
|
-
| **disabled** | Controls whether the component is disabled | `boolean` | No | `false` | - |
|
|
19
|
-
| **first-day-of-week** | The first day of the week in the calendar<br/>**Example:** `0 (Sunday), 1 (Monday), 6 (Saturday)` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6` | No | `0` | `0, 1, 2, 3, 4, 5, 6` |
|
|
20
|
-
| **auto-close** | Controls whether the picker closes automatically after date selection | `boolean` | No | `false` | - |
|
|
21
|
-
| **custom-element-selector** | CSS selector for a custom element that triggers the picker<br/>**Example:** `'#my-button', '.trigger-class'` | `string` | No | `undefined` | - |
|
|
22
|
-
| **double** | Controls whether the picker displays two months side by side | `boolean` | No | `false` | - |
|
|
23
|
-
| **inline** | Controls whether the picker is displayed inline without input field | `boolean` | No | `false` | - |
|
|
24
|
-
| **color** | The color theme of the component | `MazColor` | No | `primary` | `primary, secondary, success, destructive, warning, info, accent, contrast` |
|
|
25
|
-
| **picker-position** | The position where the picker popover should appear | `MazPopoverProps['position']` | No | `auto` | `top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start` |
|
|
26
|
-
| **picker-prefer-position** | The preferred position of the picker popover | `MazPopoverProps['preferPosition']` | No | `bottom-start` | `top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start` |
|
|
27
|
-
| **picker-fallback-position** | The fallback position of the picker popover | `MazPopoverProps['fallbackPosition']` | No | `top-start` | `top, bottom, left, right, top-end, bottom-end, left-end, right-end, top-start, bottom-start, left-start, right-start` |
|
|
28
|
-
| **time** | Controls whether the picker includes a time selector | `boolean` | No | `false` | - |
|
|
29
|
-
| **only-time** | Controls whether the picker shows only time selection (no date) | `boolean` | No | `false` | - |
|
|
30
|
-
| **minute-interval** | The interval in minutes for the time picker minute selection | `number` | No | `5` | `1, 5, 10, 15, 30` |
|
|
31
|
-
| **use-browser-locale** | Controls whether to automatically detect and use the browser's locale | `boolean` | No | `true` | - |
|
|
32
|
-
| **fetch-local** | Controls whether to fetch locale data dynamically | `boolean` | No | `true` | - |
|
|
33
|
-
| **shortcuts** | Array of predefined date range shortcuts or false to disable | `MazDatePickerShortcut[] \| false` | No | `[predefined shortcuts array]` | - |
|
|
34
|
-
| **shortcut** | The identifier of the currently selected shortcut | `MazDatePickerShortcut['identifier']` | No | `undefined` | - |
|
|
35
|
-
| **min-date** | The minimum selectable date in ISO format<br/>**Example:** `'2023-01-01'` | `string` | No | `undefined` | - |
|
|
36
|
-
| **max-date** | The maximum selectable date in ISO format<br/>**Example:** `'2024-12-31'` | `string` | No | `undefined` | - |
|
|
37
|
-
| **min-max-auto** | When minDate or maxDate are provided, if the current date is not between minDate and maxDate, the current date will be set to the minDate or maxDate | `boolean` | No | `true` | - |
|
|
38
|
-
| **disabled-weekly** | Array of weekday numbers to disable (0 = Sunday, 6 = Saturday)<br/>**Example:** `[0, 6] to disable weekends` | `number[]` | No | `[]` | - |
|
|
39
|
-
| **disabled-dates** | Array of specific dates to disable in ISO format<br/>**Example:** `['2023-12-25', '2024-01-01']` | `string[]` | No | `[]` | - |
|
|
40
|
-
| **disabled-hours** | Array of hour numbers to disable in the time picker (0-23)<br/>**Example:** `[0, 1, 2, 22, 23] to disable night hours` | `number[]` | No | `[]` | - |
|
|
41
|
-
| **block** | Controls whether the input displays in full width | `boolean` | No | `false` | - |
|
|
42
|
-
| **range** | Controls whether the picker operates in range selection mode | `boolean` | No | `false` | - |
|
|
43
|
-
| **transition** | The transition name of the popover | `MazPopoverProps['transition']` | No | `scale-fade` | - |
|
|
44
|
-
|
|
45
|
-
## Events
|
|
46
|
-
|
|
47
|
-
| Event name | Properties | Description |
|
|
48
|
-
| ------------------ | -------------------------------------------------------------------- | ------------------------------------- |
|
|
49
|
-
| update:model-value | **value** `MazDatePickerValue \| undefined` - The new selected value | Emitted when the picker value changes |
|
|
50
|
-
| close | | Emitted when the picker closes |
|
|
51
|
-
|
|
52
|
-
## Slots
|
|
53
|
-
|
|
54
|
-
| Name | Description | Bindings |
|
|
55
|
-
| ------- | ----------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
56
|
-
| trigger | Replace the default input with your own element | **is-open** `boolean` - Current open state of the popover<br/>**close** `function` - Function to close the popover<br/>**open** `function` - Function to open the popover<br/>**toggle** `function` - Function to toggle the popover |
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
## Events
|
|
2
|
-
|
|
3
|
-
| Event name | Properties | Description |
|
|
4
|
-
| ---------- | ----------------------- | --------------------------- |
|
|
5
|
-
| close | **value** `void` - void | Emitted when modal is close |
|
|
6
|
-
| open | **value** `void` - void | Emitted when modal is open |
|
|
7
|
-
|
|
8
|
-
## Slots
|
|
9
|
-
|
|
10
|
-
| Name | Description | Bindings |
|
|
11
|
-
| ------------- | --------------------------------- | ----------------------------------------------------------------------------------- |
|
|
12
|
-
| title | title slot - Place your title | |
|
|
13
|
-
| default | Default slot - Place your content | **accept** `Function` - accept function<br/>**reject** `Function` - reject function |
|
|
14
|
-
| footer-button | Footer slot | **accept** `Function` - accept function<br/>**reject** `Function` - reject function |
|
|
15
|
-
|
|
16
|
-
## Expose
|
|
17
|
-
|
|
18
|
-
### close
|
|
19
|
-
|
|
20
|
-
> Close the dialog <br/>`@description` This is used to close the dialog
|
|
21
|
-
|
|
22
|
-
### isActive
|
|
23
|
-
|
|
24
|
-
> Check if the dialog is active <br/>`@description` This is used to check if the dialog is active
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
## Events
|
|
2
|
-
|
|
3
|
-
| Event name | Properties | Description |
|
|
4
|
-
| ------------------ | ---------- | ----------------------------------- |
|
|
5
|
-
| close | | emitted when modal is close |
|
|
6
|
-
| open | | emitted when modal is open |
|
|
7
|
-
| update:model-value | | emitted when modal is open or close |
|
|
8
|
-
|
|
9
|
-
## Slots
|
|
10
|
-
|
|
11
|
-
| Name | Description | Bindings |
|
|
12
|
-
| ------- | ------------------------ | ------------------------------------- |
|
|
13
|
-
| header | Header slot | **close** `Function` - close function |
|
|
14
|
-
| title | Title slot in the header | |
|
|
15
|
-
| default | Default content | **close** `Function` - close function |
|
|
16
|
-
| footer | Footer slot | **close** `Function` - close function |
|
|
17
|
-
|
|
18
|
-
## Expose
|
|
19
|
-
|
|
20
|
-
### close
|
|
21
|
-
|
|
22
|
-
> Close the dialog <br/>`@description` This is used to close the dialog
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Possible values |
|
|
4
|
-
| --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- | -------- | ------------------------------- |
|
|
5
|
-
| **title** | The title of the drawer | `string` | No | - |
|
|
6
|
-
| **variant** | The edge from which the drawer slides in. `start` (= left in LTR, right in RTL) and `end` (= right in LTR, left in RTL) follow the document direction; `top` and `bottom` are physical. | `"start" \| "end" \| "top" \| "bottom"` | No | `start', 'end', 'top', 'bottom` |
|
|
7
|
-
| **size** | The size of the drawer | `MazSizeUnit` | No | - |
|
|
8
|
-
| **backdrop-class** | The class of the backdrop | `string` | No | - |
|
|
9
|
-
| **hide-close-button** | Disable the close button | `boolean` | No | - |
|
|
10
|
-
|
|
11
|
-
## Events
|
|
12
|
-
|
|
13
|
-
| Event name | Properties | Description |
|
|
14
|
-
| ------------------ | -------------------------------------------- | ---------------------------------------------- |
|
|
15
|
-
| close | | emitted when drawer is close (after animation) |
|
|
16
|
-
| open | | emitted when drawer is open |
|
|
17
|
-
| before-close | | emitted before drawer is close |
|
|
18
|
-
| update:model-value | **value** `boolean` - The value of the model | emitted when drawer is open or close |
|
|
19
|
-
|
|
20
|
-
## Slots
|
|
21
|
-
|
|
22
|
-
| Name | Description | Bindings |
|
|
23
|
-
| ------- | ----------- | -------- |
|
|
24
|
-
| title | | |
|
|
25
|
-
| default | | |
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default | Possible values |
|
|
4
|
-
| ----------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | -------- | ---------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
|
|
5
|
-
| **model-value** | `v-model` <br/>Controls whether the dropdown menu is open | `boolean` | No | `false` | - |
|
|
6
|
-
| **style** | Inline styles to apply to the component root element | `HTMLAttributes['style']` | No | `undefined` | - |
|
|
7
|
-
| **class** | CSS classes to apply to the component root element | `HTMLAttributes['class']` | No | `undefined` | - |
|
|
8
|
-
| **items** | Menu items to display in the dropdown Each item can be either a link (with href/to properties) or an action (with onClick function)<br/>**Example:** `[ { label: 'Profile', href: '/profile' }, { label: 'Settings', onClick: () => console.log('Settings clicked') } ]` | `MazDropdownMenuItem[]` | No | `[]` | - |
|
|
9
|
-
| **items-size** | Size of the dropdown menu items | `MazSize` | No | `undefined` | `mini', 'xs', 'sm', 'md', 'lg', 'xl` |
|
|
10
|
-
| **id** | Unique identifier for the dropdown component | `string` | No | `undefined` | - |
|
|
11
|
-
| **trigger** | Determines how the dropdown should be triggered | `MazPopoverProps['trigger']` | No | `adaptive` | `click, hover, manual, adaptive` |
|
|
12
|
-
| **color** | Color theme for the dropdown button | `MazColor` | No | `transparent` | `primary, secondary, info, success, warning, destructive, transparent, contrast, accent` |
|
|
13
|
-
| **position** | Position of the menu relative to trigger | `Native type` | No | `auto` | `auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end` |
|
|
14
|
-
| **close-on-click** | Controls whether the dropdown menu closes when a menu item is clicked | `boolean` | No | `true` | - |
|
|
15
|
-
| **disabled** | Disables the dropdown functionality | `boolean` | No | `false` | - |
|
|
16
|
-
| **chevron** | Controls whether to show the chevron icon in the trigger button | `boolean` | No | `true` | - |
|
|
17
|
-
| **screen-reader-description** | Accessible description for screen readers describing the dropdown functionality If not provided, the default translation of MazUiTranslations plugin will be used | `string` | No | `MazUiTranslationsSchema['dropdown']['screenReaderDescription']` | - |
|
|
18
|
-
| **menu-panel-class** | Additional CSS classes to apply to the dropdown menu panel Useful for customizing the dropdown appearance (background, border, etc.) | `HTMLAttributes['class']` | No | `undefined` | - |
|
|
19
|
-
| **menu-panel-style** | Inline styles to apply to the dropdown menu panel Useful for custom styling. You may use `!important` to override default styles | `HTMLAttributes['style']` | No | `undefined` | - |
|
|
20
|
-
| **block** | Makes the dropdown button expand to full width of its container | `boolean` | No | `false` | - |
|
|
21
|
-
| **dropdown-icon** | Icon to use instead of the default chevron for the dropdown indicator Custom icon to display in place of the default chevron. Accepts a bare value (Vue component, raw SVG string, URL or `data:` URI) or a full `MazIconProps` object. | `MazIconLike` | No | `undefined` | - |
|
|
22
|
-
| **dropdown-icon-animation** | Controls whether the dropdown icon rotates when the dropdown is opened | `boolean` | No | `true` | - |
|
|
23
|
-
| **size** | Size of the dropdown button | `MazSize` | No | `md` | `mini, xs, sm, md, lg, xl` |
|
|
24
|
-
| **transition** | Transition to use when the dropdown is opened or closed | `MazPopoverProps['transition']` | No | `scale-pop` | `scale-pop' \| 'scale-fade' \| string` |
|
|
25
|
-
|
|
26
|
-
## Events
|
|
27
|
-
|
|
28
|
-
| Event name | Properties | Description |
|
|
29
|
-
| ------------------ | ------------------------------------------------------------------------------ | -------------------------------------------- |
|
|
30
|
-
| menuitem-clicked | **event** `Event` - The native click event from the menu item interaction | Emitted when a menu item is clicked |
|
|
31
|
-
| update:model-value | **value** `boolean` - The new open state (true when opened, false when closed) | Emitted when the dropdown open state changes |
|
|
32
|
-
|
|
33
|
-
## Slots
|
|
34
|
-
|
|
35
|
-
| Name | Description | Bindings |
|
|
36
|
-
| ------------------------- | ----------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
37
|
-
| screen-reader-description | description for screen readers (hidden from visual display) | |
|
|
38
|
-
| trigger | trigger element for the dropdown | **is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/>**toggle** `() => void` - Function to toggle the dropdown<br/>**close** `() => void` - Function to close the dropdown<br/>**open** `() => void` - Function to open the dropdown |
|
|
39
|
-
| default | Text content of the trigger element | |
|
|
40
|
-
| dropdown-icon | Dropdown indicator icon | **is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/><br/><br/> |
|
|
41
|
-
| dropdown | Dropdown menu panel content | **items** `MazDropdownMenuItem[]` - Array of menu items passed via the items prop<br/>**open** `() => void` - Function to open the dropdown<br/>**close** `() => void` - Function to close the dropdown<br/>**is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/>**toggle** `() => void` - Function to toggle the dropdown |
|
|
42
|
-
| prepend-menu | Prepend to the list of menu items | **is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/>**open** `() => void` - Function to open the dropdown<br/>**close** `() => void` - Function to close the dropdown<br/>**toggle** `() => void` - Function to toggle the dropdown |
|
|
43
|
-
| menuitem | Menu item component | **item** `MenuItem` - Individual menu item object with properties like label, href, onClick, etc.<br/>**open** `() => void` - Function to open the dropdown<br/>**close** `() => void` - Function to close the dropdown<br/>**is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/>**toggle** `() => void` - Function to toggle the dropdown |
|
|
44
|
-
| menuitem-label | Label content for menu item | **item** `MenuItem` - Individual menu item object containing label and other properties<br/>**open** `() => void` - Function to open the dropdown<br/>**close** `() => void` - Function to close the dropdown<br/>**is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/>**toggle** `() => void` - Function to toggle the dropdown |
|
|
45
|
-
| append-menu | Append to the list of menu items | **is-open** `boolean` - Current state of the dropdown (true when open, false when closed)<br/>**open** `() => void` - Function to open the dropdown<br/>**close** `() => void` - Function to close the dropdown<br/>**toggle** `() => void` - Function to toggle the dropdown |
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default |
|
|
4
|
-
| --------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- | -------- | ----------- |
|
|
5
|
-
| **id** | The id of the dropzone | `string` | No | `undefined` |
|
|
6
|
-
| **multiple** | Allow multiple files to be uploaded. | `boolean` | No | `false` |
|
|
7
|
-
| **data-types** | Allowed data types/MIME types for files (e.g. ['application/json']) | `string[]` | No | `['*\/*']` |
|
|
8
|
-
| **prevent-default-for-unhandled** | Prevent default behavior for unhandled drag & drop events. | `boolean` | No | `true` |
|
|
9
|
-
| **max-file-size** | Maximum file size in MB. | `number` | No | `undefined` |
|
|
10
|
-
| **max-files** | Maximum number of files allowed. | `number` | No | `undefined` |
|
|
11
|
-
| **disabled** | Disable the dropzone | `boolean` | No | `undefined` |
|
|
12
|
-
| **preview** | Show file preview | `boolean` | No | `undefined` |
|
|
13
|
-
| **min-file-size** | Minimum file size in MB | `number` | No | `undefined` |
|
|
14
|
-
| **allow-duplicates** | Allow duplicates | `boolean` | No | `false` |
|
|
15
|
-
| **translations** | **Translations** <br/> <br/>Custom translations for the component<br/> | `Partial<MazUiTranslationsNestedSchema['dropzone']>` | No | `undefined` |
|
|
16
|
-
| **color** | Main color of the component | `MazColor` | No | `primary` |
|
|
17
|
-
| **remove-file-btn-props** | MazBtn props [MazBtn props](/components/maz:btn#props) | `MazBtnProps` | No | `{}` |
|
|
18
|
-
| **spinner-props** | MazSpinner props [MazSpinner props](/components/maz:spinner#props) | `MazSpinnerProps` | No | `{}` |
|
|
19
|
-
| **auto-upload** | **Auto upload files** <br/> <br/>If set to `multiple`, all files will be uploaded at once in a single request. If set to `single`, files will be uploaded one by one in separate requests. If set to `false`, no upload will be done automatically.<br/> | `"multiple" \| "single" \| false` | No | `false` |
|
|
20
|
-
| **url** | **Upload URL** <br/> <br/>If set, files will be uploaded to the given URL.<br/> | `string` | No | `undefined` |
|
|
21
|
-
| **request-options** | **Request options** <br/> <br/>Request options to be used for the upload (using fetch) [Request options](https://developer.mozilla.org/en-US/docs/Web/API/fetch#options)<br/><br/>**Example:** `{ mode: 'no-cors', headers: { 'Content-Type': 'multipart/form-data', 'Authorization': 'Bearer 1234567890' } }` | `RequestInit` | No | `undefined` |
|
|
22
|
-
| **transform-body** | Transform the body of the request | `TSFunctionType` | No | `undefined` |
|
|
23
|
-
| **max-concurrent-uploads** | **Maximum number of concurrent uploads** <br/> <br/>Limit the number of files uploaded simultaneously to avoid overwhelming the server<br/> | `number` | No | `5` |
|
|
24
|
-
|
|
25
|
-
## Events
|
|
26
|
-
|
|
27
|
-
| Event name | Properties | Description |
|
|
28
|
-
| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------- |
|
|
29
|
-
| drop | **values** `{ files: File[] \| null, event: DragEvent }` - The dropped files and the drag event | Event emitted when files are dropped in the dropzone |
|
|
30
|
-
| enter | **values** `{ files: File[] \| null, event: DragEvent }` - The dragged files and the drag event | Event emitted when dragged files enter the dropzone |
|
|
31
|
-
| leave | **values** `{ files: File[] \| null, event: DragEvent }` - The dragged files and the drag event | Event emitted when dragged files leave the dropzone |
|
|
32
|
-
| over | **values** `{ files: File[] \| null, event: DragEvent }` - The dragged files and the drag event | Event emitted when dragged files are over the dropzone |
|
|
33
|
-
| add | **value** `File` - The added file | Event emitted when a file is added to the dropzone |
|
|
34
|
-
| remove | **value** `File` - The removed file | Event emitted when a file is removed from the dropzone |
|
|
35
|
-
| error | **values** `{ files: File[] \| null, event: DragEvent \| null, code: MazDropzoneErrorCode }` - The files, event and error code | Event emitted when an error occurs |
|
|
36
|
-
| upload-error | **values** `{ file: File, code: MazDropzoneErrorCode, error: unknown }` - The file, error code and error details | Event emitted when an error occurs during file upload |
|
|
37
|
-
| upload-error-multiple | **values** `{ files: File[], code: MazDropzoneErrorCode, error: unknown }` - The files, error code and error details | Event emitted when an error occurs during multiple files upload |
|
|
38
|
-
| upload-success | **values** `{ file: File, response?: Response }` - The uploaded file and the response | Event emitted when a file is successfully uploaded |
|
|
39
|
-
| upload-success-multiple | **values** `{ files: File[], response?: Response }` - The uploaded files and the response | Event emitted when multiple files are successfully uploaded |
|
|
40
|
-
|
|
41
|
-
## Slots
|
|
42
|
-
|
|
43
|
-
| Name | Description | Bindings |
|
|
44
|
-
| ------------- | ----------------------------------- | ------------------------------------------------------------ |
|
|
45
|
-
| files-area | Slot to customize the files area | **files-data** `MazDropzoneFileData[]` - The files data |
|
|
46
|
-
| file-item | Slot to customize the file item | **file** `MazDropzoneFileData` - The drop file data |
|
|
47
|
-
| no-files-area | Slot to customize the no files area | **select-file** `Function` - The function to select the file |
|
|
48
|
-
| upload-icon | Slot to customize the upload icon | |
|
|
49
|
-
|
|
50
|
-
## Expose
|
|
51
|
-
|
|
52
|
-
### uploadFiles
|
|
53
|
-
|
|
54
|
-
> Upload files <br/>`@description` With this method, the files are uploaded one by one (a request for each file)<br/>`@usage` `mazDropzoneInstance.value?.uploadFiles()`
|
|
55
|
-
|
|
56
|
-
### uploadFilesMultiple
|
|
57
|
-
|
|
58
|
-
> Upload multiple files <br/>`@description` With this method, the files are uploaded all at once in a single request<br/>`@usage` `mazDropzoneInstance.value?.uploadFilesMultiple()`
|
|
59
|
-
|
|
60
|
-
### getFormData
|
|
61
|
-
|
|
62
|
-
> Get form data <br/>`@description` Get the form data of one file<br/>`@usage` `const formData = mazDropzoneInstance.value?.getFormData(file)`
|
|
63
|
-
|
|
64
|
-
### getFormDataMultiple
|
|
65
|
-
|
|
66
|
-
> Get form data multiple <br/>`@description` Get the form data of all files<br/>`@usage` `const formData = mazDropzoneInstance.value?.getFormDataMultiple()`
|
|
67
|
-
|
|
68
|
-
### reset
|
|
69
|
-
|
|
70
|
-
> Reset the files <br/>`@description` Remove all files from the dropzone<br/>`@usage` `mazDropzoneInstance.value?.reset()`
|
|
71
|
-
|
|
72
|
-
### isUploading
|
|
73
|
-
|
|
74
|
-
> Check if the files are uploading <br/>`@description` Check if the files are uploading<br/>`@usage` `const isUploading = mazDropzoneInstance.value?.isUploading`
|
|
75
|
-
|
|
76
|
-
### addFile
|
|
77
|
-
|
|
78
|
-
> Add a file to the dropzone <br/>`@description` Add a file manually to the dropzone<br/>`@usage` `mazDropzoneInstance.value?.addFile(file)`
|
|
79
|
-
|
|
80
|
-
### removeFile
|
|
81
|
-
|
|
82
|
-
> Remove a file from the dropzone <br/>`@description` Remove a file manually from the dropzone<br/>`@usage` `mazDropzoneInstance.value?.removeFile(file)`
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default |
|
|
4
|
-
| ------------------- | ----------------------------------------- | -------- | -------- | ------------- |
|
|
5
|
-
| **duration** | Duration of the animation in milliseconds | `string` | No | `300ms` |
|
|
6
|
-
| **timing-function** | Timing function of the animation | `string` | No | `ease-in-out` |
|
|
7
|
-
|
|
8
|
-
## Slots
|
|
9
|
-
|
|
10
|
-
| Name | Description | Bindings |
|
|
11
|
-
| ------- | ------------------------------ | -------- |
|
|
12
|
-
| default | Default Slot - Display content | |
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required |
|
|
4
|
-
| --------------------- | ----------------------------------- | ------------- | -------- |
|
|
5
|
-
| **color** | The color of the spinner | `MazColor` | No |
|
|
6
|
-
| **size** | The size of the spinner | `MazSizeUnit` | No |
|
|
7
|
-
| **teleport-selector** | The selector to teleport the loader | `string` | No |
|
|
8
|
-
|
|
9
|
-
## Slots
|
|
10
|
-
|
|
11
|
-
| Name | Description | Bindings |
|
|
12
|
-
| ------- | ----------- | -------- |
|
|
13
|
-
| default | | |
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default |
|
|
4
|
-
| -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | -------- | ------------- |
|
|
5
|
-
| **images** | Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]` | `MazGalleryImage[]` | No | `undefined` |
|
|
6
|
-
| **displayed-count** | Images count shown (max: 5) | `number` | No | `5` |
|
|
7
|
-
| **remaining** | Remove transparent layer with the remain count (ex: +2) | `boolean` | No | `true` |
|
|
8
|
-
| **height** | Height of gallery - set to `false` to remove default height | `number \| string \| false` | No | `150` |
|
|
9
|
-
| **width** | Width of gallery - set to `false` to remove default width | `number \| string \| false` | No | `100%` |
|
|
10
|
-
| **radius** | Disable the border radius of the gallery | `boolean` | No | `false` |
|
|
11
|
-
| **zoom** | Disable full size display when clicking on image | `boolean` | No | `false` |
|
|
12
|
-
| **has-empty-layer** | Layer with photography icon when no images is provided | `boolean` | No | `true` |
|
|
13
|
-
| **lazy** | Lazy load image - if false, images are directly loaded | `boolean` | No | `true` |
|
|
14
|
-
| **blur** | Disable blur effect on image hover | `boolean` | No | `true` |
|
|
15
|
-
| **scale** | Disable scale animation effect on image hover | `boolean` | No | `true` |
|
|
16
|
-
| **separator-color** | Choose color of borders between images - Should be a CSS color or CSS variable - Ex: `#000` | `string` | No | `transparent` |
|
|
17
|
-
| **background-color** | Choose background color of the gallery - Should be a CSS color or CSS variable - Ex: `#000` | `string` | No | `undefined` |
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default |
|
|
4
|
-
| --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- |
|
|
5
|
-
| **icon** | The icon to render. Accepts: - A Vue component (e.g. `import { MazStar } from '@maz-ui/icons/static/MazStar'`) - A URL or `data:` URI to a `.svg` file (`'/icons/star.svg'`, `'data:image/svg+xml,…'`) - A raw SVG string (`'<svg viewBox="0 0 24 24">…</svg>'`) The component detects the format and renders accordingly. | `MazIconValue` | No | `undefined` |
|
|
6
|
-
| **fallback** | Fallback icon used when: - `icon` is not provided - `icon` is a URL that fails to load or returns invalid SVG Same shape as `icon`. Defaults to the imported `MazQuestionMarkCircle` if neither `icon` nor `fallback` resolves to anything renderable. | `MazIconValue` | No | `undefined` |
|
|
7
|
-
| **size** | Predefined keyword (`'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'`) or any CSS length. | `MazIconSize` | No | `undefined` |
|
|
8
|
-
| **title** | Sets a `<title>` element inside the SVG for screen-reader accessibility. | `string` | No | `undefined` |
|
|
9
|
-
| **svg-attributes** | Extra attributes to merge onto the rendered `<svg>` root. | `Record` | No | `undefined` |
|
|
10
|
-
| **flip-icon-for-rtl** | Mirror the icon horizontally when the document direction is RTL. Useful for directional icons (chevrons, arrows). Renders unchanged in LTR. | `boolean` | No | `false` |
|
|
11
|
-
|
|
12
|
-
## Events
|
|
13
|
-
|
|
14
|
-
| Event name | Properties | Description |
|
|
15
|
-
| ---------- | ---------- | --------------------------------------------------------------------------------- |
|
|
16
|
-
| error | | Emitted when an SVG fails to fetch or parse — useful for telemetry / fallback UI. |
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required |
|
|
4
|
-
| ---------------- | ------------------------------------------ | -------------------- | -------- |
|
|
5
|
-
| **style** | The style of the component. | `Native type` | No |
|
|
6
|
-
| **class** | The class of the component. | `Native type` | No |
|
|
7
|
-
| **model-value** | The value of the component (v-model). | `T` | No |
|
|
8
|
-
| **code-length** | The length of the code. | `number` | No |
|
|
9
|
-
| **type** | The type of the input field. | `"text" \| "number"` | No |
|
|
10
|
-
| **accept-alpha** | Whether to accept alpha characters. | `boolean` | No |
|
|
11
|
-
| **required** | Whether the input is required. | `boolean` | No |
|
|
12
|
-
| **disabled** | Whether the input is disabled. | `boolean` | No |
|
|
13
|
-
| **error** | Whether there is an error with the input. | `boolean` | No |
|
|
14
|
-
| **success** | Whether the input is successful. | `boolean` | No |
|
|
15
|
-
| **warning** | Whether there is a warning with the input. | `boolean` | No |
|
|
16
|
-
| **size** | The size of the component. | `MazInputCodeSize` | No |
|
|
17
|
-
| **color** | The color of the component. | `MazColor` | No |
|
|
18
|
-
| **hint** | The hint text to display below the input. | `string` | No |
|
|
19
|
-
|
|
20
|
-
## Events
|
|
21
|
-
|
|
22
|
-
| Event name | Properties | Description |
|
|
23
|
-
| ------------------ | ----------------------------------------------- | -------------------------------- |
|
|
24
|
-
| update:model-value | **value** `mixed` - The new value of the model. | Update the model value. |
|
|
25
|
-
| completed | | Emitted when all inputs are set. |
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
## Props
|
|
2
|
-
|
|
3
|
-
| Name | Description | Type | Required | Default |
|
|
4
|
-
| ---------------- | --------------------------------------------------------------------------------------------------------------------------------- | ----------------------------- | -------- | -------------------------- |
|
|
5
|
-
| **id** | The id of the input. | `string` | No | `undefined` |
|
|
6
|
-
| **style** | The inline style object for the component. | `HTMLAttributes['style']` | No | `undefined` |
|
|
7
|
-
| **class** | The CSS class name for the component. | `HTMLAttributes['class']` | No | `undefined` |
|
|
8
|
-
| **model-value** | `v-model` <br/>The value of the component (v-model). | `number` | No | `undefined` |
|
|
9
|
-
| **disabled** | Whether the input number is disabled or not. | `boolean` | No | `undefined` |
|
|
10
|
-
| **max** | The maximum value allowed for the input number. | `number` | No | `Number.POSITIVE_INFINITY` |
|
|
11
|
-
| **min** | The minimum value allowed for the input number. | `number` | No | `Number.NEGATIVE_INFINITY` |
|
|
12
|
-
| **step** | The step value for incrementing or decrementing the input number. | `number` | No | `1` |
|
|
13
|
-
| **size** | The size of the input number component. | `MazSize` | No | `md` |
|
|
14
|
-
| **hide-buttons** | Whether to hide the increment and decrement buttons or not. | `boolean` | No | `false` |
|
|
15
|
-
| **text-center** | Whether to center the text inside the input or not. | `boolean` | No | `true` |
|
|
16
|
-
| **inputmode** | The inputmode attribute for the input. | `HTMLAttributes['inputmode']` | No | `undefined` |
|
|
17
|
-
| **block** | The input will be displayed in full width | `boolean` | No | `undefined` |
|
|
18
|
-
| **error** | Will display the input in error state. | `boolean` | No | `false` |
|
|
19
|
-
| **hint** | The hint text to display below the input. | `string` | No | `undefined` |
|
|
20
|
-
| **success** | Will display the input in success state. | `boolean` | No | `false` |
|
|
21
|
-
| **warning** | Will display the input in warning state. | `boolean` | No | `false` |
|
|
22
|
-
| **input-props** | The props for the input component. | `MazInputProps` | No | `undefined` |
|
|
23
|
-
| **top-label** | Static label displayed above the input field. Unlike the floating label, this remains fixed<br/>**Example:** `"User Information"` | `string` | No | `undefined` |
|
|
24
|
-
|
|
25
|
-
## Events
|
|
26
|
-
|
|
27
|
-
| Event name | Properties | Description |
|
|
28
|
-
| ------------------ | ---------------------------------------------------- | ----------------------------------- |
|
|
29
|
-
| focus | **value** `Event` - event object | Emitted when the input is focused |
|
|
30
|
-
| change | **value** `Event` - event object | Emitted when the value change |
|
|
31
|
-
| blur | **value** `Event` - event object | Emitted when the input is blurred |
|
|
32
|
-
| click | **value** `Event` - event object | Emitted input is clicked |
|
|
33
|
-
| update:model-value | **value** `number \| undefined` - value of the input | Emitted when the input value change |
|