maz-ui 3.0.0-beta.18 → 3.0.0-beta.21
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.d.ts +2 -2
- package/components/MazAvatar.js +2 -2
- package/components/MazAvatar.js.map +1 -1
- package/components/MazBottomSheet.js +2 -2
- package/components/MazBottomSheet.js.map +1 -1
- package/components/MazBtn.d.ts +1 -1
- package/components/MazBtn.js +2 -2
- package/components/MazBtn.js.map +1 -1
- package/components/MazCard.d.ts +4 -8
- package/components/MazCard.js +2 -2
- package/components/MazCard.js.map +1 -1
- package/components/MazCheckbox.d.ts +2 -2
- package/components/MazCheckbox.js +1 -1
- package/components/MazDialog.d.ts +3 -1
- package/components/MazDialog.js +2 -2
- package/components/MazDialog.js.map +1 -1
- package/components/MazDropzone.js +2 -2
- package/components/MazGallery.d.ts +1 -1
- package/components/MazGallery.js +2 -2
- package/components/MazGallery.js.map +1 -1
- package/components/MazIcon.js +1 -1
- package/components/MazIcon.js.map +1 -1
- package/components/MazInput.d.ts +4 -1
- package/components/MazInput.js +2 -2
- package/components/MazInput.js.map +1 -1
- package/components/MazInputPrice.js +2 -2
- package/components/MazInputPrice.js.map +1 -1
- package/components/MazLazyImg.d.ts +1 -1
- package/components/MazLazyImg.js +2 -2
- package/components/MazLazyImg.js.map +1 -1
- package/components/MazPhoneNumberInput.d.ts +1 -1
- package/components/MazPhoneNumberInput.js +2 -2
- package/components/MazPhoneNumberInput.js.map +1 -1
- package/components/MazSelect.d.ts +1 -1
- package/components/MazSelect.js +2 -2
- package/components/MazSelect.js.map +1 -1
- package/components/MazSpinner.d.ts +2 -2
- package/components/MazSpinner.js +1 -1
- package/components/MazTabsBar.d.ts +42 -0
- package/components/MazTabsBar.js +16 -0
- package/components/MazTabsBar.js.map +1 -0
- package/components/MazTabsContent.d.ts +15 -0
- package/components/MazTabsContent.js +2 -0
- package/components/MazTabsContent.js.map +1 -0
- package/components/MazTabsContentItem.d.ts +13 -0
- package/components/MazTabsContentItem.js +16 -0
- package/components/MazTabsContentItem.js.map +1 -0
- package/components/index.d.ts +25 -19
- package/components/index.js +9 -0
- package/css/main.css +77 -51
- package/maz-ui.d.ts +49 -12
- package/modules/index.js +2 -2
- package/modules/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { Color } from './types';
|
|
3
|
-
export { Color } from './types';
|
|
2
|
+
import type { Color } from './types';
|
|
3
|
+
export type { Color } from './types';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
modelValue: {
|
|
6
6
|
type: BooleanConstructor;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineComponent as e,openBlock as c,createElementBlock as o,normalizeClass as a,createElementVNode as n,mergeProps as r,renderSlot as t}from"vue";var l=["id","checked","name"],b=["for"],d=e({props:{modelValue:{type:Boolean,required:!0},id:{type:String,default:"MazCheckbox"},color:{type:String,default:"primary",validator:function(e){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}},name:{type:String,default:"m-checkbox"}},emits:["update:model-value"],setup:function(e){return function(d,h){return c(),o("div",{class:a(["m-checkbox",["m-checkbox--".concat(e.color)]])},[n("input",r({id:e.id,checked:e.modelValue},d.$attrs,{name:e.name,type:"checkbox",class:"maz-mr-2",onChange:h[0]||(h[0]=function(e){var c;return d.$emit("update:model-value",null===(c=null==e?void 0:e.target)||void 0===c?void 0:c.checked)})}),null,16,l),n("label",{for:e.id,class:"maz-m-0 maz-flex maz-items-center"},[t(d.$slots,"default")],8,b)],2)}}});!function(e,c){void 0===c&&(c={});var o=c.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("/* purgecss start ignore */\n\n.m-checkbox[data-v-49c0f1e3] {\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n cursor: pointer;\n margin-left: 2px;\n min-height: 22px;\n}\n\n.m-checkbox [type='checkbox'][data-v-49c0f1e3]:not(:checked),\n .m-checkbox [type='checkbox'][data-v-49c0f1e3]:checked {\n position: absolute;\n left: -9999px;\n}\n\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-49c0f1e3],\n .m-checkbox [type='checkbox']:checked + label[data-v-49c0f1e3] {\n position: relative;\n padding-left: 30px;\n font-size: 1rem;\n cursor: pointer;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n -webkit-user-select: none;\n -ms-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.m-checkbox [type='checkbox'] + label[data-v-49c0f1e3]::before {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n content: '';\n position: absolute;\n left: 0;\n width: 18px;\n height: 18px;\n background: transparent;\n border-radius: 4px;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n}\n\n.m-checkbox [type='checkbox']:focus + label[data-v-49c0f1e3]::before {\n border-radius: 0.25rem;\n border-width: 2px;\n border-style: solid;\n border-color: var(--maz-color-primary);\n content: '';\n position: absolute;\n left: 0;\n width: 18px;\n height: 18px;\n background: transparent;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n}\n\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-49c0f1e3]::before {\n border-color: var(--maz-color-bg-light);\n}\n\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-49c0f1e3]::after,\n .m-checkbox [type='checkbox']:checked + label[data-v-49c0f1e3]::after {\n content: '';\n position: absolute;\n left: 5px;\n width: 12px;\n height: 12px;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n border-radius: 2px;\n}\n\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-49c0f1e3]::after {\n opacity: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n}\n\n.m-checkbox [type='checkbox']:checked + label[data-v-49c0f1e3]::after {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n\n.m-checkbox--primary [type='checkbox']:checked + label[data-v-49c0f1e3]::before {\n border-color: var(--maz-color-primary);\n}\n\n.m-checkbox--primary [type='checkbox']:not(:checked) + label[data-v-49c0f1e3]::after, .m-checkbox--primary [type='checkbox']:checked + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-checkbox--primary [type='checkbox']:focus + label[data-v-49c0f1e3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-primary-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-primary-alpha);\n border-color: var(--maz-color-primary-700);\n}\n\n.m-checkbox--primary [type='checkbox']:focus + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-primary-700);\n}\n\n.m-checkbox--secondary [type='checkbox']:checked + label[data-v-49c0f1e3]::before {\n border-color: var(--maz-color-secondary);\n}\n\n.m-checkbox--secondary [type='checkbox']:not(:checked) + label[data-v-49c0f1e3]::after, .m-checkbox--secondary [type='checkbox']:checked + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-checkbox--secondary [type='checkbox']:focus + label[data-v-49c0f1e3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-secondary-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-secondary-alpha);\n border-color: var(--maz-color-secondary-700);\n}\n\n.m-checkbox--secondary [type='checkbox']:focus + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-secondary-700);\n}\n\n.m-checkbox--info [type='checkbox']:checked + label[data-v-49c0f1e3]::before {\n border-color: var(--maz-color-info);\n}\n\n.m-checkbox--info [type='checkbox']:not(:checked) + label[data-v-49c0f1e3]::after, .m-checkbox--info [type='checkbox']:checked + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-checkbox--info [type='checkbox']:focus + label[data-v-49c0f1e3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-info-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-info-alpha);\n border-color: var(--maz-color-info-700);\n}\n\n.m-checkbox--info [type='checkbox']:focus + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-info-700);\n}\n\n.m-checkbox--danger [type='checkbox']:checked + label[data-v-49c0f1e3]::before {\n border-color: var(--maz-color-danger);\n}\n\n.m-checkbox--danger [type='checkbox']:not(:checked) + label[data-v-49c0f1e3]::after, .m-checkbox--danger [type='checkbox']:checked + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-checkbox--danger [type='checkbox']:focus + label[data-v-49c0f1e3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-danger-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-danger-alpha);\n border-color: var(--maz-color-danger-700);\n}\n\n.m-checkbox--danger [type='checkbox']:focus + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-danger-700);\n}\n\n.m-checkbox--warning [type='checkbox']:checked + label[data-v-49c0f1e3]::before {\n border-color: var(--maz-color-warning);\n}\n\n.m-checkbox--warning [type='checkbox']:not(:checked) + label[data-v-49c0f1e3]::after, .m-checkbox--warning [type='checkbox']:checked + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-checkbox--warning [type='checkbox']:focus + label[data-v-49c0f1e3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-warning-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-warning-alpha);\n border-color: var(--maz-color-warning-700);\n}\n\n.m-checkbox--warning [type='checkbox']:focus + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-warning-700);\n}\n\n.m-checkbox--success [type='checkbox']:checked + label[data-v-49c0f1e3]::before {\n border-color: var(--maz-color-success);\n}\n\n.m-checkbox--success [type='checkbox']:not(:checked) + label[data-v-49c0f1e3]::after, .m-checkbox--success [type='checkbox']:checked + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-checkbox--success [type='checkbox']:focus + label[data-v-49c0f1e3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-success-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-success-alpha);\n border-color: var(--maz-color-success-700);\n}\n\n.m-checkbox--success [type='checkbox']:focus + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-success-700);\n}\n\n.m-checkbox--white [type='checkbox']:checked + label[data-v-49c0f1e3]::before {\n border-color: var(--maz-color-white);\n}\n\n.m-checkbox--white [type='checkbox']:not(:checked) + label[data-v-49c0f1e3]::after, .m-checkbox--white [type='checkbox']:checked + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-checkbox--white [type='checkbox']:focus + label[data-v-49c0f1e3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem rgb(209 213 219 / 60%);\n box-shadow: 0 0 0 0.143rem rgb(209 213 219 / 60%);\n --tw-border-opacity: 1;\n border-color: rgba(209, 213, 219, var(--tw-border-opacity));\n}\n\n.m-checkbox--white [type='checkbox']:focus + label[data-v-49c0f1e3]::after {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-checkbox--black [type='checkbox']:checked + label[data-v-49c0f1e3]::before {\n border-color: var(--maz-color-black);\n}\n\n.m-checkbox--black [type='checkbox']:not(:checked) + label[data-v-49c0f1e3]::after, .m-checkbox--black [type='checkbox']:checked + label[data-v-49c0f1e3]::after {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-checkbox--black [type='checkbox']:focus + label[data-v-49c0f1e3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem rgb(0 0 0 / 60%);\n box-shadow: 0 0 0 0.143rem rgb(0 0 0 / 60%);\n --tw-border-opacity: 1;\n border-color: rgba(55, 65, 81, var(--tw-border-opacity));\n}\n\n.m-checkbox--black [type='checkbox']:focus + label[data-v-49c0f1e3]::after {\n --tw-bg-opacity: 1;\n background-color: rgba(55, 65, 81, var(--tw-bg-opacity));\n}\n\nhtml.dark .m-checkbox [type='checkbox']:not(:checked) + label[data-v-49c0f1e3]::before {\n border-color: var(--maz-color-bg-lighter);\n}\n\n/* purgecss end ignore */\n"),d.__scopeId="data-v-49c0f1e3";export{d as default};
|
|
1
|
+
import{defineComponent as e,openBlock as a,createElementBlock as c,normalizeClass as o,createElementVNode as n,mergeProps as r,renderSlot as t}from"vue";var l=["id","checked","name"],d=["for"],b=e({props:{modelValue:{type:Boolean,required:!0},id:{type:String,default:"MazCheckbox"},color:{type:String,default:"primary",validator:function(e){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}},name:{type:String,default:"m-checkbox"}},emits:["update:model-value"],setup:function(e){return function(b,h){return a(),c("div",{class:o(["m-checkbox",["m-checkbox--".concat(e.color)]])},[n("input",r({id:e.id,checked:e.modelValue},b.$attrs,{name:e.name,type:"checkbox",class:"maz-mr-2",onChange:h[0]||(h[0]=function(e){var a;return b.$emit("update:model-value",null===(a=null==e?void 0:e.target)||void 0===a?void 0:a.checked)})}),null,16,l),n("label",{for:e.id,class:"maz-m-0 maz-flex maz-items-center"},[t(b.$slots,"default")],8,d)],2)}}});!function(e,a){void 0===a&&(a={});var c=a.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===c&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("/* purgecss start ignore */\n\n.m-checkbox[data-v-781c4ad3] {\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n cursor: pointer;\n margin-left: 2px;\n min-height: 22px;\n}\n\n.m-checkbox [type='checkbox'][data-v-781c4ad3]:not(:checked),\n .m-checkbox [type='checkbox'][data-v-781c4ad3]:checked {\n position: absolute;\n left: -9999px;\n}\n\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-781c4ad3],\n .m-checkbox [type='checkbox']:checked + label[data-v-781c4ad3] {\n position: relative;\n padding-left: 30px;\n font-size: 1rem;\n cursor: pointer;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n -webkit-user-select: none;\n -ms-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.m-checkbox [type='checkbox'] + label[data-v-781c4ad3]::before {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n content: '';\n position: absolute;\n left: 0;\n width: 18px;\n height: 18px;\n background: transparent;\n border-radius: 4px;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n}\n\n.m-checkbox [type='checkbox']:focus + label[data-v-781c4ad3]::before {\n border-radius: 0.25rem;\n border-width: 2px;\n border-style: solid;\n border-color: var(--maz-color-primary);\n content: '';\n position: absolute;\n left: 0;\n width: 18px;\n height: 18px;\n background: transparent;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n}\n\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-781c4ad3]::before {\n border-color: var(--maz-color-bg-light);\n}\n\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-781c4ad3]::after,\n .m-checkbox [type='checkbox']:checked + label[data-v-781c4ad3]::after {\n content: '';\n position: absolute;\n left: 5px;\n width: 12px;\n height: 12px;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n border-radius: 2px;\n}\n\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-781c4ad3]::after {\n opacity: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n}\n\n.m-checkbox [type='checkbox']:checked + label[data-v-781c4ad3]::after {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n\n.m-checkbox--primary [type='checkbox']:checked + label[data-v-781c4ad3]::before {\n border-color: var(--maz-color-primary);\n}\n\n.m-checkbox--primary [type='checkbox']:not(:checked) + label[data-v-781c4ad3]::after, .m-checkbox--primary [type='checkbox']:checked + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-checkbox--primary [type='checkbox']:focus + label[data-v-781c4ad3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-primary-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-primary-alpha);\n border-color: var(--maz-color-primary-700);\n}\n\n.m-checkbox--primary [type='checkbox']:focus + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-primary-700);\n}\n\n.m-checkbox--secondary [type='checkbox']:checked + label[data-v-781c4ad3]::before {\n border-color: var(--maz-color-secondary);\n}\n\n.m-checkbox--secondary [type='checkbox']:not(:checked) + label[data-v-781c4ad3]::after, .m-checkbox--secondary [type='checkbox']:checked + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-checkbox--secondary [type='checkbox']:focus + label[data-v-781c4ad3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-secondary-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-secondary-alpha);\n border-color: var(--maz-color-secondary-700);\n}\n\n.m-checkbox--secondary [type='checkbox']:focus + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-secondary-700);\n}\n\n.m-checkbox--info [type='checkbox']:checked + label[data-v-781c4ad3]::before {\n border-color: var(--maz-color-info);\n}\n\n.m-checkbox--info [type='checkbox']:not(:checked) + label[data-v-781c4ad3]::after, .m-checkbox--info [type='checkbox']:checked + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-checkbox--info [type='checkbox']:focus + label[data-v-781c4ad3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-info-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-info-alpha);\n border-color: var(--maz-color-info-700);\n}\n\n.m-checkbox--info [type='checkbox']:focus + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-info-700);\n}\n\n.m-checkbox--danger [type='checkbox']:checked + label[data-v-781c4ad3]::before {\n border-color: var(--maz-color-danger);\n}\n\n.m-checkbox--danger [type='checkbox']:not(:checked) + label[data-v-781c4ad3]::after, .m-checkbox--danger [type='checkbox']:checked + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-checkbox--danger [type='checkbox']:focus + label[data-v-781c4ad3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-danger-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-danger-alpha);\n border-color: var(--maz-color-danger-700);\n}\n\n.m-checkbox--danger [type='checkbox']:focus + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-danger-700);\n}\n\n.m-checkbox--warning [type='checkbox']:checked + label[data-v-781c4ad3]::before {\n border-color: var(--maz-color-warning);\n}\n\n.m-checkbox--warning [type='checkbox']:not(:checked) + label[data-v-781c4ad3]::after, .m-checkbox--warning [type='checkbox']:checked + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-checkbox--warning [type='checkbox']:focus + label[data-v-781c4ad3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-warning-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-warning-alpha);\n border-color: var(--maz-color-warning-700);\n}\n\n.m-checkbox--warning [type='checkbox']:focus + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-warning-700);\n}\n\n.m-checkbox--success [type='checkbox']:checked + label[data-v-781c4ad3]::before {\n border-color: var(--maz-color-success);\n}\n\n.m-checkbox--success [type='checkbox']:not(:checked) + label[data-v-781c4ad3]::after, .m-checkbox--success [type='checkbox']:checked + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-checkbox--success [type='checkbox']:focus + label[data-v-781c4ad3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-success-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-success-alpha);\n border-color: var(--maz-color-success-700);\n}\n\n.m-checkbox--success [type='checkbox']:focus + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-success-700);\n}\n\n.m-checkbox--white [type='checkbox']:checked + label[data-v-781c4ad3]::before {\n border-color: var(--maz-color-white);\n}\n\n.m-checkbox--white [type='checkbox']:not(:checked) + label[data-v-781c4ad3]::after, .m-checkbox--white [type='checkbox']:checked + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-checkbox--white [type='checkbox']:focus + label[data-v-781c4ad3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem rgb(209 213 219 / 60%);\n box-shadow: 0 0 0 0.143rem rgb(209 213 219 / 60%);\n --tw-border-opacity: 1;\n border-color: rgba(209, 213, 219, var(--tw-border-opacity));\n}\n\n.m-checkbox--white [type='checkbox']:focus + label[data-v-781c4ad3]::after {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-checkbox--black [type='checkbox']:checked + label[data-v-781c4ad3]::before {\n border-color: var(--maz-color-black);\n}\n\n.m-checkbox--black [type='checkbox']:not(:checked) + label[data-v-781c4ad3]::after, .m-checkbox--black [type='checkbox']:checked + label[data-v-781c4ad3]::after {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-checkbox--black [type='checkbox']:focus + label[data-v-781c4ad3]::before {\n -webkit-box-shadow: 0 0 0 0.143rem rgb(0 0 0 / 60%);\n box-shadow: 0 0 0 0.143rem rgb(0 0 0 / 60%);\n --tw-border-opacity: 1;\n border-color: rgba(55, 65, 81, var(--tw-border-opacity));\n}\n\n.m-checkbox--black [type='checkbox']:focus + label[data-v-781c4ad3]::after {\n --tw-bg-opacity: 1;\n background-color: rgba(55, 65, 81, var(--tw-bg-opacity));\n}\n\nhtml.dark .m-checkbox [type='checkbox']:not(:checked) + label[data-v-781c4ad3]::before {\n border-color: var(--maz-color-bg-lighter);\n}\n\n/* purgecss end ignore */\n"),b.__scopeId="data-v-781c4ad3";export{b as default};
|
|
2
2
|
//# sourceMappingURL=MazCheckbox.js.map
|
|
@@ -3,7 +3,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3
3
|
type: StringConstructor;
|
|
4
4
|
default: undefined;
|
|
5
5
|
};
|
|
6
|
-
},
|
|
6
|
+
}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
7
|
+
[key: string]: any;
|
|
8
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
|
7
9
|
title?: unknown;
|
|
8
10
|
} & {} & {
|
|
9
11
|
title?: string | undefined;
|
package/components/MazDialog.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as
|
|
1
|
+
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as a,pushScopeId as r,popScopeId as e,createElementVNode as i,inject as c,ref as l,computed as s,onMounted as d,watch as u,mergeProps as b,createCommentVNode as m,nextTick as f,useAttrs as p,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as k,withCtx as y,renderSlot as w,createVNode as x,Teleport as z,Transition as _,withModifiers as L,createTextVNode as E,toDisplayString as S}from"vue";var j=["width","height"],B=[function(n){return r("data-v-57af58bb"),n=n(),e(),n}((function(){return i("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)}))],C=n({props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(n){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(n)}}},setup:function(n){return function(r,e){return t(),o("svg",{width:n.size,height:n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:a(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},B,10,j)}}});function O(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}O("/* purgecss start ignore */\n\n.m-spinner[data-v-57af58bb] {\n -webkit-animation: maz-spin 1s linear infinite;\n animation: maz-spin 1s linear infinite;\n fill: currentColor;\n color: var(--maz-color-white);\n margin: 0px !important;\n}\n\n.m-spinner--primary[data-v-57af58bb] {\n color: var(--maz-color-primary);\n}\n\n.m-spinner--secondary[data-v-57af58bb] {\n color: var(--maz-color-secondary);\n}\n\n.m-spinner--info[data-v-57af58bb] {\n color: var(--maz-color-info);\n}\n\n.m-spinner--warning[data-v-57af58bb] {\n color: var(--maz-color-warning);\n}\n\n.m-spinner--danger[data-v-57af58bb] {\n color: var(--maz-color-danger);\n}\n\n.m-spinner--success[data-v-57af58bb] {\n color: var(--maz-color-success);\n}\n\n.m-spinner--black[data-v-57af58bb] {\n color: var(--maz-color-black);\n}\n\n.m-spinner--white[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n.m-spinner--transparent[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n/* purgecss end ignore */\n"),C.__scopeId="data-v-57af58bb";var I={exports:{}};!function(n){var t=function(n){var t,o=Object.prototype,a=o.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},e=r.iterator||"@@iterator",i=r.asyncIterator||"@@asyncIterator",c=r.toStringTag||"@@toStringTag";function l(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{l({},"")}catch(n){l=function(n,t,o){return n[t]=o}}function s(n,t,o,a){var r=t&&t.prototype instanceof v?t:v,e=Object.create(r.prototype),i=new j(a||[]);return e._invoke=function(n,t,o){var a=u;return function(r,e){if(a===m)throw new Error("Generator is already running");if(a===f){if("throw"===r)throw e;return C()}for(o.method=r,o.arg=e;;){var i=o.delegate;if(i){var c=L(i,o);if(c){if(c===p)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(a===u)throw a=f,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);a=m;var l=d(n,t,o);if("normal"===l.type){if(a=o.done?f:b,l.arg===p)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(a=f,o.method="throw",o.arg=l.arg)}}}(n,o,i),e}function d(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}n.wrap=s;var u="suspendedStart",b="suspendedYield",m="executing",f="completed",p={};function v(){}function g(){}function h(){}var k={};l(k,e,(function(){return this}));var y=Object.getPrototypeOf,w=y&&y(y(B([])));w&&w!==o&&a.call(w,e)&&(k=w);var x=h.prototype=v.prototype=Object.create(k);function z(n){["next","throw","return"].forEach((function(t){l(n,t,(function(n){return this._invoke(t,n)}))}))}function _(n,t){function o(r,e,i,c){var l=d(n[r],n,e);if("throw"!==l.type){var s=l.arg,u=s.value;return u&&"object"==typeof u&&a.call(u,"__await")?t.resolve(u.__await).then((function(n){o("next",n,i,c)}),(function(n){o("throw",n,i,c)})):t.resolve(u).then((function(n){s.value=n,i(s)}),(function(n){return o("throw",n,i,c)}))}c(l.arg)}var r;this._invoke=function(n,a){function e(){return new t((function(t,r){o(n,a,t,r)}))}return r=r?r.then(e,e):e()}}function L(n,o){var a=n.iterator[o.method];if(a===t){if(o.delegate=null,"throw"===o.method){if(n.iterator.return&&(o.method="return",o.arg=t,L(n,o),"throw"===o.method))return p;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var r=d(a,n.iterator,o.arg);if("throw"===r.type)return o.method="throw",o.arg=r.arg,o.delegate=null,p;var e=r.arg;return e?e.done?(o[n.resultName]=e.value,o.next=n.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,p):e:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,p)}function E(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function S(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function j(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(E,this),this.reset(!0)}function B(n){if(n){var o=n[e];if(o)return o.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var r=-1,i=function o(){for(;++r<n.length;)if(a.call(n,r))return o.value=n[r],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next:C}}function C(){return{value:t,done:!0}}return g.prototype=h,l(x,"constructor",h),l(h,"constructor",g),g.displayName=l(h,c,"GeneratorFunction"),n.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,h):(n.__proto__=h,l(n,c,"GeneratorFunction")),n.prototype=Object.create(x),n},n.awrap=function(n){return{__await:n}},z(_.prototype),l(_.prototype,i,(function(){return this})),n.AsyncIterator=_,n.async=function(t,o,a,r,e){void 0===e&&(e=Promise);var i=new _(s(t,o,a,r),e);return n.isGeneratorFunction(o)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},z(x),l(x,c,"Generator"),l(x,e,(function(){return this})),l(x,"toString",(function(){return"[object Generator]"})),n.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var a=t.pop();if(a in n)return o.value=a,o.done=!1,o}return o.done=!0,o}},n.values=B,j.prototype={constructor:j,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(S),!n)for(var o in this)"t"===o.charAt(0)&&a.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var o=this;function r(a,r){return c.type="throw",c.arg=n,o.next=a,r&&(o.method="next",o.arg=t),!!r}for(var e=this.tryEntries.length-1;e>=0;--e){var i=this.tryEntries[e],c=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var l=a.call(i,"catchLoc"),s=a.call(i,"finallyLoc");if(l&&s){if(this.prev<i.catchLoc)return r(i.catchLoc,!0);if(this.prev<i.finallyLoc)return r(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return r(i.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return r(i.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var e=r;break}}e&&("break"===n||"continue"===n)&&e.tryLoc<=t&&t<=e.finallyLoc&&(e=null);var i=e?e.completion:{};return i.type=n,i.arg=t,e?(this.method="next",this.next=e.finallyLoc,p):this.complete(i)},complete:function(n,t){if("throw"===n.type)throw n.arg;return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&t&&(this.next=t),p},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===n)return this.complete(o.completion,o.afterLoc),S(o),p}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var a=o.completion;if("throw"===a.type){var r=a.arg;S(o)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,o,a){return this.delegate={iterator:B(n),resultName:o,nextLoc:a},"next"===this.method&&(this.arg=t),p}},n}(n.exports);try{regeneratorRuntime=t}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(I);var N=I.exports;
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,5 +12,5 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */function A(n,t,o,e){return new(o||(o=Promise))((function(a,r){function i(n){try{l(e.next(n))}catch(n){r(n)}}function c(n){try{l(e.throw(n))}catch(n){r(n)}}function l(n){var t;n.done?a(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((e=e.apply(n,t||[])).next())}))}var M=["innerHTML"],$=n({props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,e){var a=this,r=e.emit,i=n,f={},v=l(),g=l(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),k=s((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),y=s((function(){var n;return(null!==(n=i.src)&&void 0!==n?n:k.value)?"".concat(k.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));d((function(){if(!i.name&&!i.src)throw new Error('[MazIcon] you should provide "name" or "src" as prop');x(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var e=document.createElementNS("http://www.w3.org/2000/svg","title");e.textContent=t,n.appendChild(e)}}(t,i.title),n.innerHTML},x=function(n){return A(a,void 0,void 0,T.mark((function t(){var o;return T.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return f[n]||(f[n]=z(n)),t.prev=1,t.next=4,f[n];case 4:return o=t.sent,v.value=o,t.next=8,p();case 8:r("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,r("unloaded")),delete f[n],r("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var e=new XMLHttpRequest;e.open("GET",n,!0),e.onload=function(){if(e.status>=200&&e.status<400)try{var n=(new DOMParser).parseFromString(e.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},e.onerror=o,e.send()}))};return u((function(){return i.src}),(function(){return x(y.value)})),function(e,a){return v.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var e=o.length-1;e>=0;e--)t[o[e].name]=o[e].value;return t}(v.value)),(r=e.$attrs,Object.keys(r).reduce((function(n,t){return!1!==r[t]&&null!==r[t]&&void 0!==r[t]&&(n[t]=r[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:w(v.value)}),null,16,M)):m("",!0);var r}}}),G={key:0,class:"m-btn__icon-left"},F={key:1,class:"m-btn__icon-right"},P=n({props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0}},setup:function(n){var a=n,r=f(),c=r.href,l=r.to,d=v(),u=s((function(){return c?"a":l?"router-link":"button"})),p=s((function(){return a.pastel?"--".concat(a.color,"-pastel"):a.outline||a.loading?"--".concat(a.color,"-outline"):"--".concat(a.color)})),z=s((function(){return(a.loading||a.disabled)&&"button"===u.value})),_=s((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=s((function(){return"--is-".concat(a.variant)})),E=s((function(){return"--".concat(a.color)})),S=s((function(){return["white"].includes(a.color)?"black":"white"})),B=s((function(){return a.loading&&"button"===a.variant})),j=s((function(){return!!d["left-icon"]||a.leftIcon})),C=s((function(){return!!d["right-icon"]||a.rightIcon})),O=s((function(){return j.value||C.value})),N=s((function(){return"button"===u.value?a.type:void 0}));return function(a,r){return t(),g(h(k(u)),b(a.$attrs,{disabled:k(z),class:["m-btn",["--".concat(n.size),k(p),k(_),k(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":k(z),"--icon":k(O),"--rounded":n.rounded}]],type:k(N)}),{default:y((function(){return[k(j)?(t(),o("div",G,[w(a.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g($,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",null,[w(a.$slots,"default")]),k(C)?(t(),o("div",F,[w(a.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g($,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),k(B)?(t(),o("div",{key:2,class:e(["m-btn__loading-wrapper",k(E)])},[x(I,{size:"2em",color:k(S)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});O("/* purgecss start ignore */\n\n.m-btn[data-v-37a305ec] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-37a305ec] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-37a305ec] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-37a305ec] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-37a305ec] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-37a305ec] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-37a305ec] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-normal-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-37a305ec]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-37a305ec]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-37a305ec]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-37a305ec] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-37a305ec] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-37a305ec] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-37a305ec] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-37a305ec] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-37a305ec] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-37a305ec] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-37a305ec] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-37a305ec] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-37a305ec] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-37a305ec] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-37a305ec] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-37a305ec] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-37a305ec] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-37a305ec] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-37a305ec] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-37a305ec] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-37a305ec]:not(.--disabled):hover, .m-btn.--is-button[data-v-37a305ec]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-37a305ec] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));\n}\n\n.m-btn.--is-button.--block[data-v-37a305ec] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-37a305ec] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-37a305ec] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-37a305ec] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-37a305ec] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-37a305ec] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-37a305ec] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-37a305ec] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-37a305ec]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-37a305ec] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-37a305ec]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-37a305ec] {\n background-color: transparent;\n color: var(--maz-color-normal-text);\n}\n\n.m-btn.--is-button.--transparent[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--transparent[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-bg-light);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-37a305ec] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-37a305ec] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-37a305ec] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-37a305ec] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-37a305ec] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-37a305ec] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-37a305ec] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-37a305ec] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-37a305ec] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-37a305ec] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-37a305ec] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-37a305ec] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-37a305ec] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-37a305ec] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-37a305ec] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-37a305ec] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-37a305ec]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-37a305ec]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-37a305ec] {\n cursor: not-allowed;\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-37a305ec] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-37a305ec] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-37a305ec] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-37a305ec] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-37a305ec] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-37a305ec] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-37a305ec] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-37a305ec] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-37a305ec] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),P.__scopeId="data-v-37a305ec";var Y=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,e=l(n.modelValue),a=function(n){return e.value=n},r=function(){return a(!0)},i=function(){return a(!1)},c=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},e=arguments.length,a=new Array(e>1?e-1:0),c=1;c<e;c++)a[c-1]=arguments[c];t?r():n.beforeClose&&!1!==o.apply(void 0,a)||i()},s=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||c(!1))};return u((function(){return n.modelValue}),(function(n){e.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",s,!1)):(window.removeEventListener("keyup",s),document.documentElement.classList.remove("--backdrop-present"))})),{present:e,openModal:r,close:i,onBackdropClicked:function(){n.persistent||c(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:c}}});O("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active,\n .m-backdrop.bottom-sheet-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n opacity: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay {\n -ms-touch-action: none;\n touch-action: none;\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-color: var(--maz-color-black);\n opacity: 0.4;\n}\n\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),Y.render=function(n,a,r,c,l,s){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:y((function(){return[n.present?(t(),o("div",{key:0,class:e(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:e(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:a[0]||(a[0]=L((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",b({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};var V=n({components:{MazBtn:P,MazBackDrop:Y,MazIcon:$},inheritAttrs:!1,props:{title:{type:String,default:void 0}},emits:["update:model-value"]}),D={class:"m-dialog-layout"},H={key:0,class:"maz-text-xl maz-font-semibold"},R={class:"m-dialog-layout-content"},U={key:0,class:"m-dialog-layout-footer"};O("/* purgecss start ignore */\n\n.m-dialog-layout[data-v-4d78e420] {\n border-radius: 0.5rem;\n background-color: var(--maz-color-bg);\n width: 500px;\n max-width: 95vw;\n}\n\n.m-dialog-layout-header[data-v-4d78e420] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 0.5rem;\n padding-right: 0.5rem;\n padding-left: 1.5rem;\n}\n\n.m-dialog-layout-header.--has-title[data-v-4d78e420] {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.m-dialog-layout-footer[data-v-4d78e420] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n padding-bottom: 1rem;\n}\n\n.m-dialog-layout-content[data-v-4d78e420] {\n padding: 1.5rem;\n}\n\n.m-dialog-layout-content-icon[data-v-4d78e420] {\n -ms-flex: 0 0 auto;\n -webkit-box-flex: 0;\n flex: 0 0 auto;\n}\n\n.m-dialog-layout-closebtn[data-v-4d78e420] {\n padding: 0.5rem !important;\n}\n\n/* purgecss end ignore */\n"),V.render=function(n,a,r,c,l,s){var d=E("MazIcon"),u=E("MazBtn"),p=E("MazBackDrop");return t(),g(p,b(n.$attrs,{transition:"modal-anim","onUpdate:modelValue":a[0]||(a[0]=function(t){return n.$emit("update:model-value",t)})}),{default:y((function(a){var r=a.close;return[i("div",D,[i("div",{class:e(["m-dialog-layout-header",{"--has-title":n.$slots.title||n.title}])},[n.$slots.title||n.title?(t(),o("h2",H,[w(n.$slots,"title",{},(function(){return[S(B(n.title),1)]}))])):m("",!0),x(u,{color:"transparent",size:"mini",class:"m-dialog-layout-closebtn",onClick:r},{default:y((function(){return[x(d,{name:"x",class:"maz-cursor-pointer"})]})),_:2},1032,["onClick"])],2),i("div",R,[w(n.$slots,"default")]),n.$slots.footer?(t(),o("div",U,[w(n.$slots,"footer")])):m("",!0)])]})),_:3},16)},V.__scopeId="data-v-4d78e420";export{V as default};
|
|
15
|
+
***************************************************************************** */function T(n,t,o,a){return new(o||(o=Promise))((function(r,e){function i(n){try{l(a.next(n))}catch(n){e(n)}}function c(n){try{l(a.throw(n))}catch(n){e(n)}}function l(n){var t;n.done?r(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((a=a.apply(n,t||[])).next())}))}var F=["innerHTML"],A=n({props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,a){var r=this,e=a.emit,i=n,p={},v=l(),g=l(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),k=s((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),y=s((function(){return i.src?i.src:k.value?"".concat(k.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));d((function(){if(!i.name&&!i.src)throw new Error('[MazIcon] you should provide "name" or "src" as prop');x(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var a=document.createElementNS("http://www.w3.org/2000/svg","title");a.textContent=t,n.appendChild(a)}}(t,i.title),n.innerHTML},x=function(n){return T(r,void 0,void 0,N.mark((function t(){var o;return N.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return p[n]||(p[n]=z(n)),t.prev=1,t.next=4,p[n];case 4:return o=t.sent,v.value=o,t.next=8,f();case 8:e("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,e("unloaded")),delete p[n],e("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var a=new XMLHttpRequest;a.open("GET",n,!0),a.onload=function(){if(a.status>=200&&a.status<400)try{var n=(new DOMParser).parseFromString(a.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},a.onerror=o,a.send()}))};return u((function(){return i.src}),(function(){return x(y.value)})),function(a,r){return v.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var a=o.length-1;a>=0;a--)t[o[a].name]=o[a].value;return t}(v.value)),(e=a.$attrs,Object.keys(e).reduce((function(n,t){return!1!==e[t]&&null!==e[t]&&void 0!==e[t]&&(n[t]=e[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:w(v.value)}),null,16,F)):m("",!0);var e}}}),$={key:0,class:"m-btn__icon-left"},D={key:1,class:"m-btn__icon-right"},G=n({props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0}},setup:function(n){var r=n,e=p(),c=e.href,l=e.to,d=v(),u=s((function(){return c?"a":l?"router-link":"button"})),f=s((function(){return r.pastel?"--".concat(r.color,"-pastel"):r.outline||r.loading?"--".concat(r.color,"-outline"):"--".concat(r.color)})),z=s((function(){return(r.loading||r.disabled)&&"button"===u.value})),_=s((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=s((function(){return"--is-".concat(r.variant)})),E=s((function(){return"--".concat(r.color)})),S=s((function(){return["white"].includes(r.color)?"black":"white"})),j=s((function(){return r.loading&&"button"===r.variant})),B=s((function(){return!!d["left-icon"]||r.leftIcon})),O=s((function(){return!!d["right-icon"]||r.rightIcon})),I=s((function(){return B.value||O.value})),N=s((function(){return"button"===u.value?r.type:void 0}));return function(r,e){return t(),g(h(k(u)),b(r.$attrs,{disabled:k(z),class:["m-btn",["--".concat(n.size),k(f),k(_),k(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":k(z),"--icon":k(I),"--rounded":n.rounded}]],type:k(N)}),{default:y((function(){return[k(B)?(t(),o("div",$,[w(r.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(A,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",null,[w(r.$slots,"default")]),k(O)?(t(),o("div",D,[w(r.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(A,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),k(j)?(t(),o("div",{key:2,class:a(["m-btn__loading-wrapper",k(E)])},[x(C,{size:"2em",color:k(S)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});O("/* purgecss start ignore */\n\n.m-btn[data-v-60f2c1aa] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-60f2c1aa] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-60f2c1aa] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-60f2c1aa] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-60f2c1aa] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-60f2c1aa] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-60f2c1aa] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-normal-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-60f2c1aa]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-60f2c1aa]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-60f2c1aa]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-60f2c1aa] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-60f2c1aa] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-60f2c1aa] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-60f2c1aa] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-60f2c1aa] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-60f2c1aa] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-60f2c1aa] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-60f2c1aa] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-60f2c1aa] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-60f2c1aa] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-60f2c1aa] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-60f2c1aa] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-60f2c1aa] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-60f2c1aa] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-60f2c1aa] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-60f2c1aa] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-60f2c1aa] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-60f2c1aa]:not(.--disabled):hover, .m-btn.--is-button[data-v-60f2c1aa]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-60f2c1aa] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));\n}\n\n.m-btn.--is-button.--block[data-v-60f2c1aa] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-60f2c1aa] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-60f2c1aa] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-60f2c1aa] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-60f2c1aa] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-60f2c1aa] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-60f2c1aa] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-60f2c1aa] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-60f2c1aa]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-60f2c1aa] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-60f2c1aa]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-60f2c1aa] {\n background-color: transparent;\n color: var(--maz-color-normal-text);\n}\n\n.m-btn.--is-button.--transparent[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--transparent[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-bg-light);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-60f2c1aa] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-60f2c1aa] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-60f2c1aa] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-60f2c1aa] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-60f2c1aa] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-60f2c1aa] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-60f2c1aa] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-60f2c1aa] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-60f2c1aa] {\n cursor: not-allowed;\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-60f2c1aa] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-60f2c1aa] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-60f2c1aa] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-60f2c1aa] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-60f2c1aa] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-60f2c1aa] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-60f2c1aa] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-60f2c1aa] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-60f2c1aa] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),G.__scopeId="data-v-60f2c1aa";var M=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,a=l(n.modelValue),r=function(n){return a.value=n},e=function(){return r(!0)},i=function(){return r(!1)},c=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},a=arguments.length,r=new Array(a>1?a-1:0),c=1;c<a;c++)r[c-1]=arguments[c];t?e():n.beforeClose&&!1!==o.apply(void 0,r)||i()},s=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||c(!1))};return u((function(){return n.modelValue}),(function(n){a.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",s,!1)):(window.removeEventListener("keyup",s),document.documentElement.classList.remove("--backdrop-present"))})),{present:a,openModal:e,close:i,onBackdropClicked:function(){n.persistent||c(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:c}}});O("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active,\n .m-backdrop.bottom-sheet-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n opacity: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay {\n -ms-touch-action: none;\n touch-action: none;\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-color: var(--maz-color-black);\n opacity: 0.4;\n}\n\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),M.render=function(n,r,e,c,l,s){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:y((function(){return[n.present?(t(),o("div",{key:0,class:a(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:a(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:r[0]||(r[0]=L((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",b({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};var P={class:"m-dialog-layout"},Y={key:0,class:"maz-text-xl maz-font-semibold"},V={class:"m-dialog-layout-content"},H={key:0,class:"m-dialog-layout-footer"},R=n({props:{title:{type:String,default:void 0}},emits:["update:model-value"],setup:function(n){return function(r,e){return t(),g(M,b(r.$attrs,{transition:"modal-anim","onUpdate:modelValue":e[0]||(e[0]=function(n){return r.$emit("update:model-value",n)})}),{default:y((function(e){var c=e.close;return[i("div",P,[i("div",{class:a(["m-dialog-layout-header",{"--has-title":r.$slots.title||n.title}])},[r.$slots.title||n.title?(t(),o("h2",Y,[w(r.$slots,"title",{},(function(){return[E(S(n.title),1)]}))])):m("",!0),x(G,{color:"transparent",size:"mini",class:"m-dialog-layout-closebtn",onClick:c},{default:y((function(){return[x(A,{src:k("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6%2018L18%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E"),class:"maz-cursor-pointer"},null,8,["src"])]})),_:2},1032,["onClick"])],2),i("div",V,[w(r.$slots,"default")]),r.$slots.footer?(t(),o("div",H,[w(r.$slots,"footer")])):m("",!0)])]})),_:3},16)}}});O("/* purgecss start ignore */\n\n.m-dialog-layout[data-v-1554fe54] {\n border-radius: 0.5rem;\n background-color: var(--maz-color-bg);\n width: 500px;\n max-width: 95vw;\n}\n\n.m-dialog-layout-header[data-v-1554fe54] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 0.5rem;\n padding-right: 0.5rem;\n padding-left: 1.5rem;\n}\n\n.m-dialog-layout-header.--has-title[data-v-1554fe54] {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.m-dialog-layout-footer[data-v-1554fe54] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n padding-bottom: 1rem;\n}\n\n.m-dialog-layout-content[data-v-1554fe54] {\n padding: 1.5rem;\n}\n\n.m-dialog-layout-content-icon[data-v-1554fe54] {\n -ms-flex: 0 0 auto;\n -webkit-box-flex: 0;\n flex: 0 0 auto;\n}\n\n.m-dialog-layout-closebtn[data-v-1554fe54] {\n padding: 0.5rem !important;\n}\n\n/* purgecss end ignore */\n"),R.__scopeId="data-v-1554fe54";export{R as default};
|
|
16
16
|
//# sourceMappingURL=MazDialog.js.map
|