maz-ui 3.0.1 → 3.0.2
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/MazArrowIcon.js +1 -1
- package/components/MazAvatar.js +2 -2
- package/components/MazBadge.js +1 -1
- package/components/MazBottomSheet.js +2 -2
- package/components/MazBtn.js +2 -2
- package/components/MazCard.js +2 -2
- package/components/MazCarousel.js +2 -2
- package/components/MazCheckbox.d.ts +3 -3
- package/components/MazCheckbox.js +1 -1
- package/components/MazDialog.js +2 -2
- package/components/MazDialogPromise.js +2 -2
- package/components/MazDrawer.js +2 -2
- package/components/MazDropzone.js +1 -1
- package/components/MazGallery.js +1 -1
- package/components/MazInput.js +2 -2
- package/components/MazInputNumber.js +2 -2
- package/components/MazInputPrice.js +2 -2
- package/components/MazInputTags.js +2 -2
- package/components/MazLazyImg.js +1 -1
- package/components/MazPhoneNumberInput.js +2 -2
- package/components/MazPicker/MazPickerCalendar.d.ts +8 -0
- package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.d.ts +8 -0
- package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.d.ts +8 -0
- package/components/MazPicker/MazPickerContainer.d.ts +8 -0
- package/components/MazPicker/MazPickerShortcuts.d.ts +8 -0
- package/components/MazPicker/MazPickerTime.d.ts +8 -0
- package/components/MazPicker.d.ts +9 -0
- package/components/MazPicker.js +2 -2
- package/components/MazRadioButtons.js +1 -1
- package/components/MazSelect.js +2 -2
- package/components/MazSlider.js +2 -2
- package/components/MazSpinner.js +1 -1
- package/components/MazSwitch.js +1 -1
- package/components/MazTabsBar.js +2 -2
- package/components/MazTabsContentItem.js +1 -1
- package/components/MazTransitionExpand.js +1 -1
- package/css/main.css +603 -514
- package/modules/index.js +2 -2
- package/package.json +31 -28
- package/tailwindcss/tailwind.config.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as
|
|
1
|
+
import{defineComponent as o,openBlock as t,createElementBlock as e,normalizeClass as n,Fragment as r,renderList as a,normalizeStyle as i,createElementVNode as l,renderSlot as d,createTextVNode as c,toDisplayString as s}from"vue";var u=["id"],m=["id","name","value","onChange"],p=o({__name:"MazRadioButtons",props:{modelValue:{type:[String,Number],default:void 0},options:{type:Array,required:!0},name:{type:String,default:"MazButtonsRadio"},color:{type:String,default:"primary"},noElevation:{type:Boolean,default:!1},orientation:{type:String,default:"row"}},emits:["update:model-value","change"],setup:function(o,p){var b=p.emit,f=o,g=function(o){return f.modelValue===o};return function(p,f){return t(),e("div",{class:n(["m-radio-buttons",["row"===o.orientation?"maz-flex-row":"maz-flex-col"]])},[(t(!0),e(r,null,a(o.options,(function(r,a){return t(),e("label",{id:r.value.toString(),key:a,class:n(["m-radio-buttons__items",{"--is-selected":g(r.value),"maz-elevation":!o.noElevation}]),style:i(g(r.value)?{color:"var(--maz-color-".concat(o.color,"-contrast)"),backgroundColor:"var(--maz-color-".concat(o.color,")")}:void 0)},[l("input",{id:r.value.toString(),type:"radio",name:o.name,value:r.value,class:"maz-hidden",onChange:function(o){return function(o){b("update:model-value",o.value)}(r)}},null,40,m),d(p.$slots,"default",{option:r,selected:g(r.value)},(function(){return[c(s(r.label),1)]}))],14,u)})),128))],2)}}});!function(o,t){void 0===t&&(t={});var e=t.insertAt;if(o&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===e&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o))}}("\n.m-radio-buttons[data-v-4d26cc42] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n gap: 0.5rem\n}\n.m-radio-buttons__items[data-v-4d26cc42] {\n cursor: pointer;\n border-radius: 0.5rem;\n padding-left: 1rem;\n padding-right: 1rem;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n font-weight: 500;\n -webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;\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: 300ms;\n transition-duration: 300ms;\n -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1)\n}\n.m-radio-buttons__items[data-v-4d26cc42]:not(.--is-selected):hover {\n background-color: var(--maz-color-bg-light)\n}\nhtml.dark .m-radio-buttons__items[data-v-4d26cc42]:not(.--is-selected) {\n background-color: var(--maz-color-bg-light)\n}\nhtml.dark .m-radio-buttons__items[data-v-4d26cc42]:not(.--is-selected):hover {\n background-color: var(--maz-color-bg-lighter)\n}\n"),p.__scopeId="data-v-4d26cc42";export{p as default};
|
package/components/MazSelect.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{defineComponent as n,openBlock as t,createElementBlock as e,normalizeClass as o,pushScopeId as r,popScopeId as a,createElementVNode as i,inject as
|
|
1
|
+
import{defineComponent as n,openBlock as t,createElementBlock as e,normalizeClass as o,pushScopeId as r,popScopeId as a,createElementVNode as i,inject as c,ref as l,computed as d,onMounted as s,nextTick as u,watch as m,mergeProps as p,createCommentVNode as b,useAttrs as f,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as y,withCtx as w,renderSlot as k,createVNode as x,resolveComponent as z,withDirectives as _,toHandlers as S,vModelDynamic as D,createTextVNode as E,toDisplayString as L,withModifiers as B,onBeforeMount as C,withKeys as I,Transition as F,normalizeStyle as P,Fragment as j,renderList as O}from"vue";function M(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var V={exports:{}};!function(n){function t(n,t,e,o,r,a,i){try{var c=n[a](i),l=c.value}catch(n){return void e(n)}c.done?t(l):Promise.resolve(l).then(o,r)}n.exports=function(n){return function(){var e=this,o=arguments;return new Promise((function(r,a){var i=n.apply(e,o);function c(n){t(i,r,a,c,l,"next",n)}function l(n){t(i,r,a,c,l,"throw",n)}c(void 0)}))}},n.exports.__esModule=!0,n.exports.default=n.exports}(V);var T=M(V.exports),N={exports:{}},K={exports:{}};!function(n){function t(e){return n.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.__esModule=!0,n.exports.default=n.exports,t(e)}n.exports=t,n.exports.__esModule=!0,n.exports.default=n.exports}(K),function(n){var t=K.exports.default;function e(){
|
|
2
2
|
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
|
|
3
|
-
n.exports=e=function(){return o},n.exports.__esModule=!0,n.exports.default=n.exports;var o={},r=Object.prototype,a=r.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},l=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",d=i.toStringTag||"@@toStringTag";function s(n,t,e){return Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{s({},"")}catch(n){s=function(n,t,e){return n[t]=e}}function u(n,t,e,o){var r=t&&t.prototype instanceof p?t:p,a=Object.create(r.prototype),i=new D(o||[]);return a._invoke=function(n,t,e){var o="suspendedStart";return function(r,a){if("executing"===o)throw new Error("Generator is already running");if("completed"===o){if("throw"===r)throw a;return L()}for(e.method=r,e.arg=a;;){var i=e.delegate;if(i){var l=z(i,e);if(l){if(l===m)continue;return l}}if("next"===e.method)e.sent=e._sent=e.arg;else if("throw"===e.method){if("suspendedStart"===o)throw o="completed",e.arg;e.dispatchException(e.arg)}else"return"===e.method&&e.abrupt("return",e.arg);o="executing";var c=b(n,t,e);if("normal"===c.type){if(o=e.done?"completed":"suspendedYield",c.arg===m)continue;return{value:c.arg,done:e.done}}"throw"===c.type&&(o="completed",e.method="throw",e.arg=c.arg)}}}(n,e,i),a}function b(n,t,e){try{return{type:"normal",arg:n.call(t,e)}}catch(n){return{type:"throw",arg:n}}}o.wrap=u;var m={};function p(){}function f(){}function v(){}var g={};s(g,l,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(E([])));y&&y!==r&&a.call(y,l)&&(g=y);var w=v.prototype=p.prototype=Object.create(g);function k(n){["next","throw","return"].forEach((function(t){s(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,e){function o(r,i,l,c){var d=b(n[r],n,i);if("throw"!==d.type){var s=d.arg,u=s.value;return u&&"object"==t(u)&&a.call(u,"__await")?e.resolve(u.__await).then((function(n){o("next",n,l,c)}),(function(n){o("throw",n,l,c)})):e.resolve(u).then((function(n){s.value=n,l(s)}),(function(n){return o("throw",n,l,c)}))}c(d.arg)}var r;this._invoke=function(n,t){function a(){return new e((function(e,r){o(n,t,e,r)}))}return r=r?r.then(a,a):a()}}function z(n,t){var e=n.iterator[t.method];if(void 0===e){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return m;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return m}var o=b(e,n.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,m;var r=o.arg;return r?r.done?(t[n.resultName]=r.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,m):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,m)}function _(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 D(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function E(n){if(n){var t=n[l];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var e=-1,o=function t(){for(;++e<n.length;)if(a.call(n,e))return t.value=n[e],t.done=!1,t;return t.value=void 0,t.done=!0,t};return o.next=o}}return{next:L}}function L(){return{value:void 0,done:!0}}return f.prototype=v,s(w,"constructor",v),s(v,"constructor",f),f.displayName=s(v,d,"GeneratorFunction"),o.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===f||"GeneratorFunction"===(t.displayName||t.name))},o.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,v):(n.__proto__=v,s(n,d,"GeneratorFunction")),n.prototype=Object.create(w),n},o.awrap=function(n){return{__await:n}},k(x.prototype),s(x.prototype,c,(function(){return this})),o.AsyncIterator=x,o.async=function(n,t,e,r,a){void 0===a&&(a=Promise);var i=new x(u(n,t,e,r),a);return o.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},k(w),s(w,d,"Generator"),s(w,l,(function(){return this})),s(w,"toString",(function(){return"[object Generator]"})),o.keys=function(n){var t=[];for(var e in n)t.push(e);return t.reverse(),function e(){for(;t.length;){var o=t.pop();if(o in n)return e.value=o,e.done=!1,e}return e.done=!0,e}},o.values=E,D.prototype={constructor:D,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(S),!n)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},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 t=this;function e(e,o){return i.type="throw",i.arg=n,t.next=e,o&&(t.method="next",t.arg=void 0),!!o}for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o],i=r.completion;if("root"===r.tryLoc)return e("end");if(r.tryLoc<=this.prev){var l=a.call(r,"catchLoc"),c=a.call(r,"finallyLoc");if(l&&c){if(this.prev<r.catchLoc)return e(r.catchLoc,!0);if(this.prev<r.finallyLoc)return e(r.finallyLoc)}else if(l){if(this.prev<r.catchLoc)return e(r.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<r.finallyLoc)return e(r.finallyLoc)}}}},abrupt:function(n,t){for(var e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&a.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var r=o;break}}r&&("break"===n||"continue"===n)&&r.tryLoc<=t&&t<=r.finallyLoc&&(r=null);var i=r?r.completion:{};return i.type=n,i.arg=t,r?(this.method="next",this.next=r.finallyLoc,m):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),m},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.finallyLoc===n)return this.complete(e.completion,e.afterLoc),S(e),m}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.tryLoc===n){var o=e.completion;if("throw"===o.type){var r=o.arg;S(e)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,e){return this.delegate={iterator:E(n),resultName:t,nextLoc:e},"next"===this.method&&(this.arg=void 0),m}},o}n.exports=e,n.exports.__esModule=!0,n.exports.default=n.exports}(N);var A=N.exports(),$=A;try{regeneratorRuntime=A}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=A:Function("r","regeneratorRuntime = r")(A)}var H=["width","height"],G=[function(n){return r("data-v-67dbd337"),n=n(),a(),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)}))],q=n({__name:"MazSpinner",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,a){return t(),e("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:o(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},G,10,H)}}});function R(n,t){void 0===t&&(t={});var e=t.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===e&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}R("/* purgecss start ignore */\n\n.m-spinner[data-v-67dbd337] {\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-67dbd337] {\n color: var(--maz-color-primary);\n}\n\n.m-spinner--secondary[data-v-67dbd337] {\n color: var(--maz-color-secondary);\n}\n\n.m-spinner--info[data-v-67dbd337] {\n color: var(--maz-color-info);\n}\n\n.m-spinner--warning[data-v-67dbd337] {\n color: var(--maz-color-warning);\n}\n\n.m-spinner--danger[data-v-67dbd337] {\n color: var(--maz-color-danger);\n}\n\n.m-spinner--success[data-v-67dbd337] {\n color: var(--maz-color-success);\n}\n\n.m-spinner--black[data-v-67dbd337] {\n color: var(--maz-color-black);\n}\n\n.m-spinner--white[data-v-67dbd337] {\n color: var(--maz-color-white);\n}\n\n.m-spinner--transparent[data-v-67dbd337] {\n color: var(--maz-color-white);\n}\n\n/* purgecss end ignore */\n"),q.__scopeId="data-v-67dbd337";var U,W={exports:{}};(U=W).exports=function(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n},U.exports.__esModule=!0,U.exports.default=U.exports;var Y=M(W.exports);function X(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function J(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?X(Object(e),!0).forEach((function(t){Y(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):X(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var Q=["innerHTML"],Z=n({__name:"MazIcon",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}}},emits:["loaded","unloaded","error"],setup:function(n,o){var r=o.emit,a=n,i={},f=c(),v=c(),g=function(){try{return function(n,t){var e=l(n,t);if(!e)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return e}("mazIconPath")}catch(n){return}},h=d((function(){var n;return null!==(n=a.path)&&void 0!==n?n:g()})),y=d((function(){return a.src?a.src:h.value?"".concat(h.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));s((function(){if(!a.name&&!a.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');k(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=a.transformSource(n),a.title&&function(n,t){var e=n.getElementsByTagName("title");if(e.length)e[0].textContent=t;else{var o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,n.appendChild(o)}}(t,a.title),n.innerHTML},k=function(){var n=T($.mark((function n(t){var e;return $.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i[t]||(i[t]=x(t)),n.prev=1,n.next=4,i[t];case 4:return e=n.sent,f.value=e,n.next=8,u();case 8:r("loaded",v.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),f.value&&(f.value=void 0,r("unloaded")),delete i[t],r("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})));return function(t){return n.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,e){var o=new XMLHttpRequest;o.open("GET",n,!0),o.onload=function(){if(o.status>=200&&o.status<400)try{var n=(new DOMParser).parseFromString(o.responseText,"text/xml").getElementsByTagName("svg")[0];n?(n=a.transformSource(n),t(n)):e(new Error('Loaded file is not valid SVG"'))}catch(n){e(n)}else e(new Error("Error loading SVG"))},o.onerror=e,o.send()}))};return b((function(){return a.src}),(function(){return k(y.value)})),function(o,r){return f.value?(t(),e("svg",m({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},J(J({},function(n){var t={},e=n.attributes;if(!e)return t;for(var o=e.length-1;o>=0;o--)t[e[o].name]=e[o].value;return t}(f.value)),(a=o.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:w(f.value)}),null,16,Q)):p("",!0);var a}}}),nn={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},tn={class:"maz-flex maz-flex-center"},en={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},on=n({__name:"MazBtn",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},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var r=n,a=f(),l=a.href,c=a.to,s=v(),u=d((function(){return l?"a":c?"router-link":"button"})),b=d((function(){return r.pastel?"--".concat(r.color,"-pastel"):r.outline||r.loading?"--".concat(r.color,"-outline"):"--".concat(r.color)})),z=d((function(){return(r.loading||r.disabled)&&"button"===u.value})),_=d((function(){return z.value?"--cursor-default":"--cursor-pointer"})),S=d((function(){return"--is-".concat(r.variant)})),D=d((function(){return"--".concat(r.color)})),E=d((function(){return["white"].includes(r.color)?"black":"white"})),L=d((function(){return r.loading&&"button"===r.variant})),B=d((function(){return!!s["left-icon"]||r.leftIcon})),C=d((function(){return!!s["right-icon"]||r.rightIcon})),I=d((function(){return B.value||C.value})),F=d((function(){return"button"===u.value?r.type:void 0}));return function(r,a){return t(),g(h(y(u)),m(r.$attrs,{disabled:y(z),class:["m-btn",["--".concat(n.size),y(b),y(_),y(S),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":y(z),"--icon":y(I),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(F)}),{default:w((function(){return[y(B)?(t(),e("div",nn,[k(r.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(Z,{key:0,name:n.leftIcon},null,8,["name"])):p("",!0)]}))])):p("",!0),i("span",tn,[k(r.$slots,"default")]),y(C)?(t(),e("div",en,[k(r.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(Z,{key:0,name:n.rightIcon},null,8,["name"])):p("",!0)]}))])):p("",!0),y(L)?(t(),e("div",{key:2,class:o(["m-btn__loading-wrapper",y(D)])},[x(q,{size:"2em",color:y(E)},null,8,["color"])],2)):p("",!0)]})),_:3},16,["disabled","class","type"])}}});R("/* purgecss start ignore */\n\n.m-btn[data-v-d95f1b1c] {\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 color: var(--maz-color-text);\n}\n\n.m-btn span[data-v-d95f1b1c] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-d95f1b1c] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-d95f1b1c] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-d95f1b1c] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-d95f1b1c] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-d95f1b1c] {\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 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-d95f1b1c]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-d95f1b1c]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-d95f1b1c]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-d95f1b1c] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-d95f1b1c] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-d95f1b1c] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-d95f1b1c] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-d95f1b1c] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-d95f1b1c] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-d95f1b1c] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-d95f1b1c] {\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-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-d95f1b1c] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-d95f1b1c] {\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-d95f1b1c] {\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-d95f1b1c] {\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-d95f1b1c] {\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-d95f1b1c] {\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-d95f1b1c] {\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-d95f1b1c] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-d95f1b1c] {\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-d95f1b1c]:not(.--disabled):hover, .m-btn.--is-button[data-v-d95f1b1c]: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-d95f1b1c] {\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}\n\n.m-btn.--is-button.--fab[data-v-d95f1b1c]:not(.--no-elevation) {\n -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n}\n\n.m-btn.--is-button.--block[data-v-d95f1b1c] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-d95f1b1c] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-d95f1b1c]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-d95f1b1c] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-d95f1b1c]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-d95f1b1c] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-d95f1b1c]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-d95f1b1c] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-d95f1b1c]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-d95f1b1c] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-d95f1b1c]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-d95f1b1c] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-d95f1b1c]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-d95f1b1c] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-d95f1b1c]: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-d95f1b1c] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-d95f1b1c]: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-d95f1b1c] {\n background-color: transparent;\n}\n\n.m-btn.--is-button.--transparent[data-v-d95f1b1c]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-d95f1b1c]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 12%);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-d95f1b1c] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-d95f1b1c]: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-d95f1b1c] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-d95f1b1c]: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-d95f1b1c] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-d95f1b1c]: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-d95f1b1c] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-d95f1b1c]: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-d95f1b1c] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-d95f1b1c]: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-d95f1b1c] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-d95f1b1c]: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-d95f1b1c] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-d95f1b1c]: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-d95f1b1c] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-d95f1b1c]: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-d95f1b1c] {\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-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-d95f1b1c]: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-d95f1b1c] {\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-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-d95f1b1c]: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-d95f1b1c] {\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-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-d95f1b1c]: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-d95f1b1c] {\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-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-d95f1b1c]: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-d95f1b1c] {\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-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-d95f1b1c]: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-d95f1b1c] {\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-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-d95f1b1c]: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-d95f1b1c] {\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-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-d95f1b1c]: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-d95f1b1c] {\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-d95f1b1c]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-d95f1b1c]: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-d95f1b1c] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-lighter);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-d95f1b1c] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-d95f1b1c] {\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-d95f1b1c] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-d95f1b1c] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-d95f1b1c] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-d95f1b1c] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-d95f1b1c] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-d95f1b1c] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-d95f1b1c] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-d95f1b1c] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),on.__scopeId="data-v-d95f1b1c";var rn=n({components:{MazBtn:on,MazIcon:Z},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(n)}},label:{type:String,default:void 0},name:{type:String,default:"input"},type:{type:String,default:"text",validator:function(n){return["text","date","number","tel","search","url","password","month","time","week","email"].includes(n)}},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},id:{type:String,default:"MazInput"},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{type:String,default:void 0},inputClasses:{type:String,default:void 0},noBorder:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},debounce:{type:Boolean,default:!1},debounceDelay:{type:Number,default:500},validButton:{type:Boolean,default:!1},validButtonLoading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0}},emits:["focus","blur","update:model-value","click","change","update"],setup:function(n,t){var e=t.emit,o=t.slots,r=c(!1),a=c(!1),i=c();s((function(){var t;n.autoFocus&&(null===(t=i.value)||void 0===t||t.focus())}));var l=d((function(){return"password"===n.type})),u=d((function(){return r.value?"text":n.type})),b=d((function(){if(!n.noBorder){if(n.error)return"maz-border-danger";if(n.success)return"maz-border-success";if(n.warning)return"maz-border-warning";if(a.value){if("black"===n.color)return"maz-border-black";if("danger"===n.color)return"maz-border-danger";if("info"===n.color)return"maz-border-info";if("primary"===n.color)return"maz-border-primary";if("secondary"===n.color)return"maz-border-secondary";if("success"===n.color)return"maz-border-success";if("warning"===n.color)return"maz-border-warning";if("white"===n.color)return"maz-border-white"}return"--default-border"}})),m=d((function(){var t=n.required,e=n.placeholder;if(e)return t?"".concat(e," *"):e})),p=d((function(){return void 0!==n.modelValue&&""!==n.modelValue})),f=d({get:function(){return n.modelValue},set:function(n){return y(n)}}),v=d((function(){return(!!n.label||!!n.hint)&&(a.value||!!p.value||!!n.placeholder||["date","month","week"].includes(n.type))})),g=d((function(){return!!n.label||!!n.hint})),h=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,e=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=void 0,r=void 0,a=function(){o&&(clearTimeout(o),r=void 0,o=void 0)},i=function(){var n=r;a(),n&&n()},l=function(){for(var i=arguments.length,l=new Array(i),c=0;c<i;c++)l[c]=arguments[c];if(!t)return n.apply(this,l);var d=this,s=e&&!o;return a(),r=function(){n.apply(d,l)},o=setTimeout((function(){if(o=void 0,!s){var n=r;if(r=void 0,void 0!==n)return n()}}),t),s?r():void 0};return l.cancel=a,l.flush=i,l}((function(n){e("update:model-value",n)}),n.debounceDelay),y=function(t){if(n.debounce)return h(t);e("update:model-value",t)};return{inputValue:f,shouldUp:v,hasLabel:g,computedPlaceholder:m,isPasswordType:l,inputType:u,input:i,isFocused:a,hasPasswordVisible:r,borderStyle:b,focus:function(n){e("focus",n),a.value=!0},blur:function(n){e("blur",n),a.value=!1},change:function(n){return e("change",n)},emitValue:y,hasRightPart:function(){return!!o["right-icon"]||l.value||!!o["valid-button"]||n.validButton||!!n.rightIcon},hasLeftPart:function(){return!!o["left-icon"]||!!n.leftIcon},EyeOffIcon:"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%22M13.875%2018.825A10.05%2010.05%200%200112%2019c-4.478%200-8.268-2.943-9.543-7a9.97%209.97%200%20011.563-3.029m5.858.908a3%203%200%20114.243%204.243M9.878%209.878l4.242%204.242M9.88%209.88l-3.29-3.29m7.532%207.532l3.29%203.29M3%203l3.59%203.59m0%200A9.953%209.953%200%200112%205c4.478%200%208.268%202.943%209.543%207a10.025%2010.025%200%2001-4.132%205.411m0%200L21%2021%22%2F%3E%3C%2Fsvg%3E",EyeIcon:"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%22M15%2012a3%203%200%2011-6%200%203%203%200%20016%200z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2.458%2012C3.732%207.943%207.523%205%2012%205c4.478%200%208.268%202.943%209.542%207-1.274%204.057-5.064%207-9.542%207-4.477%200-8.268-2.943-9.542-7z%22%2F%3E%3C%2Fsvg%3E",CheckIcon:"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%22M5%2013l4%204L19%207%22%2F%3E%3C%2Fsvg%3E"}}}),an={key:0,class:"m-input-wrapper-left"},ln={class:"m-input-wrapper-input"},cn=["id","type","name","placeholder","aria-label","disabled","readonly","required"],dn=["for"],sn={key:0},un={key:1,class:"m-input-wrapper-right"};R("/* purgecss start ignore */\n\n.m-input[data-v-465ed7db] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.m-input.--xl[data-v-465ed7db] {\n height: 4rem;\n}\n\n.m-input.--xl .m-input-input[data-v-465ed7db], .m-input.--xl .m-input-label[data-v-465ed7db] {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.m-input.--lg[data-v-465ed7db] {\n height: 3.5rem;\n}\n\n.m-input.--lg .m-input-input[data-v-465ed7db], .m-input.--lg .m-input-label[data-v-465ed7db] {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.m-input.--md[data-v-465ed7db] {\n height: 3rem;\n}\n\n.m-input.--md .m-input-input[data-v-465ed7db], .m-input.--md .m-input-label[data-v-465ed7db] {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-input.--sm[data-v-465ed7db] {\n height: 2.5rem;\n}\n\n.m-input.--sm .m-input-input[data-v-465ed7db], .m-input.--sm .m-input-label[data-v-465ed7db] {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.m-input.--xs[data-v-465ed7db] {\n height: 2rem;\n}\n\n.m-input.--xs .m-input-input[data-v-465ed7db], .m-input.--xs .m-input-label[data-v-465ed7db] {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.m-input.--mini[data-v-465ed7db] {\n height: 1.5rem;\n}\n\n.m-input.--mini .m-input-input[data-v-465ed7db], .m-input.--mini .m-input-label[data-v-465ed7db] {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.m-input-wrapper[data-v-465ed7db] {\n position: relative;\n z-index: 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n overflow: hidden;\n border-style: solid;\n background-color: var(--maz-color-bg);\n -webkit-transition-property: background-color, border-color, color, fill, stroke;\n transition-property: background-color, border-color, color, fill, stroke;\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}\n\n.m-input-wrapper.--default-border[data-v-465ed7db] {\n --tw-border-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-border-opacity));\n}\n\n.m-input-wrapper-input[data-v-465ed7db] {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.m-input-wrapper-right[data-v-465ed7db], .m-input-wrapper-left[data-v-465ed7db] {\n position: relative;\n z-index: 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n.m-input-wrapper-right[data-v-465ed7db] > :not([hidden]) ~ :not([hidden]), .m-input-wrapper-left[data-v-465ed7db] > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.25rem * var(--tw-space-x-reverse));\n margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n\n.m-input-wrapper-right[data-v-465ed7db], .m-input-wrapper-left[data-v-465ed7db] {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\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-input-wrapper-right[data-v-465ed7db] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.m-input-wrapper-left[data-v-465ed7db] {\n left: 0.25rem;\n}\n\n.m-input-input[data-v-465ed7db] {\n margin: 0px;\n display: block;\n height: 100%;\n width: 100%;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-style: none;\n background-color: transparent;\n padding-left: 1rem;\n padding-right: 1rem;\n padding-top: 0px;\n padding-bottom: 0px;\n color: var(--maz-color-text);\n --tw-shadow: 0 0 #0000;\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-input-input[data-v-465ed7db]:-webkit-autofill,\n .m-input-input[data-v-465ed7db]:-webkit-autofill:hover,\n .m-input-input[data-v-465ed7db]:-webkit-autofill:focus {\n -webkit-text-fill-color: var(--maz-color-text);\n -webkit-box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;\n box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;\n -webkit-transition: background-color 5000s ease-in-out 0s;\n transition: background-color 5000s ease-in-out 0s;\n}\n\n.m-input-label[data-v-465ed7db] {\n pointer-events: none;\n position: absolute;\n display: block;\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n -webkit-transform-origin: top left;\n transform-origin: top left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n left: 1rem;\n line-height: 1.5rem;\n transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n -webkit-transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n}\n\n.m-input[data-v-465ed7db]:not(.--has-state) {\n color: var(--maz-color-muted);\n}\n\n.m-input.--has-z-2 .m-input-wrapper[data-v-465ed7db] {\n z-index: 2;\n}\n\n.m-input.--should-up .m-input-label[data-v-465ed7db] {\n -webkit-transform: scale(0.8) translateY(-0.65rem);\n transform: scale(0.8) translateY(-0.65rem);\n}\n\n.m-input.--is-readonly .m-input-input[data-v-465ed7db] {\n cursor: default;\n}\n\n.m-input.--is-disabled .m-input-wrapper[data-v-465ed7db] {\n background-color: var(--maz-color-bg-lighter);\n color: var(--maz-color-muted);\n}\n\n.m-input.--is-disabled .m-input-input[data-v-465ed7db] {\n cursor: not-allowed;\n color: var(--maz-color-muted);\n}\n\n.m-input.--is-focused .m-input-wrapper[data-v-465ed7db] {\n z-index: 3;\n}\n\n.m-input.--has-label .m-input-input[data-v-465ed7db] {\n padding-left: 1rem;\n padding-right: 1rem;\n padding-top: 1rem;\n}\n\nhtml.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-465ed7db] {\n background-color: var(--maz-color-bg-light);\n}\n\nhtml.dark .m-input:not(.--is-focused, .--has-state) .m-input-wrapper.--default-border[data-v-465ed7db] {\n border-color: var(--maz-color-bg-lighter);\n}\n\nhtml.dark .m-input-input[data-v-465ed7db]:-webkit-autofill,\n html.dark .m-input-input[data-v-465ed7db]:-webkit-autofill:hover,\n html.dark .m-input-input[data-v-465ed7db]:-webkit-autofill:focus {\n -webkit-text-fill-color: var(--maz-color-text);\n -webkit-box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;\n box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;\n -webkit-transition: background-color 5000s ease-in-out 0s;\n transition: background-color 5000s ease-in-out 0s;\n}\n\n/* purgecss end ignore */\n"),rn.render=function(n,r,a,l,c,d){var s=z("MazIcon"),u=z("MazBtn");return t(),e("div",{class:o(["m-input",[{"--is-focused":n.isFocused,"--should-up":n.shouldUp,"--has-label":n.hasLabel,"--is-disabled":n.disabled,"--is-readonly":n.readonly,"--has-z-2":n.error||n.warning||n.success,"--has-state":n.error||n.warning||n.success},n.$attrs.class,"--".concat(n.color),"--".concat(n.size)]]),onClick:r[2]||(r[2]=function(t){return n.$emit("click",t)})},[i("div",{class:o(["m-input-wrapper maz-border",[n.inputClasses,n.borderStyle,{"maz-rounded-lg":!n.noRadius}]])},[n.hasLeftPart()?(t(),e("div",an,[n.$slots["left-icon"]||n.leftIcon?k(n.$slots,"left-icon",{key:0},(function(){return[x(s,{name:n.leftIcon,class:"maz-text-muted"},null,8,["name"])]})):p("",!0)])):p("",!0),i("div",ln,[_(i("input",m({id:n.id,ref:"input","onUpdate:modelValue":r[0]||(r[0]=function(t){return n.inputValue=t}),type:n.inputType,name:n.name},n.$attrs,{placeholder:n.computedPlaceholder,"aria-label":n.label||n.placeholder,disabled:n.disabled,readonly:n.readonly,required:n.required,class:"m-input-input"},S({blur:n.blur,focus:n.focus,change:n.change})),null,16,cn),[[D,n.inputValue]]),n.label||n.hint?(t(),e("label",{key:0,ref:"label",for:n.id,class:o(["m-input-label",[{"maz-text-danger-600":n.error,"maz-text-success-600":n.success,"maz-text-warning-600":n.warning}]])},[E(L(n.hint||n.label)+" ",1),n.required?(t(),e("sup",sn,"*")):p("",!0)],10,dn)):p("",!0)]),n.hasRightPart()?(t(),e("div",un,[n.$slots["right-icon"]||n.rightIcon?k(n.$slots,"right-icon",{key:0},(function(){return[x(s,{name:n.rightIcon,class:"maz-text-muted"},null,8,["name"])]})):p("",!0),n.isPasswordType?(t(),g(u,{key:1,color:"transparent",tabindex:"-1",size:"mini",onClick:r[1]||(r[1]=B((function(t){return n.hasPasswordVisible=!n.hasPasswordVisible}),["stop"]))},{default:w((function(){return[n.hasPasswordVisible?(t(),g(s,{key:0,src:n.EyeOffIcon,class:"maz-text-muted"},null,8,["src"])):(t(),g(s,{key:1,src:n.EyeIcon,class:"maz-text-muted"},null,8,["src"]))]})),_:1})):p("",!0),n.$slots["valid-button"]||n.validButton?k(n.$slots,"valid-button",{key:2},(function(){return[x(u,{color:"transparent",disabled:n.disabled,tabindex:"-1",loading:n.validButtonLoading,class:"m-input-valid-button",size:"mini",type:"submit"},{default:w((function(){return[x(s,{src:n.CheckIcon,class:"maz-text-normal"},null,8,["src"])]})),_:1},8,["disabled","loading"])]})):p("",!0)])):p("",!0)],2)],2)},rn.__scopeId="data-v-465ed7db";var bn=["onKeydown"],mn=["onClick"],pn=["onClick"],fn=n({__name:"MazSelect",props:{modelValue:{type:[Number,String,Boolean],default:void 0},options:{type:Array,required:!0},optionValueKey:{type:String,default:"value"},optionLabelKey:{type:String,default:"label"},optionInputValueKey:{type:String,default:"label"},listPosition:{type:String,default:"bottom left",validator:function(n){return["top","top right","top left","bottom","bottom right","bottom left"].includes(n)}},disabled:{type:Boolean,default:!1},open:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(n)}},itemHeight:{type:Number,default:40},maxListHeight:{type:Number,default:240},maxListWidth:{type:Number,default:void 0},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}}},emits:["close","open","update:model-value","blur"],setup:function(n,r){var a=r.emit,l=n,s=c(!1),b=c();C((function(){h.value&&(b.value=l.options.findIndex((function(n){var t;return n[l.optionValueKey]===(null===(t=h.value)||void 0===t?void 0:t[l.optionLabelKey])})))}));var f=c(),v=c(),g=c(),h=d((function(){return l.options.find((function(n){return l.modelValue===n[l.optionValueKey]}))})),z=d((function(){var n;return null===(n=h.value)||void 0===n?void 0:n[l.optionInputValueKey]})),_=d((function(){return l.listPosition.includes("bottom")?"maz-slide":"maz-slideinvert"})),S=function(){var n=T($.mark((function n(t){var e;return $.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!t||!("relatedTarget"in t&&null!==(e=f.value)&&void 0!==e&&e.contains(t.relatedTarget)||"keydown"===t.type)){n.next=2;break}return n.abrupt("return",t.preventDefault());case 2:return n.next=4,u();case 4:s.value=!1,a("close",t);case 6:case"end":return n.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}(),D=function(n){null==n||n.preventDefault(),l.disabled||(s.value=!0,N(),a("open",s.value))},M=c(""),V=function(n){var t=n.key,e=n.code,o=void 0;if(clearTimeout(o),o=setTimeout((function(){M.value=""}),2e3),"Backspace"===e)M.value=M.value.substring(0,M.value.length-1);else if(t.match(/^[a-z0-9]+$/i)&&1===t.length){M.value+=t.toLowerCase();var r=l.options.findIndex((function(n){if("string"==typeof n[l.optionLabelKey])return n[l.optionLabelKey].toLowerCase().startsWith(M.value)}));b.value=r,N()}},N=function(){var n=T($.mark((function n(){var t,e,o=arguments;return $.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!(t=o.length>0&&void 0!==o[0]?o[0]:b.value)){n.next=5;break}return n.next=4,u();case 4:null===(e=g.value)||void 0===e||e.scrollTo({top:t*l.itemHeight-l.itemHeight});case 5:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}(),K=function(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return b.value=l.options.findIndex((function(t){return n[l.optionValueKey]===t[l.optionValueKey]})),t&&S(),a("update:model-value",n[l.optionValueKey])};return function(r,a){return t(),e("div",{ref_key:"mazSelect",ref:f,class:o(["m-select",{"--is-open":s.value,"--disabled":n.disabled}]),onBlurCapture:S,onKeydown:I(S,["esc"])},[x(rn,m({ref_key:"mazInput",ref:v,class:"m-select-input"},r.$attrs,{color:n.color,"model-value":y(z),readonly:"",size:n.size,disabled:n.disabled,onFocus:B(D,["stop"]),onClick:B(D,["stop"]),onKeydown:a[0]||(a[0]=function(n){return function(n){var t=n.code,e=b.value;if("ArrowUp"===t||"ArrowDown"===t){n.preventDefault(),s.value||D(n);var o=l.options.length;if("number"!=typeof e)return b.value="ArrowDown"===t?0:o-1;b.value=e===o-1&&"ArrowDown"===t?0:0===e&&"ArrowUp"===t?o-1:"ArrowDown"===t?e+1:e-1,K(l.options[b.value],!1),N()}else if("Enter"===t&&s.value){if(n.preventDefault(),"number"==typeof e){var r=l.options[e];r.value!==l.modelValue?K(r):S()}}else s.value&&V(n)}(n)})}),{"right-icon":w((function(){return[i("button",{tabindex:"-1",type:"button",class:"m-select-input__toggle-button maz-custom maz-flex maz-h-full maz-bg-transparent maz-flex-center",onClick:B(D,["stop"])},[x(Z,{src:y("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%22M19%209l-7%207-7-7%22%2F%3E%3C%2Fsvg%3E"),class:"m-select-chevron maz-h-5 maz-w-5 maz-text-normal"},null,8,["src"])],8,mn)]})),_:1},16,["color","model-value","size","disabled","onFocus","onClick"]),x(F,{name:y(_)},{default:w((function(){return[s.value||n.open?(t(),e("div",{key:0,ref_key:"optionsList",ref:g,class:"m-select-list",style:P({maxHeight:"".concat(n.maxListHeight,"px"),maxWidth:"".concat(n.maxListWidth,"px")})},[(t(!0),e(j,null,O(n.options,(function(a,i){var l,c;return t(),e("button",{key:i,tabindex:"-1",type:"button",class:o(["m-select-list-item maz-custom",[{"--is-keyboard-selected":b.value===i,"--is-selected":(null===(l=y(h))||void 0===l?void 0:l[n.optionValueKey])===a[n.optionValueKey]},"--".concat(n.color)]]),style:P({height:"".concat(n.itemHeight,"px")}),onClick:B((function(n){return K(a)}),["prevent","stop"])},[k(r.$slots,"default",{option:a,isSelected:(null===(c=y(h))||void 0===c?void 0:c[n.optionValueKey])===a[n.optionValueKey]},(function(){return[E(L(a[n.optionLabelKey]),1)]}))],14,pn)})),128))],4)):p("",!0)]})),_:3},8,["name"])],42,bn)}}});R("/* purgecss start ignore */\n\n.m-select[data-v-9a37f2ae] {\n position: relative;\n}\n\n.m-select[data-v-9a37f2ae]:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-select[data-v-9a37f2ae]:not(.--disabled) .m-input-input {\n cursor: pointer;\n}\n\n.m-select-input[data-v-9a37f2ae] .m-input-input {\n padding-right: 0px;\n}\n\n.m-select-input.--has-label[data-v-9a37f2ae] .m-input-input {\n padding-right: 0px;\n}\n\n.m-select-input__toggle-button[data-v-9a37f2ae] {\n padding-left: 0px;\n}\n\n.m-select-chevron[data-v-9a37f2ae] {\n -webkit-transition-property: all;\n transition-property: all;\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 -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.m-select.--is-open .m-select-chevron[data-v-9a37f2ae] {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n.m-select-list[data-v-9a37f2ae] {\n position: absolute;\n z-index: 100;\n overflow: auto;\n border-radius: 0.5rem;\n background-color: var(--maz-color-bg);\n color: var(--maz-color-text);\n -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n min-width: 3.5rem;\n}\n\n.m-select-list-item[data-v-9a37f2ae] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n}\n\n.m-select-list-item[data-v-9a37f2ae]:hover {\n background-color: var(--maz-color-bg-light);\n}\n\n.m-select-list-item[data-v-9a37f2ae] {\n padding-left: 1rem;\n padding-right: 1rem;\n text-align: left;\n color: var(--maz-color-text);\n}\n\n.m-select-list-item.--is-keyboard-selected[data-v-9a37f2ae] {\n background-color: var(--maz-color-bg-light);\n font-weight: 500;\n}\n\n.m-select-list-item.--is-selected[data-v-9a37f2ae] {\n font-weight: 600;\n}\n\n.m-select-list-item.--is-selected.--primary[data-v-9a37f2ae] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-select-list-item.--is-selected.--secondary[data-v-9a37f2ae] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-select-list-item.--is-selected.--info[data-v-9a37f2ae] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-select-list-item.--is-selected.--success[data-v-9a37f2ae] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-select-list-item.--is-selected.--warning[data-v-9a37f2ae] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-select-list-item.--is-selected.--danger[data-v-9a37f2ae] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-select-list-item.--is-selected.--black[data-v-9a37f2ae] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-select-list-item.--is-selected.--white[data-v-9a37f2ae] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-select-list-item.--is-selected.--transparent[data-v-9a37f2ae] {\n background-color: var(--maz-color-bg);\n}\n\n.m-select button.maz-custom[data-v-9a37f2ae] {\n cursor: pointer;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-style: none;\n}\n\n/* purgecss end ignore */\n"),fn.__scopeId="data-v-9a37f2ae";export{fn as default};
|
|
3
|
+
n.exports=e=function(){return o},n.exports.__esModule=!0,n.exports.default=n.exports;var o={},r=Object.prototype,a=r.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",d=i.toStringTag||"@@toStringTag";function s(n,t,e){return Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{s({},"")}catch(n){s=function(n,t,e){return n[t]=e}}function u(n,t,e,o){var r=t&&t.prototype instanceof b?t:b,a=Object.create(r.prototype),i=new D(o||[]);return a._invoke=function(n,t,e){var o="suspendedStart";return function(r,a){if("executing"===o)throw new Error("Generator is already running");if("completed"===o){if("throw"===r)throw a;return L()}for(e.method=r,e.arg=a;;){var i=e.delegate;if(i){var c=z(i,e);if(c){if(c===p)continue;return c}}if("next"===e.method)e.sent=e._sent=e.arg;else if("throw"===e.method){if("suspendedStart"===o)throw o="completed",e.arg;e.dispatchException(e.arg)}else"return"===e.method&&e.abrupt("return",e.arg);o="executing";var l=m(n,t,e);if("normal"===l.type){if(o=e.done?"completed":"suspendedYield",l.arg===p)continue;return{value:l.arg,done:e.done}}"throw"===l.type&&(o="completed",e.method="throw",e.arg=l.arg)}}}(n,e,i),a}function m(n,t,e){try{return{type:"normal",arg:n.call(t,e)}}catch(n){return{type:"throw",arg:n}}}o.wrap=u;var p={};function b(){}function f(){}function v(){}var g={};s(g,c,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(E([])));y&&y!==r&&a.call(y,c)&&(g=y);var w=v.prototype=b.prototype=Object.create(g);function k(n){["next","throw","return"].forEach((function(t){s(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,e){function o(r,i,c,l){var d=m(n[r],n,i);if("throw"!==d.type){var s=d.arg,u=s.value;return u&&"object"==t(u)&&a.call(u,"__await")?e.resolve(u.__await).then((function(n){o("next",n,c,l)}),(function(n){o("throw",n,c,l)})):e.resolve(u).then((function(n){s.value=n,c(s)}),(function(n){return o("throw",n,c,l)}))}l(d.arg)}var r;this._invoke=function(n,t){function a(){return new e((function(e,r){o(n,t,e,r)}))}return r=r?r.then(a,a):a()}}function z(n,t){var e=n.iterator[t.method];if(void 0===e){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return p;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var o=m(e,n.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,p;var r=o.arg;return r?r.done?(t[n.resultName]=r.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,p):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,p)}function _(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 D(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function E(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var e=-1,o=function t(){for(;++e<n.length;)if(a.call(n,e))return t.value=n[e],t.done=!1,t;return t.value=void 0,t.done=!0,t};return o.next=o}}return{next:L}}function L(){return{value:void 0,done:!0}}return f.prototype=v,s(w,"constructor",v),s(v,"constructor",f),f.displayName=s(v,d,"GeneratorFunction"),o.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===f||"GeneratorFunction"===(t.displayName||t.name))},o.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,v):(n.__proto__=v,s(n,d,"GeneratorFunction")),n.prototype=Object.create(w),n},o.awrap=function(n){return{__await:n}},k(x.prototype),s(x.prototype,l,(function(){return this})),o.AsyncIterator=x,o.async=function(n,t,e,r,a){void 0===a&&(a=Promise);var i=new x(u(n,t,e,r),a);return o.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},k(w),s(w,d,"Generator"),s(w,c,(function(){return this})),s(w,"toString",(function(){return"[object Generator]"})),o.keys=function(n){var t=[];for(var e in n)t.push(e);return t.reverse(),function e(){for(;t.length;){var o=t.pop();if(o in n)return e.value=o,e.done=!1,e}return e.done=!0,e}},o.values=E,D.prototype={constructor:D,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(S),!n)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},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 t=this;function e(e,o){return i.type="throw",i.arg=n,t.next=e,o&&(t.method="next",t.arg=void 0),!!o}for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o],i=r.completion;if("root"===r.tryLoc)return e("end");if(r.tryLoc<=this.prev){var c=a.call(r,"catchLoc"),l=a.call(r,"finallyLoc");if(c&&l){if(this.prev<r.catchLoc)return e(r.catchLoc,!0);if(this.prev<r.finallyLoc)return e(r.finallyLoc)}else if(c){if(this.prev<r.catchLoc)return e(r.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<r.finallyLoc)return e(r.finallyLoc)}}}},abrupt:function(n,t){for(var e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&a.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var r=o;break}}r&&("break"===n||"continue"===n)&&r.tryLoc<=t&&t<=r.finallyLoc&&(r=null);var i=r?r.completion:{};return i.type=n,i.arg=t,r?(this.method="next",this.next=r.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 e=this.tryEntries[t];if(e.finallyLoc===n)return this.complete(e.completion,e.afterLoc),S(e),p}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.tryLoc===n){var o=e.completion;if("throw"===o.type){var r=o.arg;S(e)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,e){return this.delegate={iterator:E(n),resultName:t,nextLoc:e},"next"===this.method&&(this.arg=void 0),p}},o}n.exports=e,n.exports.__esModule=!0,n.exports.default=n.exports}(N);var A=N.exports(),$=A;try{regeneratorRuntime=A}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=A:Function("r","regeneratorRuntime = r")(A)}var H=["width","height"],G=[function(n){return r("data-v-67dbd337"),n=n(),a(),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)}))],q=n({__name:"MazSpinner",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,a){return t(),e("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:o(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},G,10,H)}}});function R(n,t){void 0===t&&(t={});var e=t.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===e&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}R("\n@-webkit-keyframes maz-spin {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg)\n }\n}\n@keyframes maz-spin {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg)\n }\n}\n.m-spinner[data-v-67dbd337] {\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.m-spinner--primary[data-v-67dbd337] {\n color: var(--maz-color-primary)\n}\n.m-spinner--secondary[data-v-67dbd337] {\n color: var(--maz-color-secondary)\n}\n.m-spinner--info[data-v-67dbd337] {\n color: var(--maz-color-info)\n}\n.m-spinner--warning[data-v-67dbd337] {\n color: var(--maz-color-warning)\n}\n.m-spinner--danger[data-v-67dbd337] {\n color: var(--maz-color-danger)\n}\n.m-spinner--success[data-v-67dbd337] {\n color: var(--maz-color-success)\n}\n.m-spinner--black[data-v-67dbd337] {\n color: var(--maz-color-black)\n}\n.m-spinner--white[data-v-67dbd337] {\n color: var(--maz-color-white)\n}\n.m-spinner--transparent[data-v-67dbd337] {\n color: var(--maz-color-white)\n}\n"),q.__scopeId="data-v-67dbd337";var U,W={exports:{}};(U=W).exports=function(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n},U.exports.__esModule=!0,U.exports.default=U.exports;var Y=M(W.exports);function X(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function J(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?X(Object(e),!0).forEach((function(t){Y(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):X(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var Q=["innerHTML"],Z=n({__name:"MazIcon",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}}},emits:["loaded","unloaded","error"],setup:function(n,o){var r=o.emit,a=n,i={},f=l(),v=l(),g=function(){try{return function(n,t){var e=c(n,t);if(!e)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return e}("mazIconPath")}catch(n){return}},h=d((function(){var n;return null!==(n=a.path)&&void 0!==n?n:g()})),y=d((function(){return a.src?a.src:h.value?"".concat(h.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));s((function(){if(!a.name&&!a.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');k(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=a.transformSource(n),a.title&&function(n,t){var e=n.getElementsByTagName("title");if(e.length)e[0].textContent=t;else{var o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,n.appendChild(o)}}(t,a.title),n.innerHTML},k=function(){var n=T($.mark((function n(t){var e;return $.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i[t]||(i[t]=x(t)),n.prev=1,n.next=4,i[t];case 4:return e=n.sent,f.value=e,n.next=8,u();case 8:r("loaded",v.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),f.value&&(f.value=void 0,r("unloaded")),delete i[t],r("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})));return function(t){return n.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,e){var o=new XMLHttpRequest;o.open("GET",n,!0),o.onload=function(){if(o.status>=200&&o.status<400)try{var n=(new DOMParser).parseFromString(o.responseText,"text/xml").getElementsByTagName("svg")[0];n?(n=a.transformSource(n),t(n)):e(new Error('Loaded file is not valid SVG"'))}catch(n){e(n)}else e(new Error("Error loading SVG"))},o.onerror=e,o.send()}))};return m((function(){return a.src}),(function(){return k(y.value)})),function(o,r){return f.value?(t(),e("svg",p({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},J(J({},function(n){var t={},e=n.attributes;if(!e)return t;for(var o=e.length-1;o>=0;o--)t[e[o].name]=e[o].value;return t}(f.value)),(a=o.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:w(f.value)}),null,16,Q)):b("",!0);var a}}}),nn={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},tn={class:"maz-flex maz-flex-center"},en={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},on=n({__name:"MazBtn",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},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var r=n,a=f(),c=a.href,l=a.to,s=v(),u=d((function(){return c?"a":l?"router-link":"button"})),m=d((function(){return r.pastel?"--".concat(r.color,"-pastel"):r.outline||r.loading?"--".concat(r.color,"-outline"):"--".concat(r.color)})),z=d((function(){return(r.loading||r.disabled)&&"button"===u.value})),_=d((function(){return z.value?"--cursor-default":"--cursor-pointer"})),S=d((function(){return"--is-".concat(r.variant)})),D=d((function(){return"--".concat(r.color)})),E=d((function(){return["white"].includes(r.color)?"black":"white"})),L=d((function(){return r.loading&&"button"===r.variant})),B=d((function(){return!!s["left-icon"]||r.leftIcon})),C=d((function(){return!!s["right-icon"]||r.rightIcon})),I=d((function(){return B.value||C.value})),F=d((function(){return"button"===u.value?r.type:void 0}));return function(r,a){return t(),g(h(y(u)),p(r.$attrs,{disabled:y(z),class:["m-btn",["--".concat(n.size),y(m),y(_),y(S),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":y(z),"--icon":y(I),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(F)}),{default:w((function(){return[y(B)?(t(),e("div",nn,[k(r.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(Z,{key:0,name:n.leftIcon},null,8,["name"])):b("",!0)]}))])):b("",!0),i("span",tn,[k(r.$slots,"default")]),y(C)?(t(),e("div",en,[k(r.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(Z,{key:0,name:n.rightIcon},null,8,["name"])):b("",!0)]}))])):b("",!0),y(L)?(t(),e("div",{key:2,class:o(["m-btn__loading-wrapper",y(D)])},[x(q,{size:"2em",color:y(E)},null,8,["color"])],2)):b("",!0)]})),_:3},16,["disabled","class","type"])}}});R("\n.m-btn[data-v-ecee7cd4] {\n\n border-width: 2px;\n\n border-style: solid;\n\n border-color: transparent;\n\n text-align: center;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n color: var(--maz-color-text);\n}\n.m-btn span[data-v-ecee7cd4] {\n\n line-height: 1;\n}\n.m-btn__icon-left[data-v-ecee7cd4] {\n\n margin-right: 0.5rem;\n\n margin-left: -0.25rem;\n\n line-height: 1;\n}\n.m-btn__icon-right[data-v-ecee7cd4] {\n\n margin-left: 0.5rem;\n\n margin-right: -0.25rem;\n\n line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-ecee7cd4] {\n\n cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-ecee7cd4] {\n\n cursor: default;\n}\n.m-btn.--is-link[data-v-ecee7cd4] {\n\n display: -webkit-inline-box;\n\n display: -ms-inline-flexbox;\n\n display: inline-flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n background-color: transparent;\n\n outline: 2px solid transparent;\n\n outline-offset: 2px;\n\n -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-ecee7cd4]:not(.--no-leading) {\n\n line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-ecee7cd4]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-ecee7cd4]:not(:disabled):focus:not(.--no-underline) {\n\n -webkit-text-decoration-line: underline;\n\n text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-ecee7cd4] {\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-ecee7cd4] {\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-ecee7cd4] {\n\n color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-ecee7cd4] {\n\n color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-ecee7cd4] {\n\n color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-ecee7cd4] {\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-ecee7cd4] {\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-ecee7cd4] {\n\n position: relative;\n\n display: -webkit-inline-box;\n\n display: -ms-inline-flexbox;\n\n display: inline-flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n overflow: hidden;\n\n border-radius: 0.5rem;\n\n border-color: transparent;\n\n background-color: transparent;\n\n font-weight: 500;\n\n -webkit-text-decoration-line: none;\n\n text-decoration-line: none;\n\n -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n -webkit-transition-duration: 300ms;\n\n transition-duration: 300ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-ecee7cd4] {\n\n border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-ecee7cd4] {\n\n padding-left: 2rem;\n\n padding-right: 2rem;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-ecee7cd4] {\n\n padding-left: 1.5rem;\n\n padding-right: 1.5rem;\n\n font-size: 1.125rem;\n\n line-height: 1.75rem;\n\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-ecee7cd4] {\n\n padding-left: 1rem;\n\n padding-right: 1rem;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-ecee7cd4] {\n\n padding-left: 0.75rem;\n\n padding-right: 0.75rem;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-ecee7cd4] {\n\n padding-left: 0.5rem;\n\n padding-right: 0.5rem;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-ecee7cd4] {\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-ecee7cd4] {\n\n padding-top: 0.5rem;\n\n padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-ecee7cd4] {\n\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-ecee7cd4]:not(.--disabled):hover, \n .m-btn.--is-button[data-v-ecee7cd4]:not(.--disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-ecee7cd4] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n height: 3rem;\n\n width: 3rem;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n border-radius: 9999px;\n\n padding-left: 0px;\n\n padding-right: 0px;\n\n padding-top: 0px;\n\n padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-ecee7cd4]:not(.--no-elevation) {\n\n -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n}\n.m-btn.--is-button.--block[data-v-ecee7cd4] {\n\n width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--primary[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--secondary[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--info[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--success[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--warning[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--danger[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--white[data-v-ecee7cd4]:not(:disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--black[data-v-ecee7cd4]:not(:disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-ecee7cd4] {\n\n background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-ecee7cd4]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-ecee7cd4]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-ecee7cd4] {\n\n border-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--primary-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-ecee7cd4] {\n\n border-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--secondary-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-ecee7cd4] {\n\n border-color: var(--maz-color-info);\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--info-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-ecee7cd4] {\n\n border-color: var(--maz-color-success);\n\n color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--success-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-ecee7cd4] {\n\n border-color: var(--maz-color-danger);\n\n color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--danger-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-ecee7cd4] {\n\n border-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--warning-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-ecee7cd4] {\n\n border-color: var(--maz-color-white);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--white-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-ecee7cd4] {\n\n border-color: var(--maz-color-black);\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--black-outline[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-primary-50);\n\n color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--primary-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-secondary-50);\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--secondary-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-info-50);\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--info-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-success-50);\n\n color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--success-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-danger-50);\n\n color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--danger-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-warning-50);\n\n color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--warning-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-ecee7cd4] {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--white-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-ecee7cd4] {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-ecee7cd4]:not(:disabled):hover, \n .m-btn.--is-button.--black-pastel[data-v-ecee7cd4]:not(:disabled):focus {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-ecee7cd4] {\n\n cursor: not-allowed;\n\n background-color: var(--maz-color-bg-lighter);\n\n --tw-text-opacity: 1;\n\n color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-ecee7cd4] {\n\n padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-ecee7cd4] {\n\n position: absolute;\n\n top: 0px;\n\n right: 0px;\n\n bottom: 0px;\n\n left: 0px;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-ecee7cd4] {\n\n background-color: var(--maz-color-black);\n}\n"),on.__scopeId="data-v-ecee7cd4";var rn=n({components:{MazBtn:on,MazIcon:Z},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(n)}},label:{type:String,default:void 0},name:{type:String,default:"input"},type:{type:String,default:"text",validator:function(n){return["text","date","number","tel","search","url","password","month","time","week","email"].includes(n)}},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},id:{type:String,default:"MazInput"},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{type:String,default:void 0},inputClasses:{type:String,default:void 0},noBorder:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},debounce:{type:Boolean,default:!1},debounceDelay:{type:Number,default:500},validButton:{type:Boolean,default:!1},validButtonLoading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0}},emits:["focus","blur","update:model-value","click","change","update"],setup:function(n,t){var e=t.emit,o=t.slots,r=l(!1),a=l(!1),i=l();s((function(){var t;n.autoFocus&&(null===(t=i.value)||void 0===t||t.focus())}));var c=d((function(){return"password"===n.type})),u=d((function(){return r.value?"text":n.type})),m=d((function(){if(!n.noBorder){if(n.error)return"maz-border-danger";if(n.success)return"maz-border-success";if(n.warning)return"maz-border-warning";if(a.value){if("black"===n.color)return"maz-border-black";if("danger"===n.color)return"maz-border-danger";if("info"===n.color)return"maz-border-info";if("primary"===n.color)return"maz-border-primary";if("secondary"===n.color)return"maz-border-secondary";if("success"===n.color)return"maz-border-success";if("warning"===n.color)return"maz-border-warning";if("white"===n.color)return"maz-border-white"}return"--default-border"}})),p=d((function(){var t=n.required,e=n.placeholder;if(e)return t?"".concat(e," *"):e})),b=d((function(){return void 0!==n.modelValue&&""!==n.modelValue})),f=d({get:function(){return n.modelValue},set:function(n){return y(n)}}),v=d((function(){return(!!n.label||!!n.hint)&&(a.value||!!b.value||!!n.placeholder||["date","month","week"].includes(n.type))})),g=d((function(){return!!n.label||!!n.hint})),h=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,e=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=void 0,r=void 0,a=function(){o&&(clearTimeout(o),r=void 0,o=void 0)},i=function(){var n=r;a(),n&&n()},c=function(){for(var i=arguments.length,c=new Array(i),l=0;l<i;l++)c[l]=arguments[l];if(!t)return n.apply(this,c);var d=this,s=e&&!o;return a(),r=function(){n.apply(d,c)},o=setTimeout((function(){if(o=void 0,!s){var n=r;if(r=void 0,void 0!==n)return n()}}),t),s?r():void 0};return c.cancel=a,c.flush=i,c}((function(n){e("update:model-value",n)}),n.debounceDelay),y=function(t){if(n.debounce)return h(t);e("update:model-value",t)};return{inputValue:f,shouldUp:v,hasLabel:g,computedPlaceholder:p,isPasswordType:c,inputType:u,input:i,isFocused:a,hasPasswordVisible:r,borderStyle:m,focus:function(n){e("focus",n),a.value=!0},blur:function(n){e("blur",n),a.value=!1},change:function(n){return e("change",n)},emitValue:y,hasRightPart:function(){return!!o["right-icon"]||c.value||!!o["valid-button"]||n.validButton||!!n.rightIcon},hasLeftPart:function(){return!!o["left-icon"]||!!n.leftIcon},EyeOffIcon:"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%22M13.875%2018.825A10.05%2010.05%200%200112%2019c-4.478%200-8.268-2.943-9.543-7a9.97%209.97%200%20011.563-3.029m5.858.908a3%203%200%20114.243%204.243M9.878%209.878l4.242%204.242M9.88%209.88l-3.29-3.29m7.532%207.532l3.29%203.29M3%203l3.59%203.59m0%200A9.953%209.953%200%200112%205c4.478%200%208.268%202.943%209.543%207a10.025%2010.025%200%2001-4.132%205.411m0%200L21%2021%22%2F%3E%3C%2Fsvg%3E",EyeIcon:"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%22M15%2012a3%203%200%2011-6%200%203%203%200%20016%200z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2.458%2012C3.732%207.943%207.523%205%2012%205c4.478%200%208.268%202.943%209.542%207-1.274%204.057-5.064%207-9.542%207-4.477%200-8.268-2.943-9.542-7z%22%2F%3E%3C%2Fsvg%3E",CheckIcon:"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%22M5%2013l4%204L19%207%22%2F%3E%3C%2Fsvg%3E"}}}),an={key:0,class:"m-input-wrapper-left"},cn={class:"m-input-wrapper-input"},ln=["id","type","name","placeholder","aria-label","disabled","readonly","required"],dn=["for"],sn={key:0},un={key:1,class:"m-input-wrapper-right"};R("\n.m-input[data-v-677519a7] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.m-input.--xl[data-v-677519a7] {\n height: 4rem;\n}\n.m-input.--xl .m-input-input[data-v-677519a7], \n .m-input.--xl .m-input-label[data-v-677519a7] {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n.m-input.--lg[data-v-677519a7] {\n height: 3.5rem;\n}\n.m-input.--lg .m-input-input[data-v-677519a7], \n .m-input.--lg .m-input-label[data-v-677519a7] {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.m-input.--md[data-v-677519a7] {\n height: 3rem;\n}\n.m-input.--md .m-input-input[data-v-677519a7], \n .m-input.--md .m-input-label[data-v-677519a7] {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.m-input.--sm[data-v-677519a7] {\n height: 2.5rem;\n}\n.m-input.--sm .m-input-input[data-v-677519a7], \n .m-input.--sm .m-input-label[data-v-677519a7] {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.m-input.--xs[data-v-677519a7] {\n height: 2rem;\n}\n.m-input.--xs .m-input-input[data-v-677519a7], \n .m-input.--xs .m-input-label[data-v-677519a7] {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.m-input.--mini[data-v-677519a7] {\n height: 1.5rem;\n}\n.m-input.--mini .m-input-input[data-v-677519a7], \n .m-input.--mini .m-input-label[data-v-677519a7] {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.m-input-wrapper[data-v-677519a7] {\n position: relative;\n z-index: 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n overflow: hidden;\n border-style: solid;\n background-color: var(--maz-color-bg);\n -webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;\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: 300ms;\n transition-duration: 300ms;\n}\n.m-input-wrapper.--default-border[data-v-677519a7] {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\n.m-input-wrapper-input[data-v-677519a7] {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.m-input-wrapper-right[data-v-677519a7], \n .m-input-wrapper-left[data-v-677519a7] {\n position: relative;\n z-index: 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.m-input-wrapper-right[data-v-677519a7] > :not([hidden]) ~ :not([hidden]), \n .m-input-wrapper-left[data-v-677519a7] > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.25rem * var(--tw-space-x-reverse));\n margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.m-input-wrapper-right[data-v-677519a7], \n .m-input-wrapper-left[data-v-677519a7] {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\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.m-input-wrapper-right[data-v-677519a7] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n.m-input-wrapper-left[data-v-677519a7] {\n left: 0.25rem;\n}\n.m-input-input[data-v-677519a7] {\n margin: 0px;\n display: block;\n height: 100%;\n width: 100%;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-style: none;\n background-color: transparent;\n padding-top: 0px;\n padding-bottom: 0px;\n padding-left: 1rem;\n padding-right: 1rem;\n color: var(--maz-color-text);\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.m-input-input[data-v-677519a7]:-webkit-autofill,\n .m-input-input[data-v-677519a7]:-webkit-autofill:hover,\n .m-input-input[data-v-677519a7]:-webkit-autofill:focus {\n -webkit-text-fill-color: var(--maz-color-text);\n -webkit-box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;\n box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;\n -webkit-transition: background-color 5000s ease-in-out 0s;\n transition: background-color 5000s ease-in-out 0s;\n}\n.m-input-label[data-v-677519a7] {\n pointer-events: none;\n position: absolute;\n display: block;\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n -webkit-transform-origin: top left;\n transform-origin: top left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n left: 1rem;\n line-height: 1.5rem;\n\n transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n -webkit-transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n}\n.m-input[data-v-677519a7]:not(.--has-state) {\n color: var(--maz-color-muted);\n}\n.m-input.--has-z-2 .m-input-wrapper[data-v-677519a7] {\n z-index: 2;\n}\n.m-input.--should-up .m-input-label[data-v-677519a7] {\n -webkit-transform: scale(0.8) translateY(-0.65rem);\n transform: scale(0.8) translateY(-0.65rem);\n}\n.m-input.--is-readonly .m-input-input[data-v-677519a7] {\n cursor: default;\n}\n.m-input.--is-disabled .m-input-wrapper[data-v-677519a7] {\n background-color: var(--maz-color-bg-lighter);\n color: var(--maz-color-muted);\n}\n.m-input.--is-disabled .m-input-input[data-v-677519a7] {\n cursor: not-allowed;\n color: var(--maz-color-muted);\n}\n.m-input.--is-focused .m-input-wrapper[data-v-677519a7] {\n z-index: 3;\n}\n.m-input.--has-label .m-input-input[data-v-677519a7] {\n padding-left: 1rem;\n padding-right: 1rem;\n padding-top: 1rem;\n}\nhtml.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-677519a7] {\n background-color: var(--maz-color-bg-light);\n}\nhtml.dark .m-input:not(.--is-focused, .--has-state) .m-input-wrapper.--default-border[data-v-677519a7] {\n border-color: var(--maz-color-bg-lighter);\n}\nhtml.dark .m-input-input[data-v-677519a7]:-webkit-autofill,\n html.dark .m-input-input[data-v-677519a7]:-webkit-autofill:hover,\n html.dark .m-input-input[data-v-677519a7]:-webkit-autofill:focus {\n -webkit-text-fill-color: var(--maz-color-text);\n -webkit-box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;\n box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;\n -webkit-transition: background-color 5000s ease-in-out 0s;\n transition: background-color 5000s ease-in-out 0s;\n}\n"),rn.render=function(n,r,a,c,l,d){var s=z("MazIcon"),u=z("MazBtn");return t(),e("div",{class:o(["m-input",[{"--is-focused":n.isFocused,"--should-up":n.shouldUp,"--has-label":n.hasLabel,"--is-disabled":n.disabled,"--is-readonly":n.readonly,"--has-z-2":n.error||n.warning||n.success,"--has-state":n.error||n.warning||n.success},n.$attrs.class,"--".concat(n.color),"--".concat(n.size)]]),onClick:r[2]||(r[2]=function(t){return n.$emit("click",t)})},[i("div",{class:o(["m-input-wrapper maz-border",[n.inputClasses,n.borderStyle,{"maz-rounded-lg":!n.noRadius}]])},[n.hasLeftPart()?(t(),e("div",an,[n.$slots["left-icon"]||n.leftIcon?k(n.$slots,"left-icon",{key:0},(function(){return[x(s,{name:n.leftIcon,class:"maz-text-muted"},null,8,["name"])]})):b("",!0)])):b("",!0),i("div",cn,[_(i("input",p({id:n.id,ref:"input","onUpdate:modelValue":r[0]||(r[0]=function(t){return n.inputValue=t}),type:n.inputType,name:n.name},n.$attrs,{placeholder:n.computedPlaceholder,"aria-label":n.label||n.placeholder,disabled:n.disabled,readonly:n.readonly,required:n.required,class:"m-input-input"},S({blur:n.blur,focus:n.focus,change:n.change})),null,16,ln),[[D,n.inputValue]]),n.label||n.hint?(t(),e("label",{key:0,ref:"label",for:n.id,class:o(["m-input-label",[{"maz-text-danger-600":n.error,"maz-text-success-600":n.success,"maz-text-warning-600":n.warning}]])},[E(L(n.hint||n.label)+" ",1),n.required?(t(),e("sup",sn,"*")):b("",!0)],10,dn)):b("",!0)]),n.hasRightPart()?(t(),e("div",un,[n.$slots["right-icon"]||n.rightIcon?k(n.$slots,"right-icon",{key:0},(function(){return[x(s,{name:n.rightIcon,class:"maz-text-muted"},null,8,["name"])]})):b("",!0),n.isPasswordType?(t(),g(u,{key:1,color:"transparent",tabindex:"-1",size:"mini",onClick:r[1]||(r[1]=B((function(t){return n.hasPasswordVisible=!n.hasPasswordVisible}),["stop"]))},{default:w((function(){return[n.hasPasswordVisible?(t(),g(s,{key:0,src:n.EyeOffIcon,class:"maz-text-muted"},null,8,["src"])):(t(),g(s,{key:1,src:n.EyeIcon,class:"maz-text-muted"},null,8,["src"]))]})),_:1})):b("",!0),n.$slots["valid-button"]||n.validButton?k(n.$slots,"valid-button",{key:2},(function(){return[x(u,{color:"transparent",disabled:n.disabled,tabindex:"-1",loading:n.validButtonLoading,class:"m-input-valid-button",size:"mini",type:"submit"},{default:w((function(){return[x(s,{src:n.CheckIcon,class:"maz-text-normal"},null,8,["src"])]})),_:1},8,["disabled","loading"])]})):b("",!0)])):b("",!0)],2)],2)},rn.__scopeId="data-v-677519a7";var mn=["onKeydown"],pn=["onClick"],bn=["onClick"],fn=n({__name:"MazSelect",props:{modelValue:{type:[Number,String,Boolean],default:void 0},options:{type:Array,required:!0},optionValueKey:{type:String,default:"value"},optionLabelKey:{type:String,default:"label"},optionInputValueKey:{type:String,default:"label"},listPosition:{type:String,default:"bottom left",validator:function(n){return["top","top right","top left","bottom","bottom right","bottom left"].includes(n)}},disabled:{type:Boolean,default:!1},open:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(n)}},itemHeight:{type:Number,default:40},maxListHeight:{type:Number,default:240},maxListWidth:{type:Number,default:void 0},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}}},emits:["close","open","update:model-value","blur"],setup:function(n,r){var a=r.emit,c=n,s=l(!1),m=l();C((function(){h.value&&(m.value=c.options.findIndex((function(n){var t;return n[c.optionValueKey]===(null===(t=h.value)||void 0===t?void 0:t[c.optionLabelKey])})))}));var f=l(),v=l(),g=l(),h=d((function(){return c.options.find((function(n){return c.modelValue===n[c.optionValueKey]}))})),z=d((function(){var n;return null===(n=h.value)||void 0===n?void 0:n[c.optionInputValueKey]})),_=d((function(){return c.listPosition.includes("bottom")?"maz-slide":"maz-slideinvert"})),S=function(){var n=T($.mark((function n(t){var e;return $.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!t||!("relatedTarget"in t&&null!==(e=f.value)&&void 0!==e&&e.contains(t.relatedTarget)||"keydown"===t.type)){n.next=2;break}return n.abrupt("return",t.preventDefault());case 2:return n.next=4,u();case 4:s.value=!1,a("close",t);case 6:case"end":return n.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}(),D=function(n){null==n||n.preventDefault(),c.disabled||(s.value=!0,N(),a("open",s.value))},M=l(""),V=function(n){var t=n.key,e=n.code,o=void 0;if(clearTimeout(o),o=setTimeout((function(){M.value=""}),2e3),"Backspace"===e)M.value=M.value.substring(0,M.value.length-1);else if(t.match(/^[a-z0-9]+$/i)&&1===t.length){M.value+=t.toLowerCase();var r=c.options.findIndex((function(n){if("string"==typeof n[c.optionLabelKey])return n[c.optionLabelKey].toLowerCase().startsWith(M.value)}));m.value=r,N()}},N=function(){var n=T($.mark((function n(){var t,e,o=arguments;return $.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!(t=o.length>0&&void 0!==o[0]?o[0]:m.value)){n.next=5;break}return n.next=4,u();case 4:null===(e=g.value)||void 0===e||e.scrollTo({top:t*c.itemHeight-c.itemHeight});case 5:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}(),K=function(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return m.value=c.options.findIndex((function(t){return n[c.optionValueKey]===t[c.optionValueKey]})),t&&S(),a("update:model-value",n[c.optionValueKey])};return function(r,a){return t(),e("div",{ref_key:"mazSelect",ref:f,class:o(["m-select",{"--is-open":s.value,"--disabled":n.disabled}]),onBlurCapture:S,onKeydown:I(S,["esc"])},[x(rn,p({ref_key:"mazInput",ref:v,class:"m-select-input"},r.$attrs,{color:n.color,"model-value":y(z),readonly:"",size:n.size,disabled:n.disabled,onFocus:B(D,["stop"]),onClick:B(D,["stop"]),onKeydown:a[0]||(a[0]=function(n){return function(n){var t=n.code,e=m.value;if("ArrowUp"===t||"ArrowDown"===t){n.preventDefault(),s.value||D(n);var o=c.options.length;if("number"!=typeof e)return m.value="ArrowDown"===t?0:o-1;m.value=e===o-1&&"ArrowDown"===t?0:0===e&&"ArrowUp"===t?o-1:"ArrowDown"===t?e+1:e-1,K(c.options[m.value],!1),N()}else if("Enter"===t&&s.value){if(n.preventDefault(),"number"==typeof e){var r=c.options[e];r.value!==c.modelValue?K(r):S()}}else s.value&&V(n)}(n)})}),{"right-icon":w((function(){return[i("button",{tabindex:"-1",type:"button",class:"m-select-input__toggle-button maz-custom maz-flex maz-h-full maz-bg-transparent maz-flex-center",onClick:B(D,["stop"])},[x(Z,{src:y("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%22M19%209l-7%207-7-7%22%2F%3E%3C%2Fsvg%3E"),class:"m-select-chevron maz-h-5 maz-w-5 maz-text-normal"},null,8,["src"])],8,pn)]})),_:1},16,["color","model-value","size","disabled","onFocus","onClick"]),x(F,{name:y(_)},{default:w((function(){return[s.value||n.open?(t(),e("div",{key:0,ref_key:"optionsList",ref:g,class:"m-select-list",style:P({maxHeight:"".concat(n.maxListHeight,"px"),maxWidth:"".concat(n.maxListWidth,"px")})},[(t(!0),e(j,null,O(n.options,(function(a,i){var c,l;return t(),e("button",{key:i,tabindex:"-1",type:"button",class:o(["m-select-list-item maz-custom",[{"--is-keyboard-selected":m.value===i,"--is-selected":(null===(c=y(h))||void 0===c?void 0:c[n.optionValueKey])===a[n.optionValueKey]},"--".concat(n.color)]]),style:P({height:"".concat(n.itemHeight,"px")}),onClick:B((function(n){return K(a)}),["prevent","stop"])},[k(r.$slots,"default",{option:a,isSelected:(null===(l=y(h))||void 0===l?void 0:l[n.optionValueKey])===a[n.optionValueKey]},(function(){return[E(L(a[n.optionLabelKey]),1)]}))],14,bn)})),128))],4)):b("",!0)]})),_:3},8,["name"])],42,mn)}}});R("\n.m-select[data-v-9a37f2ae] {\n position: relative;\n}\n.m-select[data-v-9a37f2ae]:not(.--disabled) {\n cursor: pointer;\n}\n.m-select[data-v-9a37f2ae]:not(.--disabled) .m-input-input {\n cursor: pointer;\n}\n.m-select-input[data-v-9a37f2ae] .m-input-input {\n padding-right: 0px;\n}\n.m-select-input.--has-label[data-v-9a37f2ae] .m-input-input {\n padding-right: 0px;\n}\n.m-select-input__toggle-button[data-v-9a37f2ae] {\n padding-left: 0px;\n}\n.m-select-chevron[data-v-9a37f2ae] {\n -webkit-transition-property: all;\n transition-property: all;\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: 300ms;\n transition-duration: 300ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.m-select.--is-open .m-select-chevron[data-v-9a37f2ae] {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n.m-select-list[data-v-9a37f2ae] {\n position: absolute;\n z-index: 100;\n overflow: auto;\n border-radius: 0.5rem;\n background-color: var(--maz-color-bg);\n color: var(--maz-color-text);\n -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n\n min-width: 3.5rem;\n}\n.m-select-list-item[data-v-9a37f2ae] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n padding-left: 1rem;\n padding-right: 1rem;\n text-align: left;\n color: var(--maz-color-text);\n}\n.m-select-list-item[data-v-9a37f2ae]:hover {\n background-color: var(--maz-color-bg-light);\n}\n.m-select-list-item.--is-keyboard-selected[data-v-9a37f2ae] {\n background-color: var(--maz-color-bg-light);\n font-weight: 500;\n}\n.m-select-list-item.--is-selected[data-v-9a37f2ae] {\n font-weight: 600;\n}\n.m-select-list-item.--is-selected.--primary[data-v-9a37f2ae] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n.m-select-list-item.--is-selected.--secondary[data-v-9a37f2ae] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n.m-select-list-item.--is-selected.--info[data-v-9a37f2ae] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n.m-select-list-item.--is-selected.--success[data-v-9a37f2ae] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n.m-select-list-item.--is-selected.--warning[data-v-9a37f2ae] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n.m-select-list-item.--is-selected.--danger[data-v-9a37f2ae] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n.m-select-list-item.--is-selected.--black[data-v-9a37f2ae] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n.m-select-list-item.--is-selected.--white[data-v-9a37f2ae] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n.m-select-list-item.--is-selected.--transparent[data-v-9a37f2ae] {\n background-color: var(--maz-color-bg);\n}\n.m-select button.maz-custom[data-v-9a37f2ae] {\n cursor: pointer;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-style: none;\n}\n"),fn.__scopeId="data-v-9a37f2ae";export{fn as default};
|
package/components/MazSlider.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{defineComponent as
|
|
1
|
+
import{defineComponent as r,ref as e,computed as t,watch as n,onMounted as o,onBeforeUnmount as a,nextTick as i,openBlock as s,createElementBlock as u,normalizeStyle as c,unref as d,normalizeClass as l,createElementVNode as v,Fragment as f,renderList as p,toDisplayString as h}from"vue";function w(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var m={exports:{}};!function(r){function e(r,e,t,n,o,a,i){try{var s=r[a](i),u=s.value}catch(r){return void t(r)}s.done?e(u):Promise.resolve(u).then(n,o)}r.exports=function(r){return function(){var t=this,n=arguments;return new Promise((function(o,a){var i=r.apply(t,n);function s(r){e(i,o,a,s,u,"next",r)}function u(r){e(i,o,a,s,u,"throw",r)}s(void 0)}))}},r.exports.__esModule=!0,r.exports.default=r.exports}(m);var x=w(m.exports),b={exports:{}};!function(r){function e(t){return r.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},r.exports.__esModule=!0,r.exports.default=r.exports,e(t)}r.exports=e,r.exports.__esModule=!0,r.exports.default=r.exports}(b);var g=w(b.exports),y={exports:{}};!function(r){var e=b.exports.default;function t(){
|
|
2
2
|
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
|
|
3
|
-
e.exports=r=function(){return n},e.exports.__esModule=!0,e.exports.default=e.exports;var n={},o=Object.prototype,a=o.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},s=i.iterator||"@@iterator",u=i.asyncIterator||"@@asyncIterator",c=i.toStringTag||"@@toStringTag";function l(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{l({},"")}catch(e){l=function(e,t,r){return e[t]=r}}function d(e,t,r,n){var o=t&&t.prototype instanceof h?t:h,a=Object.create(o.prototype),i=new E(n||[]);return a._invoke=function(e,t,r){var n="suspendedStart";return function(o,a){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw a;return P()}for(r.method=o,r.arg=a;;){var i=r.delegate;if(i){var s=k(i,r);if(s){if(s===f)continue;return s}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var u=v(e,t,r);if("normal"===u.type){if(n=r.done?"completed":"suspendedYield",u.arg===f)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(n="completed",r.method="throw",r.arg=u.arg)}}}(e,r,i),a}function v(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}n.wrap=d;var f={};function h(){}function p(){}function m(){}var w={};l(w,s,(function(){return this}));var b=Object.getPrototypeOf,x=b&&b(b(M([])));x&&x!==o&&a.call(x,s)&&(w=x);var g=m.prototype=h.prototype=Object.create(w);function y(e){["next","throw","return"].forEach((function(t){l(e,t,(function(e){return this._invoke(t,e)}))}))}function _(e,r){function n(o,i,s,u){var c=v(e[o],e,i);if("throw"!==c.type){var l=c.arg,d=l.value;return d&&"object"==t(d)&&a.call(d,"__await")?r.resolve(d.__await).then((function(e){n("next",e,s,u)}),(function(e){n("throw",e,s,u)})):r.resolve(d).then((function(e){l.value=e,s(l)}),(function(e){return n("throw",e,s,u)}))}u(c.arg)}var o;this._invoke=function(e,t){function a(){return new r((function(r,o){n(e,t,r,o)}))}return o=o?o.then(a,a):a()}}function k(e,t){var r=e.iterator[t.method];if(void 0===r){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=void 0,k(e,t),"throw"===t.method))return f;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var n=v(r,e.iterator,t.arg);if("throw"===n.type)return t.method="throw",t.arg=n.arg,t.delegate=null,f;var o=n.arg;return o?o.done?(t[e.resultName]=o.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,f):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function z(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function L(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function E(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(z,this),this.reset(!0)}function M(e){if(e){var t=e[s];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,n=function t(){for(;++r<e.length;)if(a.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=void 0,t.done=!0,t};return n.next=n}}return{next:P}}function P(){return{value:void 0,done:!0}}return p.prototype=m,l(g,"constructor",m),l(m,"constructor",p),p.displayName=l(m,c,"GeneratorFunction"),n.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===p||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,m):(e.__proto__=m,l(e,c,"GeneratorFunction")),e.prototype=Object.create(g),e},n.awrap=function(e){return{__await:e}},y(_.prototype),l(_.prototype,u,(function(){return this})),n.AsyncIterator=_,n.async=function(e,t,r,o,a){void 0===a&&(a=Promise);var i=new _(d(e,t,r,o),a);return n.isGeneratorFunction(t)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},y(g),l(g,c,"Generator"),l(g,s,(function(){return this})),l(g,"toString",(function(){return"[object Generator]"})),n.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},n.values=M,E.prototype={constructor:E,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(L),!e)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function r(r,n){return i.type="throw",i.arg=e,t.next=r,n&&(t.method="next",t.arg=void 0),!!n}for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],i=o.completion;if("root"===o.tryLoc)return r("end");if(o.tryLoc<=this.prev){var s=a.call(o,"catchLoc"),u=a.call(o,"finallyLoc");if(s&&u){if(this.prev<o.catchLoc)return r(o.catchLoc,!0);if(this.prev<o.finallyLoc)return r(o.finallyLoc)}else if(s){if(this.prev<o.catchLoc)return r(o.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return r(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&a.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,f):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),f},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),L(r),f}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;L(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,r){return this.delegate={iterator:M(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=void 0),f}},n}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(y);var _=y.exports(),k=_;try{regeneratorRuntime=_}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=_:Function("r","regeneratorRuntime = r")(_)}var z=function(e){var t=document.documentElement,r=document.body,n=e.getBoundingClientRect();return{y:n.top+(window.pageYOffset||t.scrollTop)-(t.clientTop||r.clientTop||0),x:n.left+(window.pageXOffset||t.scrollLeft)-(t.clientLeft||r.clientLeft||0)}},L=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="targetTouches"in e?e.targetTouches[0]:e,o=z(t),a={x:n.pageX-o.x,y:n.pageY-o.y};return{x:r?t.offsetWidth-a.x:a.x,y:r?t.offsetHeight-a.y:a.y}},E=function(e,t,r,n){return"minus"===n?!t||e>=t:!r||e<=r},M=function(e,t,r){var n=e+1;return 100/r*(t<n?n-t:t-n)/100},P=["data-label","onMousedownPassive","onTouchstartPassive","onFocusPassive","onBlurPassive","onTouchendPassive","onKeydownPassive"],S=e({__name:"MazSlider",props:{modelValue:{type:[Number,Array],required:!0,validator:function(e){return["number"].includes(g(e))||Array.isArray(e)||null===e}},labels:{type:Array,default:void 0},min:{type:Number,default:0},max:{type:Number,default:100},size:{type:String,default:void 0},noDivider:{type:Boolean,default:!1},log:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:function(e){return["primary","secondary","warning","danger","info","success","white","black"].includes(e)}},noCursorAnim:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(e,m){var w=m.emit,x=e,g=t(),y=t(),_=t(),z=t(),S=t([]),T=t([]),j=r((function(){var e=x.modelValue;return"number"==typeof e?[e]:e||[0]})),O=r((function(){return Math.log(x.min||1)})),A=r((function(){return Math.log(x.max)})),N=r((function(){var e=x.min,t=x.max;return(A.value-O.value)/(t-e)})),B=r((function(){var e=x.min;return x.max-e})),C=r((function(){return{paddingTop:x.labels?"2.5em":"1em"}})),F=r((function(){return Array.isArray(x.modelValue)}));n((function(){return x.modelValue}),(function(){return z.value=j.value}),{immediate:!0}),n((function(){return[j.value,x.min,x.max,x.log].join()}),(function(){return R(!0)}));var G=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=void 0,o=void 0,a=function(){n&&(clearTimeout(n),o=void 0,n=void 0)},i=function(){var e=o;a(),e&&e()},s=function(){for(var i=arguments.length,s=new Array(i),u=0;u<i;u++)s[u]=arguments[u];if(!t)return e.apply(this,s);var c=this,l=r&&!n;return a(),o=function(){e.apply(c,s)},n=setTimeout((function(){if(n=void 0,!l){var e=o;if(o=void 0,void 0!==e)return e()}}),t),l?o():void 0};return s.cancel=a,s.flush=i,s}((function(){return R()}),300);o((function(){R(!0),window.addEventListener("resize",G)})),a((function(){window.removeEventListener("resize",G)}));var R=function(){var e=b(k.mark((function e(t){return k.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return!0===t&&I(),e.next=3,X();case 3:return e.next=5,i();case 5:j.value.forEach((function(e,t){return q(t)}));case 6:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),W=function(e){y.value=void 0,D(e)},I=function(){var e=x.min,t=x.max,r=j.value.map((function(r){return r<e?e:r>t?t:r}));V(r),z.value=r},V=function(e){var t=F.value?e.slice():e[0];w("update:model-value",t)},Y=function(e){var t=x.labels;return t?t[e]:void 0},q=function(e){D(e),x.noDivider||K()},D=function(){var e=b(k.mark((function e(t){var r,n,o,a,s,u;return k.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,i();case 2:(r=document.querySelectorAll(".m-slider .m-slider__btn"))&&(a=r[t],s=(null==a?void 0:a.clientWidth)+16,u={left:"number"==typeof(null===(n=_.value)||void 0===n?void 0:n[t])?"".concat(null!==(o=_.value[t]-s/2)&&void 0!==o?o:1,"px"):""},S.value[t]=u);case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),K=function(){if(_.value){var e=_.value.slice();e.push(0);var t=e.length,r=Math.round(t/2);T.value=e.map((function(n,o){return{left:"".concat(0===o?0:e[o-1],"px"),right:"".concat(o+1===t?0:"calc( 100% - "+n+"px )"),backgroundColor:r===o+1?void 0:o<r?"rgba(255, 255, 255, ".concat(M(o,r,t),")"):"rgba(0, 0, 0, ".concat(M(o,r,t),")")}}))}},X=function(){var e=b(k.mark((function e(){var t,r,n,o,a,s;return k.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,i();case 2:r=x.min,n=x.max,o=x.log,(a=null===(t=g.value)||void 0===t?void 0:t.clientWidth)?_.value=null===(s=z.value)||void 0===s?void 0:s.map((function(e){return o?a/n*(r+(Math.log(e)-O.value)/N.value):a/B.value*(e-r)})):console.warn("[maz-ui][MazSlider] ref component not found");case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),H=function(){var e=b(k.mark((function e(){var t,r,n,o,a,s,u;return k.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,i();case 2:if(r=x.max,n=x.min,o=x.log,!(a=null===(t=g.value)||void 0===t?void 0:t.clientWidth)){e.next=8;break}return e.abrupt("return",o?null===(s=_.value)||void 0===s?void 0:s.map((function(e){var t=e/(a/r),o=Math.exp((t-n)*N.value+O.value);return Math.round(o)})):null===(u=_.value)||void 0===u?void 0:u.map((function(e){return Math.round(e/(a/B.value))+n})));case 8:console.log("[maz-ui][MazSlider] ref component not found");case 9:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),J=function(e,t){void 0===y.value&&(y.value=t,q(t))},Q=function(){var e=b(k.mark((function e(){var t;return k.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(void 0!==y.value){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,H();case 4:(t=e.sent)&&V(t),y.value=void 0;case 7:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),U=function(){var e=b(k.mark((function e(t){var r,n,o,a;return k.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,i();case 2:if(void 0!==y.value){e.next=4;break}return e.abrupt("return");case 4:if(n=null===(r=g.value)||void 0===r?void 0:r.clientWidth,!_.value){e.next=15;break}if(o=_.value[y.value-1]||0,a=_.value[y.value+1]||n,g.value){e.next=10;break}return e.abrupt("return",console.error("[maz-ui](MazSlider/handleMousemove) MazSlider not available"));case 10:return _.value[y.value]=(s=void 0,(s=L(t,g.value).x)<o?o:a&&s>a?a:s),e.next=13,H();case 13:z.value=e.sent,q(y.value);case 15:case"end":return e.stop()}var s}),e)})));return function(t){return e.apply(this,arguments)}}();return function(t,r){return s(),u("div",{style:c([l(C),{fontSize:e.size}]),class:d(["m-slider",["m-slider--".concat(e.color)]]),onMousemovePassive:U,onMouseupPassive:Q,onMouseleavePassive:Q,onTouchmovePassive:U},[v("div",{ref_key:"MazSlider",ref:g,class:"m-slider__bar maz-flex maz-items-center maz-justify-center",role:"slider"},[(s(!0),u(f,null,h(T.value,(function(e,t){return s(),u("div",{key:"divider-".concat(t),style:c([e]),class:"m-slider__divider"},null,4)})),128)),(s(!0),u(f,null,h(l(j),(function(t,r){var n;return s(),u("button",{key:"cursor-".concat(r),type:"button","data-label":Y(r),class:d(["m-slider__btn maz-flex maz-items-center maz-justify-center",{"active-cursor":r===y.value&&!e.noCursorAnim}]),style:c([S.value[r]]),onMousedownPassive:function(e){return J(0,r)},onTouchstartPassive:function(e){return J(0,r)},onFocusPassive:function(e){return J(0,r)},onBlurPassive:function(e){return W(r)},onTouchendPassive:function(e){return W(r)},onKeydownPassive:function(e){return function(e,t){"ArrowLeft"===e.code?z.value&&E(z.value[t]-1,z.value[t-1],z.value[t+1],"minus")&&(z.value[t]--,V(z.value)):"ArrowRight"===e.code&&z.value&&E(z.value[t]+1,z.value[t-1],z.value[t+1],"plus")&&(z.value[t]++,V(z.value))}(e,r)}},[v("span",null,p(null===(n=z.value)||void 0===n?void 0:n[r]),1)],46,P)})),128))],512)],38)}}});!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("/* purgecss start ignore */\n\n.m-slider[data-v-22e6fbd4] {\n padding: 1em 1.5rem;\n}\n\n.m-slider__bar[data-v-22e6fbd4] {\n position: relative;\n border-radius: 9999px;\n height: 0.5em;\n}\n\n.m-slider__divider[data-v-22e6fbd4] {\n position: absolute;\n border-radius: 2em;\n height: 100%;\n}\n\n.m-slider__btn[data-v-22e6fbd4] {\n position: absolute;\n outline: none;\n cursor: pointer;\n font-size: 1em;\n font-weight: bold;\n line-height: 1;\n transition: box-shadow 300ms ease-in-out, width 300ms ease-in-out,\n background-color 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n -webkit-transition: width 300ms ease-in-out,\n background-color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n transition: width 300ms ease-in-out,\n background-color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n transition: box-shadow 300ms ease-in-out, width 300ms ease-in-out,\n transform 300ms ease-in-out, background-color 300ms ease-in-out;\n transition: box-shadow 300ms ease-in-out, width 300ms ease-in-out,\n transform 300ms ease-in-out, background-color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n transition: box-shadow 300ms ease-in-out, width 300ms ease-in-out,\n transform 300ms ease-in-out, background-color 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n z-index: 1;\n -webkit-user-select: none;\n -ms-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border-radius: 9999px;\n border-width: 2px;\n background-color: var(--maz-bg-color-light);\n -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n padding: 0.25em 0.5em;\n}\n\n.m-slider__btn span[data-v-22e6fbd4] {\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 color: var(--maz-color-text-dark);\n margin-left: 0.25em;\n margin-right: 0.25em;\n}\n\n.m-slider__btn.active-cursor[data-v-22e6fbd4] {\n -webkit-transform: scale(1.3);\n transform: scale(1.3);\n z-index: 2;\n}\n\n.m-slider__btn[data-v-22e6fbd4]::before {\n content: attr(data-label);\n font-size: 0.8em;\n top: -1.5em;\n position: absolute;\n font-weight: 500;\n color: var(--maz-color-text);\n}\n\n.m-slider__btn[data-v-22e6fbd4]:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n.m-slider--primary .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-primary);\n}\n\n.m-slider--primary .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-primary);\n --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.m-slider--secondary .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-slider--secondary .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-secondary);\n --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.m-slider--info .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-info);\n}\n\n.m-slider--info .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-info);\n --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.m-slider--success .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-success);\n}\n\n.m-slider--success .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-success);\n --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.m-slider--warning .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-warning);\n}\n\n.m-slider--warning .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-warning);\n --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.m-slider--danger .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-danger);\n}\n\n.m-slider--danger .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-danger);\n --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.m-slider--white .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-white);\n}\n\n.m-slider--white .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-white);\n --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.m-slider--black .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-black);\n}\n\n.m-slider--black .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-black);\n --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n/* purgecss end ignore */\n"),S.__scopeId="data-v-22e6fbd4";export{S as default};
|
|
3
|
+
r.exports=t=function(){return n},r.exports.__esModule=!0,r.exports.default=r.exports;var n={},o=Object.prototype,a=o.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},s=i.iterator||"@@iterator",u=i.asyncIterator||"@@asyncIterator",c=i.toStringTag||"@@toStringTag";function d(r,e,t){return Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}),r[e]}try{d({},"")}catch(r){d=function(r,e,t){return r[e]=t}}function l(r,e,t,n){var o=e&&e.prototype instanceof p?e:p,a=Object.create(o.prototype),i=new E(n||[]);return a._invoke=function(r,e,t){var n="suspendedStart";return function(o,a){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw a;return P()}for(t.method=o,t.arg=a;;){var i=t.delegate;if(i){var s=k(i,t);if(s){if(s===f)continue;return s}}if("next"===t.method)t.sent=t._sent=t.arg;else if("throw"===t.method){if("suspendedStart"===n)throw n="completed",t.arg;t.dispatchException(t.arg)}else"return"===t.method&&t.abrupt("return",t.arg);n="executing";var u=v(r,e,t);if("normal"===u.type){if(n=t.done?"completed":"suspendedYield",u.arg===f)continue;return{value:u.arg,done:t.done}}"throw"===u.type&&(n="completed",t.method="throw",t.arg=u.arg)}}}(r,t,i),a}function v(r,e,t){try{return{type:"normal",arg:r.call(e,t)}}catch(r){return{type:"throw",arg:r}}}n.wrap=l;var f={};function p(){}function h(){}function w(){}var m={};d(m,s,(function(){return this}));var x=Object.getPrototypeOf,b=x&&x(x(M([])));b&&b!==o&&a.call(b,s)&&(m=b);var g=w.prototype=p.prototype=Object.create(m);function y(r){["next","throw","return"].forEach((function(e){d(r,e,(function(r){return this._invoke(e,r)}))}))}function _(r,t){function n(o,i,s,u){var c=v(r[o],r,i);if("throw"!==c.type){var d=c.arg,l=d.value;return l&&"object"==e(l)&&a.call(l,"__await")?t.resolve(l.__await).then((function(r){n("next",r,s,u)}),(function(r){n("throw",r,s,u)})):t.resolve(l).then((function(r){d.value=r,s(d)}),(function(r){return n("throw",r,s,u)}))}u(c.arg)}var o;this._invoke=function(r,e){function a(){return new t((function(t,o){n(r,e,t,o)}))}return o=o?o.then(a,a):a()}}function k(r,e){var t=r.iterator[e.method];if(void 0===t){if(e.delegate=null,"throw"===e.method){if(r.iterator.return&&(e.method="return",e.arg=void 0,k(r,e),"throw"===e.method))return f;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var n=v(t,r.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,f;var o=n.arg;return o?o.done?(e[r.resultName]=o.value,e.next=r.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,f):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,f)}function z(r){var e={tryLoc:r[0]};1 in r&&(e.catchLoc=r[1]),2 in r&&(e.finallyLoc=r[2],e.afterLoc=r[3]),this.tryEntries.push(e)}function L(r){var e=r.completion||{};e.type="normal",delete e.arg,r.completion=e}function E(r){this.tryEntries=[{tryLoc:"root"}],r.forEach(z,this),this.reset(!0)}function M(r){if(r){var e=r[s];if(e)return e.call(r);if("function"==typeof r.next)return r;if(!isNaN(r.length)){var t=-1,n=function e(){for(;++t<r.length;)if(a.call(r,t))return e.value=r[t],e.done=!1,e;return e.value=void 0,e.done=!0,e};return n.next=n}}return{next:P}}function P(){return{value:void 0,done:!0}}return h.prototype=w,d(g,"constructor",w),d(w,"constructor",h),h.displayName=d(w,c,"GeneratorFunction"),n.isGeneratorFunction=function(r){var e="function"==typeof r&&r.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},n.mark=function(r){return Object.setPrototypeOf?Object.setPrototypeOf(r,w):(r.__proto__=w,d(r,c,"GeneratorFunction")),r.prototype=Object.create(g),r},n.awrap=function(r){return{__await:r}},y(_.prototype),d(_.prototype,u,(function(){return this})),n.AsyncIterator=_,n.async=function(r,e,t,o,a){void 0===a&&(a=Promise);var i=new _(l(r,e,t,o),a);return n.isGeneratorFunction(e)?i:i.next().then((function(r){return r.done?r.value:i.next()}))},y(g),d(g,c,"Generator"),d(g,s,(function(){return this})),d(g,"toString",(function(){return"[object Generator]"})),n.keys=function(r){var e=[];for(var t in r)e.push(t);return e.reverse(),function t(){for(;e.length;){var n=e.pop();if(n in r)return t.value=n,t.done=!1,t}return t.done=!0,t}},n.values=M,E.prototype={constructor:E,reset:function(r){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(L),!r)for(var e in this)"t"===e.charAt(0)&&a.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var r=this.tryEntries[0].completion;if("throw"===r.type)throw r.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var e=this;function t(t,n){return i.type="throw",i.arg=r,e.next=t,n&&(e.method="next",e.arg=void 0),!!n}for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],i=o.completion;if("root"===o.tryLoc)return t("end");if(o.tryLoc<=this.prev){var s=a.call(o,"catchLoc"),u=a.call(o,"finallyLoc");if(s&&u){if(this.prev<o.catchLoc)return t(o.catchLoc,!0);if(this.prev<o.finallyLoc)return t(o.finallyLoc)}else if(s){if(this.prev<o.catchLoc)return t(o.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return t(o.finallyLoc)}}}},abrupt:function(r,e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc<=this.prev&&a.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===r||"continue"===r)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=r,i.arg=e,o?(this.method="next",this.next=o.finallyLoc,f):this.complete(i)},complete:function(r,e){if("throw"===r.type)throw r.arg;return"break"===r.type||"continue"===r.type?this.next=r.arg:"return"===r.type?(this.rval=this.arg=r.arg,this.method="return",this.next="end"):"normal"===r.type&&e&&(this.next=e),f},finish:function(r){for(var e=this.tryEntries.length-1;e>=0;--e){var t=this.tryEntries[e];if(t.finallyLoc===r)return this.complete(t.completion,t.afterLoc),L(t),f}},catch:function(r){for(var e=this.tryEntries.length-1;e>=0;--e){var t=this.tryEntries[e];if(t.tryLoc===r){var n=t.completion;if("throw"===n.type){var o=n.arg;L(t)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(r,e,t){return this.delegate={iterator:M(r),resultName:e,nextLoc:t},"next"===this.method&&(this.arg=void 0),f}},n}r.exports=t,r.exports.__esModule=!0,r.exports.default=r.exports}(y);var _=y.exports(),k=_;try{regeneratorRuntime=_}catch(r){"object"==typeof globalThis?globalThis.regeneratorRuntime=_:Function("r","regeneratorRuntime = r")(_)}var z=function(r){var e=document.documentElement,t=document.body,n=r.getBoundingClientRect();return{y:n.top+(window.pageYOffset||e.scrollTop)-(e.clientTop||t.clientTop||0),x:n.left+(window.pageXOffset||e.scrollLeft)-(e.clientLeft||t.clientLeft||0)}},L=function(r,e){var t=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="targetTouches"in r?r.targetTouches[0]:r,o=z(e),a={x:n.pageX-o.x,y:n.pageY-o.y};return{x:t?e.offsetWidth-a.x:a.x,y:t?e.offsetHeight-a.y:a.y}},E=function(r,e,t,n){return"minus"===n?!e||r>=e:!t||r<=t},M=function(r,e,t){var n=r+1;return 100/t*(e<n?n-e:e-n)/100},P=["data-label","onMousedownPassive","onTouchstartPassive","onFocusPassive","onBlurPassive","onTouchendPassive","onKeydownPassive"],S=r({__name:"MazSlider",props:{modelValue:{type:[Number,Array],required:!0,validator:function(r){return["number"].includes(g(r))||Array.isArray(r)||null===r}},labels:{type:Array,default:void 0},min:{type:Number,default:0},max:{type:Number,default:100},size:{type:String,default:void 0},noDivider:{type:Boolean,default:!1},log:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:function(r){return["primary","secondary","warning","danger","info","success","white","black"].includes(r)}},noCursorAnim:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(r,w){var m=w.emit,b=r,g=e(),y=e(),_=e(),z=e(),S=e([]),T=e([]),j=t((function(){var r=b.modelValue;return"number"==typeof r?[r]:r||[0]})),O=t((function(){return Math.log(b.min||1)})),A=t((function(){return Math.log(b.max)})),N=t((function(){var r=b.min,e=b.max;return(A.value-O.value)/(e-r)})),B=t((function(){var r=b.min;return b.max-r})),C=t((function(){return{paddingTop:b.labels?"2.5em":"1em"}})),F=t((function(){return Array.isArray(b.modelValue)}));n((function(){return b.modelValue}),(function(){return z.value=j.value}),{immediate:!0}),n((function(){return[j.value,b.min,b.max,b.log].join()}),(function(){return R(!0)}));var G=function(r){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=void 0,o=void 0,a=function(){n&&(clearTimeout(n),o=void 0,n=void 0)},i=function(){var r=o;a(),r&&r()},s=function(){for(var i=arguments.length,s=new Array(i),u=0;u<i;u++)s[u]=arguments[u];if(!e)return r.apply(this,s);var c=this,d=t&&!n;return a(),o=function(){r.apply(c,s)},n=setTimeout((function(){if(n=void 0,!d){var r=o;if(o=void 0,void 0!==r)return r()}}),e),d?o():void 0};return s.cancel=a,s.flush=i,s}((function(){return R()}),300);o((function(){R(!0),window.addEventListener("resize",G)})),a((function(){window.removeEventListener("resize",G)}));var R=function(){var r=x(k.mark((function r(e){return k.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return!0===e&&I(),r.next=3,X();case 3:return r.next=5,i();case 5:j.value.forEach((function(r,e){return q(e)}));case 6:case"end":return r.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}(),W=function(r){y.value=void 0,D(r)},I=function(){var r=b.min,e=b.max,t=j.value.map((function(t){return t<r?r:t>e?e:t}));V(t),z.value=t},V=function(r){var e=F.value?r.slice():r[0];m("update:model-value",e)},Y=function(r){var e=b.labels;return e?e[r]:void 0},q=function(r){D(r),b.noDivider||K()},D=function(){var r=x(k.mark((function r(e){var t,n,o,a,s,u;return k.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,i();case 2:(t=document.querySelectorAll(".m-slider .m-slider__btn"))&&(a=t[e],s=(null==a?void 0:a.clientWidth)+16,u={left:"number"==typeof(null===(n=_.value)||void 0===n?void 0:n[e])?"".concat(null!==(o=_.value[e]-s/2)&&void 0!==o?o:1,"px"):""},S.value[e]=u);case 4:case"end":return r.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}(),K=function(){if(_.value){var r=_.value.slice();r.push(0);var e=r.length,t=Math.round(e/2);T.value=r.map((function(n,o){return{left:"".concat(0===o?0:r[o-1],"px"),right:"".concat(o+1===e?0:"calc( 100% - "+n+"px )"),backgroundColor:t===o+1?void 0:o<t?"rgba(255, 255, 255, ".concat(M(o,t,e),")"):"rgba(0, 0, 0, ".concat(M(o,t,e),")")}}))}},X=function(){var r=x(k.mark((function r(){var e,t,n,o,a,s;return k.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,i();case 2:t=b.min,n=b.max,o=b.log,(a=null===(e=g.value)||void 0===e?void 0:e.clientWidth)?_.value=null===(s=z.value)||void 0===s?void 0:s.map((function(r){return o?a/n*(t+(Math.log(r)-O.value)/N.value):a/B.value*(r-t)})):console.warn("[maz-ui][MazSlider] ref component not found");case 5:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),H=function(){var r=x(k.mark((function r(){var e,t,n,o,a,s,u;return k.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,i();case 2:if(t=b.max,n=b.min,o=b.log,!(a=null===(e=g.value)||void 0===e?void 0:e.clientWidth)){r.next=8;break}return r.abrupt("return",o?null===(s=_.value)||void 0===s?void 0:s.map((function(r){var e=r/(a/t),o=Math.exp((e-n)*N.value+O.value);return Math.round(o)})):null===(u=_.value)||void 0===u?void 0:u.map((function(r){return Math.round(r/(a/B.value))+n})));case 8:console.log("[maz-ui][MazSlider] ref component not found");case 9:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),J=function(r,e){void 0===y.value&&(y.value=e,q(e))},Q=function(){var r=x(k.mark((function r(){var e;return k.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(void 0!==y.value){r.next=2;break}return r.abrupt("return");case 2:return r.next=4,H();case 4:(e=r.sent)&&V(e),y.value=void 0;case 7:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),U=function(){var r=x(k.mark((function r(e){var t,n,o,a;return k.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,i();case 2:if(void 0!==y.value){r.next=4;break}return r.abrupt("return");case 4:if(n=null===(t=g.value)||void 0===t?void 0:t.clientWidth,!_.value){r.next=15;break}if(o=_.value[y.value-1]||0,a=_.value[y.value+1]||n,g.value){r.next=10;break}return r.abrupt("return",console.error("[maz-ui](MazSlider/handleMousemove) MazSlider not available"));case 10:return _.value[y.value]=(s=void 0,(s=L(e,g.value).x)<o?o:a&&s>a?a:s),r.next=13,H();case 13:z.value=r.sent,q(y.value);case 15:case"end":return r.stop()}var s}),r)})));return function(e){return r.apply(this,arguments)}}();return function(e,t){return s(),u("div",{style:c([d(C),{fontSize:r.size}]),class:l(["m-slider",["m-slider--".concat(r.color)]]),onMousemovePassive:U,onMouseupPassive:Q,onMouseleavePassive:Q,onTouchmovePassive:U},[v("div",{ref_key:"MazSlider",ref:g,class:"m-slider__bar maz-flex maz-items-center maz-justify-center",role:"slider"},[(s(!0),u(f,null,p(T.value,(function(r,e){return s(),u("div",{key:"divider-".concat(e),style:c([r]),class:"m-slider__divider"},null,4)})),128)),(s(!0),u(f,null,p(d(j),(function(e,t){var n;return s(),u("button",{key:"cursor-".concat(t),type:"button","data-label":Y(t),class:l(["m-slider__btn maz-flex maz-items-center maz-justify-center",{"active-cursor":t===y.value&&!r.noCursorAnim}]),style:c([S.value[t]]),onMousedownPassive:function(r){return J(0,t)},onTouchstartPassive:function(r){return J(0,t)},onFocusPassive:function(r){return J(0,t)},onBlurPassive:function(r){return W(t)},onTouchendPassive:function(r){return W(t)},onKeydownPassive:function(r){return function(r,e){"ArrowLeft"===r.code?z.value&&E(z.value[e]-1,z.value[e-1],z.value[e+1],"minus")&&(z.value[e]--,V(z.value)):"ArrowRight"===r.code&&z.value&&E(z.value[e]+1,z.value[e-1],z.value[e+1],"plus")&&(z.value[e]++,V(z.value))}(r,t)}},[v("span",null,h(null===(n=z.value)||void 0===n?void 0:n[t]),1)],46,P)})),128))],512)],38)}}});!function(r,e){void 0===e&&(e={});var t=e.insertAt;if(r&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=r:o.appendChild(document.createTextNode(r))}}("\n.m-slider[data-v-22e6fbd4] {\n padding: 1em 1.5rem;\n}\n.m-slider__bar[data-v-22e6fbd4] {\n position: relative;\n border-radius: 9999px;\n\n height: 0.5em;\n}\n.m-slider__divider[data-v-22e6fbd4] {\n position: absolute;\n border-radius: 2em;\n height: 100%;\n}\n.m-slider__btn[data-v-22e6fbd4] {\n position: absolute;\n outline: none;\n cursor: pointer;\n font-size: 1em;\n font-weight: bold;\n line-height: 1;\n transition: box-shadow 300ms ease-in-out, width 300ms ease-in-out,\n background-color 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n -webkit-transition: width 300ms ease-in-out,\n background-color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n transition: width 300ms ease-in-out,\n background-color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n transition: box-shadow 300ms ease-in-out, width 300ms ease-in-out,\n transform 300ms ease-in-out, background-color 300ms ease-in-out;\n transition: box-shadow 300ms ease-in-out, width 300ms ease-in-out,\n transform 300ms ease-in-out, background-color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n transition: box-shadow 300ms ease-in-out, width 300ms ease-in-out,\n transform 300ms ease-in-out, background-color 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n z-index: 1;\n -webkit-user-select: none;\n -ms-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border-radius: 9999px;\n border-width: 2px;\n background-color: var(--maz-bg-color-light);\n -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n\n padding: 0.25em 0.5em;\n}\n.m-slider__btn span[data-v-22e6fbd4] {\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 color: var(--maz-color-text-dark);\n\n margin-left: 0.25em;\n margin-right: 0.25em;\n}\n.m-slider__btn.active-cursor[data-v-22e6fbd4] {\n -webkit-transform: scale(1.3);\n transform: scale(1.3);\n z-index: 2;\n}\n.m-slider__btn[data-v-22e6fbd4]::before {\n content: attr(data-label);\n font-size: 0.8em;\n top: -1.5em;\n position: absolute;\n font-weight: 500;\n color: var(--maz-color-text);\n}\n.m-slider__btn[data-v-22e6fbd4]:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n.m-slider--primary .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-primary);\n}\n.m-slider--primary .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-primary);\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.m-slider--secondary .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-secondary);\n}\n.m-slider--secondary .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-secondary);\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.m-slider--info .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-info);\n}\n.m-slider--info .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-info);\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.m-slider--success .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-success);\n}\n.m-slider--success .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-success);\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.m-slider--warning .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-warning);\n}\n.m-slider--warning .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-warning);\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.m-slider--danger .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-danger);\n}\n.m-slider--danger .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-danger);\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.m-slider--white .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-white);\n}\n.m-slider--white .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-white);\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.m-slider--black .m-slider__bar[data-v-22e6fbd4] {\n background-color: var(--maz-color-black);\n}\n.m-slider--black .m-slider__btn.active-cursor[data-v-22e6fbd4] {\n border-width: 2px;\n border-color: var(--maz-color-black);\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n"),S.__scopeId="data-v-22e6fbd4";export{S as default};
|
package/components/MazSpinner.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as n,openBlock as e,createElementBlock as r,normalizeClass as a,pushScopeId as t,popScopeId as o,createElementVNode as i}from"vue";var d=["width","height"],s=[function(n){return t("data-v-67dbd337"),n=n(),o(),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({__name:"MazSpinner",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(t,o){return e(),r("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"}},s,10,d)}}});!function(n,e){void 0===e&&(e={});var r=e.insertAt;if(n&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===r&&a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n))}}("
|
|
1
|
+
import{defineComponent as n,openBlock as e,createElementBlock as r,normalizeClass as a,pushScopeId as t,popScopeId as o,createElementVNode as i}from"vue";var d=["width","height"],s=[function(n){return t("data-v-67dbd337"),n=n(),o(),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({__name:"MazSpinner",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(t,o){return e(),r("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"}},s,10,d)}}});!function(n,e){void 0===e&&(e={});var r=e.insertAt;if(n&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===r&&a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n))}}("\n@-webkit-keyframes maz-spin {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg)\n }\n}\n@keyframes maz-spin {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg)\n }\n}\n.m-spinner[data-v-67dbd337] {\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.m-spinner--primary[data-v-67dbd337] {\n color: var(--maz-color-primary)\n}\n.m-spinner--secondary[data-v-67dbd337] {\n color: var(--maz-color-secondary)\n}\n.m-spinner--info[data-v-67dbd337] {\n color: var(--maz-color-info)\n}\n.m-spinner--warning[data-v-67dbd337] {\n color: var(--maz-color-warning)\n}\n.m-spinner--danger[data-v-67dbd337] {\n color: var(--maz-color-danger)\n}\n.m-spinner--success[data-v-67dbd337] {\n color: var(--maz-color-success)\n}\n.m-spinner--black[data-v-67dbd337] {\n color: var(--maz-color-black)\n}\n.m-spinner--white[data-v-67dbd337] {\n color: var(--maz-color-white)\n}\n.m-spinner--transparent[data-v-67dbd337] {\n color: var(--maz-color-white)\n}\n"),c.__scopeId="data-v-67dbd337";export{c as default};
|
package/components/MazSwitch.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as
|
|
1
|
+
import{defineComponent as n,computed as e,getCurrentInstance as t,openBlock as o,createElementBlock as a,normalizeClass as i,createElementVNode as r,mergeProps as l,unref as s,normalizeStyle as c}from"vue";var d=["id","name","checked","disabled"],m=["for"],u=n({__name:"MazSwitch",props:{modelValue:{type:Boolean,required:!0},id:{type:String,default:void 0},disabled:{type:Boolean,default:!1},name:{type:String,default:void 0},color:{type:String,default:"primary"}},emits:["update:model-value"],setup:function(n,u){var p=u.emit,h=n,b=e((function(){var n,e;return null!==(n=h.id)&&void 0!==n?n:"mazSwitch-".concat(null===(e=t())||void 0===e?void 0:e.uid)})),f=e((function(){return"var(--maz-color-".concat(h.color,"-alpha)")})),w=e((function(){return{backgroundColor:h.modelValue?"var(--maz-color-".concat(h.color,")"):"var(--maz-color-white)"}})),g=function(n){var e,t=n.target;p("update:model-value",null!==(e=null==t?void 0:t.checked)&&void 0!==e&&e)};return function(e,t){return o(),a("div",{class:i(["m-switch",["--".concat(n.color)]])},[r("input",l({id:s(b)},e.$attrs,{type:"checkbox",name:n.name,checked:n.modelValue,disabled:n.disabled,class:"m-switch__input",onChange:g}),null,16,d),r("label",{for:s(b),class:"m-switch__toggle",style:c([{"--m-switch-bg-bar":s(f)}])},[r("span",{style:c([s(w)])},null,4)],12,m)],2)}}});!function(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}("\n.m-switch__input {\n\n position: absolute;\n\n left: -9999px;\n}\n.m-switch__toggle {\n\n position: relative;\n\n display: block;\n\n height: 1.5rem;\n\n width: 3rem;\n\n cursor: pointer;\n\n -webkit-transform: translate3d(0, 0, 0);\n\n transform: translate3d(0, 0, 0);\n}\n.m-switch__toggle::before {\n content: '';\n -webkit-transition: all 200ms ease-in-out;\n transition: all 200ms ease-in-out;\n position: relative;\n top: 0.25rem;\n left: 0.25rem;\n display: block;\n height: 1rem;\n width: 2.5rem;\n border-radius: 9999px;\n\n background-color: var(--m-switch-bg-bar);\n}\n.m-switch__toggle span {\n\n position: absolute;\n\n top: 0px;\n\n left: 0px;\n\n display: block;\n\n height: 1.5rem;\n\n width: 1.5rem;\n\n border-radius: 9999px;\n\n -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);\n\n box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);\n -webkit-transition: all 200ms ease-in-out;\n transition: all 200ms ease-in-out;\n}\n.m-switch__input:checked + .m-switch__toggle span {\n -webkit-transform: translateX(1.5em);\n transform: translateX(1.5em);\n}\n.m-switch__input:checked + .m-switch__toggle span::before {\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 0;\n -webkit-transition: all 400ms ease-in-out;\n transition: all 400ms ease-in-out;\n}\n.m-switch__input:disabled + .m-switch__toggle {\n\n cursor: not-allowed;\n}\n");export{u as default};
|