maz-ui 3.22.4 → 3.23.1
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/components/MazAvatar.mjs +2 -2
- package/components/MazBackdrop.mjs +67 -107
- package/components/MazBadge.mjs +41 -50
- package/components/MazBottomSheet.mjs +2 -2
- package/components/MazBtn.mjs +2 -2
- package/components/MazCard.mjs +2 -2
- package/components/MazCarousel.mjs +2 -2
- package/components/MazChart.mjs +53 -63
- package/components/MazCheckbox.mjs +84 -128
- package/components/MazDialog.mjs +2 -2
- package/components/MazDialogPromise.mjs +3 -3
- package/components/MazDrawer.mjs +2 -2
- package/components/MazDropdown.mjs +2 -2
- package/components/MazDropzone.mjs +2 -2
- package/components/MazFullscreenLoader.mjs +14 -18
- package/components/MazGallery.mjs +352 -558
- package/components/MazIcon.mjs +76 -140
- package/components/MazInput.mjs +2 -2
- package/components/MazInputNumber.mjs +72 -99
- package/components/MazInputPrice.mjs +2 -2
- package/components/MazInputTags.mjs +2 -2
- package/components/MazLazyImg.mjs +2 -2
- package/components/MazPhoneNumberInput.mjs +2 -2
- package/components/MazPicker.mjs +2 -2
- package/components/MazRadio.mjs +65 -94
- package/components/MazRadioButtons.mjs +64 -78
- package/components/MazSelect.mjs +2 -2
- package/components/MazSlider.mjs +213 -325
- package/components/MazSpinner.mjs +25 -34
- package/components/MazStepper.mjs +2 -2
- package/components/MazSwitch.mjs +43 -60
- package/components/MazTabs.mjs +16 -25
- package/components/MazTabsBar.mjs +2 -2
- package/components/MazTabsContent.mjs +34 -43
- package/components/MazTabsContentItem.mjs +49 -63
- package/components/MazTextarea.mjs +124 -169
- package/components/MazTransitionExpand.mjs +36 -54
- package/components/assets/MazBackdrop.css +1 -1
- package/components/assets/MazBottomSheet.css +1 -1
- package/components/assets/MazDialog.css +1 -1
- package/components/assets/MazDialogPromise.css +1 -1
- package/components/assets/MazDrawer.css +1 -1
- package/components/assets/MazPhoneNumberInput.css +1 -1
- package/components/assets/MazSelect.css +1 -1
- package/components/chunks/MazAvatar-1636f58b.mjs +126 -0
- package/components/chunks/MazBottomSheet-c24f92f8.mjs +217 -0
- package/components/chunks/MazBtn-124f3700.mjs +153 -0
- package/components/chunks/MazBtn-1e61862b.mjs +153 -0
- package/components/chunks/MazBtn-2d1d1ba5.mjs +153 -0
- package/components/chunks/MazBtn-3d74f737.mjs +153 -0
- package/components/chunks/MazBtn-4a447126.mjs +153 -0
- package/components/chunks/MazBtn-555928ed.mjs +153 -0
- package/components/chunks/MazBtn-571454f6.mjs +153 -0
- package/components/chunks/MazBtn-5e426592.mjs +153 -0
- package/components/chunks/MazBtn-683effc1.mjs +153 -0
- package/components/chunks/MazBtn-6905cc39.mjs +153 -0
- package/components/chunks/MazBtn-6ce4cfd3.mjs +153 -0
- package/components/chunks/MazBtn-74656d5b.mjs +153 -0
- package/components/chunks/MazBtn-7706b2da.mjs +158 -0
- package/components/chunks/MazBtn-a7a913dd.mjs +153 -0
- package/components/chunks/MazBtn-fb3c7af8.mjs +153 -0
- package/components/chunks/MazCard-bcc36489.mjs +214 -0
- package/components/chunks/MazCarousel-6da75122.mjs +107 -0
- package/components/chunks/MazCheckbox-040dc2c4.mjs +117 -0
- package/components/chunks/MazCheckbox-3a2b48b4.mjs +117 -0
- package/components/chunks/MazDialog-44eda544.mjs +250 -0
- package/components/chunks/MazDialogPromise-eec5acde.mjs +419 -0
- package/components/chunks/MazDrawer-b628b37e.mjs +206 -0
- package/components/chunks/MazDropdown-6f2248b0.mjs +345 -0
- package/components/chunks/MazDropzone-8cac10a6.mjs +242 -0
- package/components/chunks/MazGallery-6b8ecedf.mjs +617 -0
- package/components/chunks/MazIcon-52a76873.mjs +101 -0
- package/components/chunks/MazIcon-95e31ff8.mjs +96 -0
- package/components/chunks/MazInput-1ed4f946.mjs +283 -0
- package/components/chunks/MazInput-8a217995.mjs +271 -0
- package/components/chunks/MazInput-c51881ea.mjs +278 -0
- package/components/chunks/MazInputPrice-cd348d46.mjs +392 -0
- package/components/chunks/MazInputTags-aa95fae7.mjs +446 -0
- package/components/chunks/MazLazyImg-0412ab38.mjs +259 -0
- package/components/chunks/MazLazyImg-47d3449a.mjs +254 -0
- package/components/chunks/MazPhoneNumberInput-e1bf46f9.mjs +1216 -0
- package/components/chunks/MazPicker-e4620d8b.mjs +1140 -0
- package/components/chunks/MazPickerCalendar-da62262c.mjs +535 -0
- package/components/chunks/MazPickerHeader-a2e041eb.mjs +186 -0
- package/components/chunks/MazPickerMonthSwitcher-5bf8bd08.mjs +97 -0
- package/components/chunks/MazPickerShortcuts-7f95430e.mjs +74 -0
- package/components/chunks/MazPickerTime-717402ae.mjs +219 -0
- package/components/chunks/MazPickerYearSwitcher-85f97b6d.mjs +106 -0
- package/components/chunks/MazSelect-6ff6bb96.mjs +652 -0
- package/components/chunks/MazSpinner-054f948c.mjs +39 -0
- package/components/chunks/MazSpinner-059ee1d2.mjs +39 -0
- package/components/chunks/MazSpinner-08ee440b.mjs +39 -0
- package/components/chunks/MazSpinner-13403729.mjs +39 -0
- package/components/chunks/MazSpinner-44011019.mjs +39 -0
- package/components/chunks/MazSpinner-452a1534.mjs +39 -0
- package/components/chunks/MazSpinner-4c02cfd2.mjs +39 -0
- package/components/chunks/MazSpinner-51aa73ca.mjs +39 -0
- package/components/chunks/MazSpinner-6d1d24d5.mjs +39 -0
- package/components/chunks/MazSpinner-6e7c4705.mjs +39 -0
- package/components/chunks/MazSpinner-7895f54f.mjs +39 -0
- package/components/chunks/MazSpinner-7eee202e.mjs +39 -0
- package/components/chunks/MazSpinner-805e14a6.mjs +39 -0
- package/components/chunks/MazSpinner-85080b43.mjs +39 -0
- package/components/chunks/MazSpinner-a13a50c9.mjs +39 -0
- package/components/chunks/MazSpinner-a6d61cee.mjs +43 -0
- package/components/chunks/MazSpinner-c67b05bb.mjs +39 -0
- package/components/chunks/MazSpinner-caa33afc.mjs +39 -0
- package/components/chunks/MazSpinner-cb8fbe9a.mjs +39 -0
- package/components/chunks/MazSpinner-d9ef329f.mjs +39 -0
- package/components/chunks/MazStepper-39f018f3.mjs +191 -0
- package/components/chunks/MazTabsBar-27965f16.mjs +132 -0
- package/components/chunks/MazTransitionExpand-55cfbecb.mjs +41 -0
- package/components/chunks/MazTransitionExpand-cd24498f.mjs +41 -0
- package/components/chunks/_plugin-vue_export-helper-dad06003.mjs +9 -0
- package/components/chunks/check-31d7ba2f.mjs +30 -0
- package/components/chunks/check-c9b483c0.mjs +30 -0
- package/components/chunks/{check-circle-7acfa4c4.mjs → check-circle-59c383ed.mjs} +10 -12
- package/components/chunks/chevron-down-2b60111a.mjs +30 -0
- package/components/chunks/chevron-left-39b4621e.mjs +30 -0
- package/components/chunks/chevron-right-949a60fa.mjs +30 -0
- package/components/chunks/debounce-19c516b6.mjs +11 -0
- package/components/chunks/examples.mobile.json-f63d22fb.mjs +4 -0
- package/components/chunks/{exclamation-circle-2e115536.mjs → exclamation-circle-e2620aab.mjs} +10 -12
- package/components/chunks/{exclamation-triangle-10eb48dc.mjs → exclamation-triangle-21bf116a.mjs} +10 -12
- package/components/chunks/{eye-fbb13657.mjs → eye-dc12ce09.mjs} +12 -15
- package/components/chunks/{eye-slash-342420ff.mjs → eye-slash-fa42a017.mjs} +10 -12
- package/components/chunks/{magnifying-glass-5dffa35e.mjs → magnifying-glass-908981c0.mjs} +10 -12
- package/components/chunks/minus-e71140e1.mjs +30 -0
- package/components/chunks/no-photography-4c6c77cf.mjs +4 -0
- package/components/chunks/{no-photography-b0d08d6f.mjs → no-photography-be94ddda.mjs} +12 -15
- package/components/chunks/{no-symbol-975ce547.mjs → no-symbol-87477ad0.mjs} +10 -12
- package/components/chunks/{pencil-2f766dc8.mjs → pencil-4c35b4e7.mjs} +10 -12
- package/components/chunks/plus-c20544c3.mjs +30 -0
- package/components/chunks/x-mark-35f2f1e7.mjs +30 -0
- package/components/chunks/x-mark-7761acf4.mjs +29 -0
- package/modules/chunks/MazBtn-2f302422.cjs +1 -0
- package/modules/chunks/MazBtn-760c3b29.mjs +153 -0
- package/modules/chunks/MazIcon-0bd6b78e.mjs +96 -0
- package/modules/chunks/MazIcon-599a907f.cjs +1 -0
- package/modules/chunks/MazSpinner-03bd76bd.mjs +39 -0
- package/modules/chunks/MazSpinner-6ffa8db1.cjs +1 -0
- package/modules/chunks/{arrow-top-right-on-square-32bbe5a1.mjs → arrow-top-right-on-square-15191934.mjs} +10 -12
- package/modules/chunks/arrow-top-right-on-square-8e4ea6e2.cjs +1 -0
- package/modules/chunks/chevron-left-36731110.cjs +1 -0
- package/modules/chunks/chevron-left-39b4621e.mjs +30 -0
- package/modules/chunks/index-6a90ef88.mjs +1618 -0
- package/modules/chunks/index-794680d2.cjs +124 -0
- package/modules/chunks/{link-4eb05848.mjs → link-bb14441d.mjs} +10 -12
- package/modules/chunks/link-c7791a2a.cjs +1 -0
- package/modules/chunks/no-photography-0f6fcaf4.cjs +1 -0
- package/modules/chunks/no-photography-4c6c77cf.mjs +4 -0
- package/modules/chunks/x-mark-35f2f1e7.mjs +30 -0
- package/modules/chunks/x-mark-a28deca5.cjs +1 -0
- package/modules/index.cjs +1 -0
- package/modules/index.mjs +42 -42
- package/nuxt/index.json +1 -1
- package/package.json +14 -4
- package/types/resolvers/index.d.ts +1 -0
- package/types/resolvers/unplugin-vue-components-resolver.d.ts +8 -0
- package/types/utils/index.d.ts +3 -0
- package/components/chunks/MazAvatar-358d78d4.mjs +0 -138
- package/components/chunks/MazBottomSheet-61090f4a.mjs +0 -267
- package/components/chunks/MazBtn-0e02f0da.mjs +0 -184
- package/components/chunks/MazBtn-1daf9063.mjs +0 -184
- package/components/chunks/MazBtn-2f4fa942.mjs +0 -184
- package/components/chunks/MazBtn-31c6b731.mjs +0 -184
- package/components/chunks/MazBtn-48382169.mjs +0 -184
- package/components/chunks/MazBtn-4e1e116e.mjs +0 -184
- package/components/chunks/MazBtn-50abc4c5.mjs +0 -184
- package/components/chunks/MazBtn-84e12b6a.mjs +0 -184
- package/components/chunks/MazBtn-b42e3575.mjs +0 -184
- package/components/chunks/MazBtn-b56a7278.mjs +0 -184
- package/components/chunks/MazBtn-bbd6e9c8.mjs +0 -184
- package/components/chunks/MazBtn-cf0c8fcb.mjs +0 -184
- package/components/chunks/MazBtn-d92908b2.mjs +0 -191
- package/components/chunks/MazBtn-f48da79c.mjs +0 -184
- package/components/chunks/MazBtn-fec4c3b7.mjs +0 -184
- package/components/chunks/MazCard-4331dca0.mjs +0 -237
- package/components/chunks/MazCarousel-7825c7c9.mjs +0 -133
- package/components/chunks/MazCheckbox-ab5ddda2.mjs +0 -153
- package/components/chunks/MazCheckbox-e0bbe6ec.mjs +0 -153
- package/components/chunks/MazDialog-83e54b8c.mjs +0 -290
- package/components/chunks/MazDialogPromise-6967e821.mjs +0 -474
- package/components/chunks/MazDrawer-d778b3d2.mjs +0 -256
- package/components/chunks/MazDropdown-6f4482d7.mjs +0 -426
- package/components/chunks/MazDropzone-d1bb62dc.mjs +0 -325
- package/components/chunks/MazGallery-b2dc4286.mjs +0 -821
- package/components/chunks/MazIcon-b779da0a.mjs +0 -159
- package/components/chunks/MazIcon-bda198b4.mjs +0 -165
- package/components/chunks/MazInput-713b00d0.mjs +0 -326
- package/components/chunks/MazInput-b9386887.mjs +0 -341
- package/components/chunks/MazInput-c33627dd.mjs +0 -334
- package/components/chunks/MazInputPrice-452297f5.mjs +0 -481
- package/components/chunks/MazInputTags-7a463b81.mjs +0 -526
- package/components/chunks/MazLazyImg-6e395356.mjs +0 -336
- package/components/chunks/MazLazyImg-e0d8b6d0.mjs +0 -329
- package/components/chunks/MazPhoneNumberInput-48fe2445.mjs +0 -1536
- package/components/chunks/MazPicker-50fc11d1.mjs +0 -1352
- package/components/chunks/MazPickerCalendar-cacb361c.mjs +0 -689
- package/components/chunks/MazPickerHeader-63d45179.mjs +0 -216
- package/components/chunks/MazPickerMonthSwitcher-913c6e2c.mjs +0 -110
- package/components/chunks/MazPickerShortcuts-c6fabfc6.mjs +0 -88
- package/components/chunks/MazPickerTime-5e4475da.mjs +0 -301
- package/components/chunks/MazPickerYearSwitcher-dd4fa89c.mjs +0 -125
- package/components/chunks/MazSelect-2e5cd411.mjs +0 -850
- package/components/chunks/MazSpinner-022d7bee.mjs +0 -46
- package/components/chunks/MazSpinner-100c99b8.mjs +0 -46
- package/components/chunks/MazSpinner-191ad23b.mjs +0 -46
- package/components/chunks/MazSpinner-3155378b.mjs +0 -46
- package/components/chunks/MazSpinner-339a9006.mjs +0 -46
- package/components/chunks/MazSpinner-53979e96.mjs +0 -46
- package/components/chunks/MazSpinner-68d2f2ac.mjs +0 -46
- package/components/chunks/MazSpinner-6b563b22.mjs +0 -46
- package/components/chunks/MazSpinner-7cdc13e7.mjs +0 -46
- package/components/chunks/MazSpinner-8859d658.mjs +0 -46
- package/components/chunks/MazSpinner-8e180605.mjs +0 -52
- package/components/chunks/MazSpinner-9950424b.mjs +0 -46
- package/components/chunks/MazSpinner-c8270a93.mjs +0 -46
- package/components/chunks/MazSpinner-cb491238.mjs +0 -46
- package/components/chunks/MazSpinner-cb6f99f3.mjs +0 -46
- package/components/chunks/MazSpinner-ce4be8f1.mjs +0 -46
- package/components/chunks/MazSpinner-e5a9f319.mjs +0 -46
- package/components/chunks/MazSpinner-e92bd359.mjs +0 -46
- package/components/chunks/MazSpinner-eea9056d.mjs +0 -46
- package/components/chunks/MazSpinner-f1e69f29.mjs +0 -46
- package/components/chunks/MazStepper-4c19dbfc.mjs +0 -255
- package/components/chunks/MazTabsBar-3c2e2d69.mjs +0 -157
- package/components/chunks/MazTransitionExpand-474b00d4.mjs +0 -57
- package/components/chunks/MazTransitionExpand-f9e5a2d6.mjs +0 -57
- package/components/chunks/_plugin-vue_export-helper-cc2b3d55.mjs +0 -10
- package/components/chunks/check-8da249b1.mjs +0 -32
- package/components/chunks/check-f2fcce10.mjs +0 -32
- package/components/chunks/chevron-down-a78b9604.mjs +0 -32
- package/components/chunks/chevron-left-3365d59b.mjs +0 -32
- package/components/chunks/chevron-right-02f9e837.mjs +0 -32
- package/components/chunks/debounce-7d66ffa9.mjs +0 -12
- package/components/chunks/examples.mobile.json-618ba782.mjs +0 -4
- package/components/chunks/minus-c9cdee90.mjs +0 -32
- package/components/chunks/no-photography-7f2be516.mjs +0 -4
- package/components/chunks/plus-b1b0a5a8.mjs +0 -32
- package/components/chunks/x-mark-3b05101b.mjs +0 -31
- package/components/chunks/x-mark-c6ff45dd.mjs +0 -32
- package/modules/chunks/MazBtn-90ffd148.mjs +0 -184
- package/modules/chunks/MazIcon-988edef7.mjs +0 -159
- package/modules/chunks/MazSpinner-a16a3d8f.mjs +0 -46
- package/modules/chunks/chevron-left-3365d59b.mjs +0 -32
- package/modules/chunks/index-b1625fc2.mjs +0 -2315
- package/modules/chunks/no-photography-7f2be516.mjs +0 -4
- package/modules/chunks/x-mark-c6ff45dd.mjs +0 -32
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-input[data-v-32fa5093]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-32fa5093]{height:4rem}.m-input.--xl .m-input-input[data-v-32fa5093],.m-input.--xl .m-input-label[data-v-32fa5093]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-32fa5093]{height:3.5rem}.m-input.--lg .m-input-input[data-v-32fa5093],.m-input.--lg .m-input-label[data-v-32fa5093]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-32fa5093]{height:3rem}.m-input.--md .m-input-input[data-v-32fa5093],.m-input.--md .m-input-label[data-v-32fa5093]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-32fa5093]{height:2.5rem}.m-input.--sm .m-input-input[data-v-32fa5093],.m-input.--sm .m-input-label[data-v-32fa5093]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-32fa5093]{height:2rem}.m-input.--xs .m-input-input[data-v-32fa5093],.m-input.--xs .m-input-label[data-v-32fa5093]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-32fa5093]{height:1.5rem}.m-input.--mini .m-input-input[data-v-32fa5093],.m-input.--mini .m-input-label[data-v-32fa5093]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-32fa5093]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-32fa5093]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-32fa5093]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-32fa5093],.m-input-wrapper-left[data-v-32fa5093]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-32fa5093]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-32fa5093]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-32fa5093],.m-input-wrapper-left[data-v-32fa5093]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-32fa5093]{padding-right:.5rem}.m-input-wrapper-left[data-v-32fa5093]{padding-left:.5rem}.m-input-input[data-v-32fa5093]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:none;background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-32fa5093]:-webkit-autofill,.m-input-input[data-v-32fa5093]:-webkit-autofill:hover,.m-input-input[data-v-32fa5093]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-input[data-v-32fa5093]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-32fa5093]{pointer-events:none;position:absolute;left:.75rem;display:block;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:1.5rem;width:calc(100% + 1.3rem);-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input:not(.--should-up) .m-input-label[data-v-32fa5093]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-32fa5093]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-32fa5093]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-32fa5093]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-32fa5093]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-32fa5093]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-32fa5093]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-32fa5093]{z-index:3}.m-input.--has-label .m-input-input[data-v-32fa5093]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-32fa5093]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-32fa5093]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill,html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill:hover,html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-select[data-v-c313b4a6]{position:relative}.m-select[data-v-c313b4a6]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-c313b4a6] .m-input-input,.m-select-input.--has-label[data-v-c313b4a6] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-c313b4a6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-c313b4a6] input{caret-color:transparent}.m-select-chevron[data-v-c313b4a6]{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select .m-select-chevron[data-v-c313b4a6]{color:var(--maz-color-text)}.m-select.--is-open .m-select-chevron[data-v-c313b4a6]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-c313b4a6]{position:absolute;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text);--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-v-c313b4a6]:is([class~=dark] .m-select .m-select-list){background-color:var(--maz-color-bg-light)}.m-select .m-select-list[data-v-c313b4a6]{min-width:3.5rem}.m-select .m-select-list.--top[data-v-c313b4a6]{bottom:100%}.m-select .m-select-list.--left[data-v-c313b4a6]{left:0}.m-select .m-select-list.--right[data-v-c313b4a6]{right:0}.m-select .m-select-list.--bottom[data-v-c313b4a6]{top:100%}.m-select .m-select-list__search-wrapper[data-v-c313b4a6]{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--maz-color-bg);padding:.25rem}.m-select .m-select-list__scroll-wrapper[data-v-c313b4a6]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:auto}.m-select .m-select-list__no-results[data-v-c313b4a6]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-c313b4a6]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;padding-left:1rem;padding-right:1rem;text-align:left;color:var(--maz-color-text)}.m-select .m-select-list-item[data-v-c313b4a6]:hover{background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item span[data-v-c313b4a6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-c313b4a6]{background-color:var(--maz-color-bg-light)}[data-v-c313b4a6]:is([class~=dark] .m-select .m-select-list-item.--is-keyboard-selected){background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-c313b4a6]{background-color:var(--0804a86d)}.m-select .m-select-list-item.--is-none-value[data-v-c313b4a6]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected[data-v-c313b4a6]{color:var(--4502d2ec);background-color:var(--381f7054)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-c313b4a6]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-c313b4a6]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}
|
|
1
|
+
.m-input[data-v-32fa5093]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-input.--xl[data-v-32fa5093]{height:4rem}.m-input.--xl .m-input-input[data-v-32fa5093],.m-input.--xl .m-input-label[data-v-32fa5093]{font-size:1.25rem;line-height:1.75rem}.m-input.--lg[data-v-32fa5093]{height:3.5rem}.m-input.--lg .m-input-input[data-v-32fa5093],.m-input.--lg .m-input-label[data-v-32fa5093]{font-size:1.125rem;line-height:1.75rem}.m-input.--md[data-v-32fa5093]{height:3rem}.m-input.--md .m-input-input[data-v-32fa5093],.m-input.--md .m-input-label[data-v-32fa5093]{font-size:1rem;line-height:1.5rem}.m-input.--sm[data-v-32fa5093]{height:2.5rem}.m-input.--sm .m-input-input[data-v-32fa5093],.m-input.--sm .m-input-label[data-v-32fa5093]{font-size:.875rem;line-height:1.25rem}.m-input.--xs[data-v-32fa5093]{height:2rem}.m-input.--xs .m-input-input[data-v-32fa5093],.m-input.--xs .m-input-label[data-v-32fa5093]{font-size:.75rem;line-height:1rem}.m-input.--mini[data-v-32fa5093]{height:1.5rem}.m-input.--mini .m-input-input[data-v-32fa5093],.m-input.--mini .m-input-label[data-v-32fa5093]{font-size:.75rem;line-height:1rem}.m-input-wrapper[data-v-32fa5093]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:hidden;border-width:var(--maz-border-width);border-style:solid;background-color:var(--maz-color-bg);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.m-input-wrapper.--default-border[data-v-32fa5093]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.m-input-wrapper-input[data-v-32fa5093]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-input-wrapper-right[data-v-32fa5093],.m-input-wrapper-left[data-v-32fa5093]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.m-input-wrapper-right[data-v-32fa5093]>:not([hidden])~:not([hidden]),.m-input-wrapper-left[data-v-32fa5093]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.m-input-wrapper-right[data-v-32fa5093],.m-input-wrapper-left[data-v-32fa5093]{padding-top:.25rem;padding-bottom:.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-input-wrapper-right[data-v-32fa5093]{padding-right:.5rem}.m-input-wrapper-left[data-v-32fa5093]{padding-left:.5rem}.m-input-input[data-v-32fa5093]{margin:0;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:none;background-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;color:var(--maz-color-text);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.m-input-input[data-v-32fa5093]:-webkit-autofill,.m-input-input[data-v-32fa5093]:-webkit-autofill:hover,.m-input-input[data-v-32fa5093]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;box-shadow:0 0 0 1000px var(--maz-color-primary-50) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-input-input[data-v-32fa5093]::-webkit-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::-moz-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]:-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::-ms-input-placeholder{color:var(--maz-color-muted)}.m-input-input[data-v-32fa5093]::placeholder{color:var(--maz-color-muted)}.m-input-label[data-v-32fa5093]{pointer-events:none;position:absolute;left:.75rem;display:block;width:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:1.5rem;width:calc(100% + 1.3rem);-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.m-input:not(.--should-up) .m-input-label[data-v-32fa5093]{width:calc(100% - .75rem)}.m-input.--should-up .m-input-label[data-v-32fa5093]{-webkit-transform:scale(.8) translateY(-.65em);transform:scale(.8) translateY(-.65em)}.m-input[data-v-32fa5093]:not(.--has-state){color:var(--maz-color-muted)}.m-input.--has-z-2 .m-input-wrapper[data-v-32fa5093]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-32fa5093]{cursor:default}.m-input.--is-disabled .m-input-wrapper[data-v-32fa5093]{background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input.--is-disabled .m-input-input[data-v-32fa5093]{cursor:not-allowed;color:var(--maz-color-muted)}.m-input.--is-focused .m-input-wrapper[data-v-32fa5093]{z-index:3}.m-input.--has-label .m-input-input[data-v-32fa5093]{padding-left:.75rem;padding-right:.75rem;padding-top:1rem}html.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-32fa5093]{background-color:var(--maz-color-bg-light)}html.dark .m-input:not(.--is-focused,.--has-state) .m-input-wrapper.--default-border[data-v-32fa5093]{border-color:var(--maz-color-bg-lighter)}html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill,html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill:hover,html.dark .m-input-input[data-v-32fa5093]:-webkit-autofill:focus{-webkit-text-fill-color:var(--maz-color-text);-webkit-box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;box-shadow:0 0 0 1000px var(--maz-color-bg-lighter) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.m-select[data-v-441d5cd5]{position:relative}.m-select[data-v-441d5cd5]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-input[data-v-441d5cd5] .m-input-input,.m-select-input.--has-label[data-v-441d5cd5] .m-input-input{padding-right:0}.m-select-input__toggle-button[data-v-441d5cd5]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:transparent;padding-left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select-input[data-v-441d5cd5] input{caret-color:transparent}.m-select-chevron[data-v-441d5cd5]{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select .m-select-chevron[data-v-441d5cd5]{color:var(--maz-color-text)}.m-select.--is-open .m-select-chevron[data-v-441d5cd5]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-select .m-select-list[data-v-441d5cd5]{position:absolute;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text);--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-v-441d5cd5]:is([class~=dark] .m-select .m-select-list){background-color:var(--maz-color-bg-light)}.m-select .m-select-list[data-v-441d5cd5]{min-width:3.5rem}.m-select .m-select-list.--top[data-v-441d5cd5]{bottom:100%}.m-select .m-select-list.--left[data-v-441d5cd5]{left:0}.m-select .m-select-list.--right[data-v-441d5cd5]{right:0}.m-select .m-select-list.--bottom[data-v-441d5cd5]{top:100%}.m-select .m-select-list__search-wrapper[data-v-441d5cd5]{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--maz-color-bg);padding:.25rem}.m-select .m-select-list__scroll-wrapper[data-v-441d5cd5]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow:auto}.m-select .m-select-list__no-results[data-v-441d5cd5]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-select .m-select-list-item[data-v-441d5cd5]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;padding-left:1rem;padding-right:1rem;text-align:left;color:var(--maz-color-text)}.m-select .m-select-list-item[data-v-441d5cd5]:hover{background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item span[data-v-441d5cd5]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-select .m-select-list-item.--is-keyboard-selected[data-v-441d5cd5]{background-color:var(--maz-color-bg-light)}[data-v-441d5cd5]:is([class~=dark] .m-select .m-select-list-item.--is-keyboard-selected){background-color:var(--maz-color-bg-lighter)}.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-441d5cd5]{background-color:var(--1e2ca234)}.m-select .m-select-list-item.--is-none-value[data-v-441d5cd5]{color:var(--maz-color-muted)}.m-select .m-select-list-item.--is-selected[data-v-441d5cd5]{color:var(--a001241a);background-color:var(--75c5211b)}.m-select .m-select-list-item.--is-selected.--transparent[data-v-441d5cd5]{background-color:var(--maz-color-bg)}.m-select button.maz-custom[data-v-441d5cd5]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import "../assets/MazAvatar.css";
|
|
2
|
+
import { defineComponent as h, defineAsyncComponent as f, computed as m, openBlock as i, createBlock as v, resolveDynamicComponent as C, mergeProps as z, withCtx as S, createElementVNode as y, normalizeClass as B, unref as g, createCommentVNode as r, renderSlot as d, toDisplayString as k, createElementBlock as b, normalizeStyle as $, createVNode as w } from "vue";
|
|
3
|
+
const A = ["tabindex"], L = { class: "m-avatar__initial" }, M = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "m-avatar__caption"
|
|
6
|
+
}, p = /* @__PURE__ */ h({
|
|
7
|
+
__name: "MazAvatar",
|
|
8
|
+
props: {
|
|
9
|
+
src: {
|
|
10
|
+
type: String,
|
|
11
|
+
default: void 0
|
|
12
|
+
},
|
|
13
|
+
caption: {
|
|
14
|
+
type: String,
|
|
15
|
+
default: void 0
|
|
16
|
+
},
|
|
17
|
+
href: { type: String, default: void 0 },
|
|
18
|
+
to: { type: Object, default: void 0 },
|
|
19
|
+
alt: { type: String, default: "avatar image" },
|
|
20
|
+
target: { type: String, default: "_self" },
|
|
21
|
+
size: { type: String, default: void 0 },
|
|
22
|
+
bordered: { type: Boolean, default: !1 },
|
|
23
|
+
clickable: { type: Boolean, default: !1 },
|
|
24
|
+
square: { type: Boolean, default: !1 },
|
|
25
|
+
noElevation: { type: Boolean, default: !1 },
|
|
26
|
+
showCaption: { type: Boolean, default: !1 },
|
|
27
|
+
imageHeightFull: { type: Boolean, default: !1 },
|
|
28
|
+
noLoader: { type: Boolean, default: !1 },
|
|
29
|
+
buttonColor: {
|
|
30
|
+
type: String,
|
|
31
|
+
default: "info"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
emits: ["click"],
|
|
35
|
+
setup(t) {
|
|
36
|
+
const c = f(() => import("./MazLazyImg-47d3449a.mjs")), l = f(() => import("./pencil-4c35b4e7.mjs")), e = t, s = m(() => e.to ? "RouterLink" : e.href ? "a" : "div"), u = m(() => !!e.to || !!e.href);
|
|
37
|
+
return (a, n) => (i(), v(C(s.value), z({
|
|
38
|
+
style: { fontSize: t.size },
|
|
39
|
+
class: ["m-avatar", [
|
|
40
|
+
{
|
|
41
|
+
"--has-link": u.value
|
|
42
|
+
}
|
|
43
|
+
]]
|
|
44
|
+
}, a.$attrs, {
|
|
45
|
+
href: t.href,
|
|
46
|
+
to: t.to,
|
|
47
|
+
target: u.value ? t.target : void 0
|
|
48
|
+
}), {
|
|
49
|
+
default: S(() => [
|
|
50
|
+
y("div", {
|
|
51
|
+
class: B(["m-avatar__wrapper", {
|
|
52
|
+
"--has-shadow": !t.noElevation,
|
|
53
|
+
"--bordered": t.bordered,
|
|
54
|
+
"--clickable": t.clickable,
|
|
55
|
+
"--square": t.square,
|
|
56
|
+
"--has-initial": !t.src && t.caption
|
|
57
|
+
}]),
|
|
58
|
+
tabindex: t.clickable ? 0 : -1
|
|
59
|
+
}, [
|
|
60
|
+
t.src ? (i(), v(g(c), {
|
|
61
|
+
key: 0,
|
|
62
|
+
class: "m-avatar__picture maz-max-w-full",
|
|
63
|
+
image: t.src,
|
|
64
|
+
alt: t.alt,
|
|
65
|
+
"image-height-full": "",
|
|
66
|
+
"no-loader": t.noLoader,
|
|
67
|
+
onClick: n[0] || (n[0] = (o) => t.clickable ? a.$emit("click", o) : null)
|
|
68
|
+
}, null, 8, ["image", "alt", "no-loader"])) : r("v-if", !0),
|
|
69
|
+
t.caption && !t.src ? d(a.$slots, "round-text", { key: 1 }, () => {
|
|
70
|
+
var o;
|
|
71
|
+
return [
|
|
72
|
+
y(
|
|
73
|
+
"span",
|
|
74
|
+
L,
|
|
75
|
+
k((o = t.caption) == null ? void 0 : o.charAt(0)),
|
|
76
|
+
1
|
|
77
|
+
/* TEXT */
|
|
78
|
+
)
|
|
79
|
+
];
|
|
80
|
+
}, !0) : r("v-if", !0),
|
|
81
|
+
t.clickable ? (i(), b(
|
|
82
|
+
"button",
|
|
83
|
+
{
|
|
84
|
+
key: 2,
|
|
85
|
+
type: "button",
|
|
86
|
+
tabindex: "-1",
|
|
87
|
+
class: "m-avatar__button",
|
|
88
|
+
style: $({
|
|
89
|
+
backgroundColor: t.src ? `var(--maz-color-${t.buttonColor}-alpha)` : `var(--maz-color-${t.buttonColor})`
|
|
90
|
+
}),
|
|
91
|
+
onClick: n[1] || (n[1] = (o) => a.$emit("click", o))
|
|
92
|
+
},
|
|
93
|
+
[
|
|
94
|
+
d(a.$slots, "icon", {}, () => [
|
|
95
|
+
w(g(l), { class: "m-avatar__button__icon" })
|
|
96
|
+
], !0)
|
|
97
|
+
],
|
|
98
|
+
4
|
|
99
|
+
/* STYLE */
|
|
100
|
+
)) : r("v-if", !0)
|
|
101
|
+
], 10, A),
|
|
102
|
+
d(a.$slots, "caption", {}, () => [
|
|
103
|
+
t.showCaption && t.caption ? (i(), b(
|
|
104
|
+
"p",
|
|
105
|
+
M,
|
|
106
|
+
k(t.caption),
|
|
107
|
+
1
|
|
108
|
+
/* TEXT */
|
|
109
|
+
)) : r("v-if", !0)
|
|
110
|
+
], !0)
|
|
111
|
+
]),
|
|
112
|
+
_: 3
|
|
113
|
+
/* FORWARDED */
|
|
114
|
+
}, 16, ["style", "class", "href", "to", "target"]));
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
const x = (t, c) => {
|
|
118
|
+
const l = t.__vccOpts || t;
|
|
119
|
+
for (const [e, s] of c)
|
|
120
|
+
l[e] = s;
|
|
121
|
+
return l;
|
|
122
|
+
}, I = /* @__PURE__ */ x(p, [["__scopeId", "data-v-6cd62f95"]]);
|
|
123
|
+
export {
|
|
124
|
+
I as M,
|
|
125
|
+
x as _
|
|
126
|
+
};
|
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
import "../assets/MazBottomSheet.css";
|
|
2
|
+
import { defineComponent as b, ref as M, onMounted as w, watch as $, openBlock as c, createBlock as p, Teleport as z, createVNode as C, Transition as L, withCtx as u, createElementBlock as B, normalizeClass as f, createElementVNode as d, withModifiers as O, mergeProps as g, renderSlot as h, createCommentVNode as k, defineAsyncComponent as V, unref as y, pushScopeId as D, popScopeId as P } from "vue";
|
|
3
|
+
const E = "--backdrop-present", N = () => {
|
|
4
|
+
document.documentElement.classList.add(E);
|
|
5
|
+
}, I = async () => {
|
|
6
|
+
document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(E);
|
|
7
|
+
}, T = b({
|
|
8
|
+
inheritAttrs: !1,
|
|
9
|
+
props: {
|
|
10
|
+
modelValue: { type: Boolean, default: !1 },
|
|
11
|
+
teleportSelector: { type: String, default: "body" },
|
|
12
|
+
beforeClose: {
|
|
13
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
14
|
+
type: Function,
|
|
15
|
+
default: void 0
|
|
16
|
+
},
|
|
17
|
+
persistent: { type: Boolean, default: !1 },
|
|
18
|
+
noCloseOnEscKey: { type: Boolean, default: !1 },
|
|
19
|
+
transitionName: { type: String, default: "backdrop-anim" },
|
|
20
|
+
backdropClass: { type: [Array, String, Object], default: void 0 },
|
|
21
|
+
backdropContentClass: {
|
|
22
|
+
type: [Array, String, Object],
|
|
23
|
+
default: void 0
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
emits: ["open", "before-close", "close", "update:model-value"],
|
|
27
|
+
setup(e, { emit: t }) {
|
|
28
|
+
const s = M(e.modelValue), l = () => {
|
|
29
|
+
n(!1);
|
|
30
|
+
}, n = async (r) => {
|
|
31
|
+
var _;
|
|
32
|
+
r || (t("before-close"), await ((_ = e.beforeClose) == null ? void 0 : _.call(e))), s.value = r;
|
|
33
|
+
}, a = () => {
|
|
34
|
+
t("open");
|
|
35
|
+
}, o = () => {
|
|
36
|
+
t("update:model-value", !1), t("close"), m();
|
|
37
|
+
}, A = () => {
|
|
38
|
+
e.persistent || l();
|
|
39
|
+
}, i = (r) => {
|
|
40
|
+
!e.noCloseOnEscKey && r.key === "Escape" && !e.persistent && l();
|
|
41
|
+
}, v = () => {
|
|
42
|
+
N(), document.addEventListener("keyup", i, !1);
|
|
43
|
+
}, m = () => {
|
|
44
|
+
document.removeEventListener("keyup", i), I();
|
|
45
|
+
};
|
|
46
|
+
return w(() => {
|
|
47
|
+
e.modelValue ? v() : m();
|
|
48
|
+
}), $(
|
|
49
|
+
() => e.modelValue,
|
|
50
|
+
(r) => {
|
|
51
|
+
s.value = r, r ? v() : m();
|
|
52
|
+
}
|
|
53
|
+
), {
|
|
54
|
+
onBackdropAnimationEnter: a,
|
|
55
|
+
onBackdropAnimationLeave: o,
|
|
56
|
+
onBackdropClicked: A,
|
|
57
|
+
close: l,
|
|
58
|
+
present: s,
|
|
59
|
+
toggleModal: n,
|
|
60
|
+
onKeyPress: i
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
const S = (e, t) => {
|
|
65
|
+
const s = e.__vccOpts || e;
|
|
66
|
+
for (const [l, n] of t)
|
|
67
|
+
s[l] = n;
|
|
68
|
+
return s;
|
|
69
|
+
};
|
|
70
|
+
function j(e, t, s, l, n, a) {
|
|
71
|
+
return c(), p(z, { to: e.teleportSelector }, [
|
|
72
|
+
C(L, {
|
|
73
|
+
appear: "",
|
|
74
|
+
name: e.transitionName,
|
|
75
|
+
onAfterEnter: e.onBackdropAnimationEnter,
|
|
76
|
+
onAfterLeave: e.onBackdropAnimationLeave
|
|
77
|
+
}, {
|
|
78
|
+
default: u(() => [
|
|
79
|
+
e.present ? (c(), B(
|
|
80
|
+
"div",
|
|
81
|
+
{
|
|
82
|
+
key: 0,
|
|
83
|
+
class: f(["m-backdrop --present", [e.backdropClass]]),
|
|
84
|
+
tabindex: "-1",
|
|
85
|
+
role: "dialog"
|
|
86
|
+
},
|
|
87
|
+
[
|
|
88
|
+
d(
|
|
89
|
+
"button",
|
|
90
|
+
{
|
|
91
|
+
class: f(["m-backdrop-overlay", { "--disabled": e.persistent }]),
|
|
92
|
+
tabindex: "-1",
|
|
93
|
+
onClick: t[0] || (t[0] = O((...o) => e.onBackdropClicked && e.onBackdropClicked(...o), ["self"]))
|
|
94
|
+
},
|
|
95
|
+
null,
|
|
96
|
+
2
|
|
97
|
+
/* CLASS */
|
|
98
|
+
),
|
|
99
|
+
d(
|
|
100
|
+
"div",
|
|
101
|
+
g({
|
|
102
|
+
class: ["m-backdrop-content", e.backdropContentClass]
|
|
103
|
+
}, e.$attrs, {
|
|
104
|
+
role: "document",
|
|
105
|
+
tabindex: "0"
|
|
106
|
+
}),
|
|
107
|
+
[
|
|
108
|
+
h(e.$slots, "default", { close: e.close })
|
|
109
|
+
],
|
|
110
|
+
16
|
|
111
|
+
/* FULL_PROPS */
|
|
112
|
+
)
|
|
113
|
+
],
|
|
114
|
+
2
|
|
115
|
+
/* CLASS */
|
|
116
|
+
)) : k("v-if", !0)
|
|
117
|
+
]),
|
|
118
|
+
_: 3
|
|
119
|
+
/* FORWARDED */
|
|
120
|
+
}, 8, ["name", "onAfterEnter", "onAfterLeave"])
|
|
121
|
+
], 8, ["to"]);
|
|
122
|
+
}
|
|
123
|
+
const K = /* @__PURE__ */ S(T, [["render", j]]), F = {
|
|
124
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
125
|
+
width: "1em",
|
|
126
|
+
height: "1em",
|
|
127
|
+
fill: "none",
|
|
128
|
+
viewBox: "0 0 24 24"
|
|
129
|
+
}, q = /* @__PURE__ */ d(
|
|
130
|
+
"path",
|
|
131
|
+
{
|
|
132
|
+
stroke: "currentColor",
|
|
133
|
+
"stroke-linecap": "round",
|
|
134
|
+
"stroke-linejoin": "round",
|
|
135
|
+
"stroke-width": "1.5",
|
|
136
|
+
d: "M6 18 18 6M6 6l12 12"
|
|
137
|
+
},
|
|
138
|
+
null,
|
|
139
|
+
-1
|
|
140
|
+
/* HOISTED */
|
|
141
|
+
), U = [
|
|
142
|
+
q
|
|
143
|
+
];
|
|
144
|
+
function X(e, t) {
|
|
145
|
+
return c(), B("svg", F, [...U]);
|
|
146
|
+
}
|
|
147
|
+
const G = { render: X }, H = (e) => (D("data-v-bc7adf8f"), e = e(), P(), e), J = /* @__PURE__ */ H(() => /* @__PURE__ */ d(
|
|
148
|
+
"div",
|
|
149
|
+
{ class: "m-bottom-sheet__content-wrapper" },
|
|
150
|
+
[
|
|
151
|
+
/* @__PURE__ */ d("p", null, "Default content")
|
|
152
|
+
],
|
|
153
|
+
-1
|
|
154
|
+
/* HOISTED */
|
|
155
|
+
)), Q = /* @__PURE__ */ b({
|
|
156
|
+
__name: "MazBottomSheet",
|
|
157
|
+
props: {
|
|
158
|
+
noClose: { type: Boolean, default: !1 },
|
|
159
|
+
noPadding: { type: Boolean, default: !1 }
|
|
160
|
+
},
|
|
161
|
+
emits: ["update:model-value", "open", "close"],
|
|
162
|
+
setup(e, { emit: t }) {
|
|
163
|
+
const s = V(() => import("./MazBtn-4a447126.mjs")), l = t;
|
|
164
|
+
return (n, a) => (c(), p(
|
|
165
|
+
K,
|
|
166
|
+
g(n.$attrs, {
|
|
167
|
+
"transition-name": "bottom-sheet-anim",
|
|
168
|
+
"backdrop-class": "--bottom-sheet",
|
|
169
|
+
onClose: a[0] || (a[0] = (o) => n.$emit("close", o)),
|
|
170
|
+
onOpen: a[1] || (a[1] = (o) => n.$emit("open", o)),
|
|
171
|
+
"onUpdate:modelValue": a[2] || (a[2] = (o) => l("update:model-value", o))
|
|
172
|
+
}),
|
|
173
|
+
{
|
|
174
|
+
default: u(({ close: o }) => [
|
|
175
|
+
d(
|
|
176
|
+
"div",
|
|
177
|
+
{
|
|
178
|
+
class: f(["m-bottom-sheet__container", {
|
|
179
|
+
"maz-py-6": !e.noPadding
|
|
180
|
+
}])
|
|
181
|
+
},
|
|
182
|
+
[
|
|
183
|
+
k(" Slot content "),
|
|
184
|
+
h(n.$slots, "default", { close: o }, () => [
|
|
185
|
+
J
|
|
186
|
+
], !0),
|
|
187
|
+
e.noClose ? k("v-if", !0) : (c(), p(y(s), {
|
|
188
|
+
key: 0,
|
|
189
|
+
size: "sm",
|
|
190
|
+
class: "m-bottom-sheet__close",
|
|
191
|
+
color: "transparent",
|
|
192
|
+
onClick: o
|
|
193
|
+
}, {
|
|
194
|
+
default: u(() => [
|
|
195
|
+
C(y(G), { class: "maz-text-lg" })
|
|
196
|
+
]),
|
|
197
|
+
_: 2
|
|
198
|
+
/* DYNAMIC */
|
|
199
|
+
}, 1032, ["onClick"]))
|
|
200
|
+
],
|
|
201
|
+
2
|
|
202
|
+
/* CLASS */
|
|
203
|
+
)
|
|
204
|
+
]),
|
|
205
|
+
_: 3
|
|
206
|
+
/* FORWARDED */
|
|
207
|
+
},
|
|
208
|
+
16
|
|
209
|
+
/* FULL_PROPS */
|
|
210
|
+
));
|
|
211
|
+
}
|
|
212
|
+
});
|
|
213
|
+
const Y = /* @__PURE__ */ S(Q, [["__scopeId", "data-v-bc7adf8f"]]);
|
|
214
|
+
export {
|
|
215
|
+
Y as M,
|
|
216
|
+
S as _
|
|
217
|
+
};
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import "../assets/MazBtn.css";
|
|
2
|
+
import { defineComponent as M, defineAsyncComponent as p, useAttrs as E, useSlots as L, onBeforeMount as P, computed as t, openBlock as o, createBlock as u, resolveDynamicComponent as R, mergeProps as w, withCtx as A, createElementBlock as m, normalizeClass as s, renderSlot as r, unref as d, createCommentVNode as a, createElementVNode as D } from "vue";
|
|
3
|
+
import { _ as N } from "./MazInput-1ed4f946.mjs";
|
|
4
|
+
const U = /* @__PURE__ */ M({
|
|
5
|
+
__name: "MazBtn",
|
|
6
|
+
props: {
|
|
7
|
+
variant: {
|
|
8
|
+
type: String,
|
|
9
|
+
default: "button",
|
|
10
|
+
validator: (e) => ["button", "link"].includes(e)
|
|
11
|
+
},
|
|
12
|
+
size: {
|
|
13
|
+
type: String,
|
|
14
|
+
default: "md",
|
|
15
|
+
validator: (e) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(e)
|
|
16
|
+
},
|
|
17
|
+
color: {
|
|
18
|
+
type: String,
|
|
19
|
+
default: "primary"
|
|
20
|
+
},
|
|
21
|
+
type: {
|
|
22
|
+
type: String,
|
|
23
|
+
default: "button",
|
|
24
|
+
validator: (e) => ["button", "submit", "reset"].includes(e)
|
|
25
|
+
},
|
|
26
|
+
rounded: { type: Boolean, default: !1 },
|
|
27
|
+
noRounded: { type: Boolean, default: !1 },
|
|
28
|
+
outline: { type: Boolean, default: !1 },
|
|
29
|
+
pastel: { type: Boolean, default: !1 },
|
|
30
|
+
block: { type: Boolean, default: !1 },
|
|
31
|
+
noUnderline: { type: Boolean, default: !1 },
|
|
32
|
+
noLeading: { type: Boolean, default: !1 },
|
|
33
|
+
loading: { type: Boolean, default: !1 },
|
|
34
|
+
disabled: { type: Boolean, default: !1 },
|
|
35
|
+
fab: { type: Boolean, default: !1 },
|
|
36
|
+
icon: { type: String, default: void 0 },
|
|
37
|
+
leftIcon: { type: String, default: void 0 },
|
|
38
|
+
rightIcon: { type: String, default: void 0 },
|
|
39
|
+
noPadding: { type: Boolean, default: !1 },
|
|
40
|
+
noElevation: { type: Boolean, default: !1 }
|
|
41
|
+
},
|
|
42
|
+
setup(e) {
|
|
43
|
+
const z = p(() => import("./MazSpinner-d9ef329f.mjs")), c = p(() => import("./MazIcon-52a76873.mjs")), { href: B, to: h } = E(), b = L(), n = e;
|
|
44
|
+
P(() => {
|
|
45
|
+
n.icon && !n.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
46
|
+
});
|
|
47
|
+
const f = t(() => B ? "a" : h ? "router-link" : "button"), k = t(
|
|
48
|
+
() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
|
|
49
|
+
), v = t(
|
|
50
|
+
() => (n.loading || n.disabled) && f.value === "button"
|
|
51
|
+
), I = t(() => v.value ? "--cursor-default" : "--cursor-pointer"), x = t(() => `--is-${n.variant}`), l = t(() => n.loading && n.variant === "button"), y = t(() => !!b["left-icon"] || n.leftIcon), g = t(() => !!b["right-icon"] || n.rightIcon), C = t(() => y.value || g.value), S = t(() => n.fab && n.icon), $ = t(() => f.value === "button" ? n.type : void 0);
|
|
52
|
+
return (i, V) => (o(), u(R(f.value), w(i.$attrs, {
|
|
53
|
+
disabled: v.value,
|
|
54
|
+
class: ["m-btn", [
|
|
55
|
+
`--${e.size}`,
|
|
56
|
+
k.value,
|
|
57
|
+
I.value,
|
|
58
|
+
x.value,
|
|
59
|
+
{
|
|
60
|
+
"--block": e.block,
|
|
61
|
+
"--no-underline": e.noUnderline,
|
|
62
|
+
"--no-leading": e.noLeading,
|
|
63
|
+
"--fab": e.fab,
|
|
64
|
+
"--loading": e.loading,
|
|
65
|
+
"--disabled": v.value,
|
|
66
|
+
"--icon": C.value,
|
|
67
|
+
"--rounded": e.rounded,
|
|
68
|
+
"--no-rounded": e.noRounded,
|
|
69
|
+
"--no-padding": e.noPadding,
|
|
70
|
+
"--no-elevation": e.noElevation
|
|
71
|
+
}
|
|
72
|
+
]],
|
|
73
|
+
type: $.value
|
|
74
|
+
}), {
|
|
75
|
+
default: A(() => [
|
|
76
|
+
y.value ? (o(), m(
|
|
77
|
+
"div",
|
|
78
|
+
{
|
|
79
|
+
key: 0,
|
|
80
|
+
class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
81
|
+
},
|
|
82
|
+
[
|
|
83
|
+
r(i.$slots, "left-icon", {}, () => [
|
|
84
|
+
e.leftIcon ? (o(), u(d(c), {
|
|
85
|
+
key: 0,
|
|
86
|
+
name: e.leftIcon
|
|
87
|
+
}, null, 8, ["name"])) : a("v-if", !0)
|
|
88
|
+
], !0)
|
|
89
|
+
],
|
|
90
|
+
2
|
|
91
|
+
/* CLASS */
|
|
92
|
+
)) : a("v-if", !0),
|
|
93
|
+
S.value ? (o(), m(
|
|
94
|
+
"div",
|
|
95
|
+
{
|
|
96
|
+
key: 1,
|
|
97
|
+
class: s(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
98
|
+
},
|
|
99
|
+
[
|
|
100
|
+
r(i.$slots, "icon", {}, () => [
|
|
101
|
+
e.icon ? (o(), u(d(c), {
|
|
102
|
+
key: 0,
|
|
103
|
+
name: e.icon
|
|
104
|
+
}, null, 8, ["name"])) : a("v-if", !0)
|
|
105
|
+
], !0)
|
|
106
|
+
],
|
|
107
|
+
2
|
|
108
|
+
/* CLASS */
|
|
109
|
+
)) : a("v-if", !0),
|
|
110
|
+
D(
|
|
111
|
+
"span",
|
|
112
|
+
{
|
|
113
|
+
class: s(["maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
114
|
+
},
|
|
115
|
+
[
|
|
116
|
+
r(i.$slots, "default", {}, void 0, !0)
|
|
117
|
+
],
|
|
118
|
+
2
|
|
119
|
+
/* CLASS */
|
|
120
|
+
),
|
|
121
|
+
g.value ? (o(), m(
|
|
122
|
+
"div",
|
|
123
|
+
{
|
|
124
|
+
key: 2,
|
|
125
|
+
class: s(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": l.value }])
|
|
126
|
+
},
|
|
127
|
+
[
|
|
128
|
+
r(i.$slots, "right-icon", {}, () => [
|
|
129
|
+
e.rightIcon ? (o(), u(d(c), {
|
|
130
|
+
key: 0,
|
|
131
|
+
name: e.rightIcon
|
|
132
|
+
}, null, 8, ["name"])) : a("v-if", !0)
|
|
133
|
+
], !0)
|
|
134
|
+
],
|
|
135
|
+
2
|
|
136
|
+
/* CLASS */
|
|
137
|
+
)) : a("v-if", !0),
|
|
138
|
+
l.value ? (o(), u(d(z), {
|
|
139
|
+
key: 3,
|
|
140
|
+
size: "2em",
|
|
141
|
+
color: e.color,
|
|
142
|
+
class: "maz-absolute"
|
|
143
|
+
}, null, 8, ["color"])) : a("v-if", !0)
|
|
144
|
+
]),
|
|
145
|
+
_: 3
|
|
146
|
+
/* FORWARDED */
|
|
147
|
+
}, 16, ["disabled", "class", "type"]));
|
|
148
|
+
}
|
|
149
|
+
});
|
|
150
|
+
const q = /* @__PURE__ */ N(U, [["__scopeId", "data-v-06ad874b"]]);
|
|
151
|
+
export {
|
|
152
|
+
q as default
|
|
153
|
+
};
|