maz-ui 3.3.2 → 3.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/components/{MazBackDrop.d.ts → MazBackdrop.d.ts} +32 -51
  2. package/components/MazBackdrop.js +3 -0
  3. package/components/MazBottomSheet.d.ts +3 -10
  4. package/components/MazBottomSheet.js +2 -2
  5. package/components/MazDialog.d.ts +12 -1
  6. package/components/MazDialog.js +2 -2
  7. package/components/MazDialogPromise.js +2 -2
  8. package/components/MazDrawer.d.ts +6 -15
  9. package/components/MazDrawer.js +2 -2
  10. package/components/MazPhoneNumberInput.js +1 -1
  11. package/components/MazPicker.js +2 -2
  12. package/components/MazSelect.js +2 -2
  13. package/components/MazSlider.js +2 -2
  14. package/components/MazStepper.d.ts +17 -3
  15. package/components/MazStepper.js +1 -1
  16. package/components/index.d.ts +3 -3
  17. package/components/index.js +3 -3
  18. package/css/main.css +57 -416
  19. package/modules/index.js +1 -1
  20. package/package.json +4 -4
  21. package/components/MazBackDrop.js +0 -1
package/components/MazSelect.js CHANGED
@@ -1,3 +1,3 @@
1
- import{inject as n,ref as t,computed as e,defineComponent as o,openBlock as r,createElementBlock as a,normalizeClass as i,pushScopeId as l,popScopeId as c,createElementVNode as d,onMounted as s,watch as u,mergeProps as m,createCommentVNode as p,nextTick 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,getCurrentInstance as z,resolveComponent as _,withDirectives as S,toHandlers as E,vModelDynamic as L,createTextVNode as D,toDisplayString as I,withModifiers as B,onBeforeMount as C,Transition as V,normalizeStyle as P,Fragment as F,renderList as j}from"vue";function O(n,t,e,o,r,a,i){try{var l=n[a](i),c=l.value}catch(n){return void e(n)}l.done?t(c):Promise.resolve(c).then(o,r)}function M(n){return function(){var t=this,e=arguments;return new Promise((function(o,r){var a=n.apply(t,e);function i(n){O(a,o,r,i,l,"next",n)}function l(n){O(a,o,r,i,l,"throw",n)}i(void 0)}))}}var K={exports:{}},A={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}(A),function(n){var t=A.exports.default;function e(){
1
+ import{inject as n,ref as t,computed as e,defineComponent as o,openBlock as r,createElementBlock as a,normalizeClass as i,pushScopeId as l,popScopeId as c,createElementVNode as s,onMounted as d,watch as u,mergeProps as m,createCommentVNode as b,nextTick as p,useAttrs as f,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as y,withCtx as w,renderSlot as k,createVNode as x,getCurrentInstance as z,resolveComponent as _,withDirectives as S,toHandlers as E,vModelDynamic as L,createTextVNode as D,toDisplayString as I,withModifiers as B,onBeforeMount as C,Transition as V,normalizeStyle as P,Fragment as F,renderList as j}from"vue";function O(n,t,e,o,r,a,i){try{var l=n[a](i),c=l.value}catch(n){return void e(n)}l.done?t(c):Promise.resolve(c).then(o,r)}function M(n){return function(){var t=this,e=arguments;return new Promise((function(o,r){var a=n.apply(t,e);function i(n){O(a,o,r,i,l,"next",n)}function l(n){O(a,o,r,i,l,"throw",n)}i(void 0)}))}}var K={exports:{}},A={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}(A),function(n){var t=A.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 b?t:b,a=Object.create(r.prototype),i=new E(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 D()}for(e.method=r,e.arg=a;;){var i=e.delegate;if(i){var l=z(i,e);if(l){if(l===p)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=m(n,t,e);if("normal"===c.type){if(o=e.done?"completed":"suspendedYield",c.arg===p)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 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,l,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(L([])));y&&y!==r&&a.call(y,l)&&(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,l,c){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,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 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 E(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function L(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:D}}function D(){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=L,E.prototype={constructor:E,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,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:L(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}(K);var T=K.exports(),N=T;try{regeneratorRuntime=T}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=T:Function("r","regeneratorRuntime = r")(T)}function $(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}t();var q=function(n){var t=n.componentName,o=n.instance,r=n.providedId;return{instanceId:e((function(){return null!=r?r:"".concat(t,"-").concat(null==o?void 0:o.uid)}))}},G=["width","height"],H=[function(n){return l("data-v-67dbd337"),n=n(),c(),n}((function(){return d("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)}))],R=o({__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,e){return r(),a("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:i(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},H,10,G)}}});function U(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))}}function Y(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 W(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(e),!0).forEach((function(t){$(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):Y(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}U("\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"),R.__scopeId="data-v-67dbd337";var X=["innerHTML"],J=o({__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(o,i){var l=i.emit,c=o,d={},f=t(),v=t(),g=function(){try{return function(t,e){var o=n(t,e);if(!o)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(t));return o}("mazIconPath")}catch(n){return}},h=e((function(){var n;return null!==(n=c.path)&&void 0!==n?n:g()})),y=e((function(){return c.src?c.src:h.value?"".concat(h.value,"/").concat(c.name,".svg"):"/".concat(c.name,".svg")}));s((function(){if(!c.name&&!c.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=c.transformSource(n),c.title&&function(n,t){var e=n.querySelectorAll("title");if(e.length>0)e[0].textContent=t;else{var o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,n.append(o)}}(t,c.title),n.innerHTML},k=function(){var n=M(N.mark((function n(t){var e;return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return d[t]||(d[t]=x(t)),n.prev=1,n.next=4,d[t];case 4:return e=n.sent,f.value=e,n.next=8,b();case 8:l("loaded",v.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),f.value&&(f.value=void 0,l("unloaded")),delete d[t],l("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.addEventListener("load",(function(){if(o.status>=200&&o.status<400)try{var n=(new DOMParser).parseFromString(o.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=c.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.addEventListener("error",(function(){return e()})),o.send()}))};return u((function(){return c.src}),(function(){return k(y.value)})),function(n,t){return f.value?(r(),a("svg",m({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},W(W({},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)),(e=n.$attrs,Object.keys(e).reduce((function(n,t){return!1!==e[t]&&null!==e[t]&&void 0!==e[t]&&(n[t]=e[t]),n}),{}))),{style:"font-size: ".concat(o.size),innerHTML:w(f.value)}),null,16,X)):p("",!0);var e}}}),Q={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},Z={class:"maz-flex maz-flex-center"},nn={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},tn=o({__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 t=n,o=f(),l=o.href,c=o.to,s=v(),u=e((function(){return l?"a":c?"router-link":"button"})),b=e((function(){return t.pastel?"--".concat(t.color,"-pastel"):t.outline||t.loading?"--".concat(t.color,"-outline"):"--".concat(t.color)})),z=e((function(){return(t.loading||t.disabled)&&"button"===u.value})),_=e((function(){return z.value?"--cursor-default":"--cursor-pointer"})),S=e((function(){return"--is-".concat(t.variant)})),E=e((function(){return"--".concat(t.color)})),L=e((function(){return["white"].includes(t.color)?"black":"white"})),D=e((function(){return t.loading&&"button"===t.variant})),I=e((function(){return!!s["left-icon"]||t.leftIcon})),B=e((function(){return!!s["right-icon"]||t.rightIcon})),C=e((function(){return I.value||B.value})),V=e((function(){return"button"===u.value?t.type:void 0}));return function(t,e){return r(),g(h(y(u)),m(t.$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(C),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(V)}),{default:w((function(){return[y(I)?(r(),a("div",Q,[k(t.$slots,"left-icon",{},(function(){return[n.leftIcon?(r(),g(J,{key:0,name:n.leftIcon},null,8,["name"])):p("",!0)]}))])):p("",!0),d("span",Z,[k(t.$slots,"default")]),y(B)?(r(),a("div",nn,[k(t.$slots,"right-icon",{},(function(){return[n.rightIcon?(r(),g(J,{key:0,name:n.rightIcon},null,8,["name"])):p("",!0)]}))])):p("",!0),y(D)?(r(),a("div",{key:2,class:i(["m-btn__loading-wrapper",y(E)])},[x(R,{size:"2em",color:y(L)},null,8,["color"])],2)):p("",!0)]})),_:3},16,["disabled","class","type"])}}});U("\n.m-btn[data-v-4f7c1518] {\n\n border-width: var(--maz-border-width);\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-4f7c1518] {\n\n line-height: 1;\n}\n.m-btn__icon-left[data-v-4f7c1518] {\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-4f7c1518] {\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-4f7c1518] {\n\n cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-4f7c1518] {\n\n cursor: default;\n}\n.m-btn.--is-link[data-v-4f7c1518] {\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, text-decoration-color, fill, stroke, opacity, -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, -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-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-4f7c1518]:not(.--no-leading) {\n\n line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-4f7c1518]:not(:disabled):focus:not(.--no-underline) {\n\n text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-4f7c1518] {\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-4f7c1518] {\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-4f7c1518] {\n\n color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-4f7c1518] {\n\n color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-4f7c1518] {\n\n color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-4f7c1518] {\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-4f7c1518] {\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-4f7c1518] {\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: var(--maz-border-radius);\n\n border-color: transparent;\n\n background-color: transparent;\n\n font-weight: 500;\n\n text-decoration-line: none;\n\n -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -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, -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-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-4f7c1518] {\n\n border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-4f7c1518] {\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-4f7c1518] {\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-4f7c1518] {\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-4f7c1518] {\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-4f7c1518] {\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-4f7c1518] {\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-4f7c1518] {\n\n padding-top: 0.5rem;\n\n padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-4f7c1518] {\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-4f7c1518]:not(.--disabled):hover,\n .m-btn.--is-button[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(.--no-elevation) {\n\n -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n}\n.m-btn.--is-button.--block[data-v-4f7c1518] {\n\n width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black[data-v-4f7c1518]: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-4f7c1518] {\n\n background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):focus {\n background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518] {\n\n padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-4f7c1518] {\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-4f7c1518] {\n\n background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-4f7c1518] {\n\n background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-4f7c1518] {\n\n background-color: var(--maz-color-black);\n}\n"),tn.__scopeId="data-v-4f7c1518";var en=o({components:{MazBtn:tn,MazIcon:J},inheritAttrs:!1,props:{modelValue:{type:[String,Number,Boolean],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:void 0},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},borderActive:{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,o){var r=o.emit,a=o.slots,i=t(!1),l=t(!1),c=t(),d=z(),u=q({componentName:"MazInput",instance:d,providedId:n.id}).instanceId;s((function(){var t;n.autoFocus&&(null===(t=c.value)||void 0===t||t.focus())}));var m=e((function(){return"password"===n.type})),p=e((function(){return i.value?"text":n.type})),b=e((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(l.value||n.borderActive){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"}})),f=e((function(){var t=n.required,e=n.placeholder;if(e)return t?"".concat(e," *"):e})),v=e((function(){return void 0!==n.modelValue&&""!==n.modelValue})),g=e({get:function(){return n.modelValue},set:function(n){return k(n)}}),h=e((function(){return(!!n.label||!!n.hint)&&(l.value||!!v.value||!!n.placeholder||["date","month","week"].includes(n.type))})),y=e((function(){return!!n.label||!!n.hint})),w=function(n){var t,e,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=function(){t&&(clearTimeout(t),e=void 0,t=void 0)},i=function(){var n=e;a(),n&&n()},l=function(){for(var i=arguments.length,l=new Array(i),c=0;c<i;c++)l[c]=arguments[c];if(!o)return n.apply(this,l);var d=this,s=r&&!t;return a(),e=function(){n.apply(d,l)},t=setTimeout((function(){if(t=void 0,!s){var n=e;if(e=void 0,void 0!==n)return n()}}),o),s?e():void 0};return l.cancel=a,l.flush=i,l}((function(n){r("update:model-value",n)}),n.debounceDelay),k=function(t){if(n.debounce)return w(t);r("update:model-value",t)};return{inputValue:g,shouldUp:h,hasLabel:y,computedPlaceholder:f,isPasswordType:m,inputType:p,input:c,isFocused:l,hasPasswordVisible:i,borderStyle:b,focus:function(n){r("focus",n),l.value=!0},blur:function(n){r("blur",n),l.value=!1},change:function(n){return r("change",n)},emitValue:k,hasRightPart:function(){return!!a["right-icon"]||m.value||!!a["valid-button"]||n.validButton||!!n.rightIcon},hasLeftPart:function(){return!!a["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",instanceId:u}}}),on={key:0,class:"m-input-wrapper-left"},rn={class:"m-input-wrapper-input"},an=["id","type","name","placeholder","aria-label","disabled","readonly","required"],ln=["for"],cn={key:0},dn={key:1,class:"m-input-wrapper-right"};U("\n.m-input[data-v-d90226a4] {\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-d90226a4] {\n height: 4rem;\n}\n.m-input.--xl .m-input-input[data-v-d90226a4],\n .m-input.--xl .m-input-label[data-v-d90226a4] {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n.m-input.--lg[data-v-d90226a4] {\n height: 3.5rem;\n}\n.m-input.--lg .m-input-input[data-v-d90226a4],\n .m-input.--lg .m-input-label[data-v-d90226a4] {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.m-input.--md[data-v-d90226a4] {\n height: 3rem;\n}\n.m-input.--md .m-input-input[data-v-d90226a4],\n .m-input.--md .m-input-label[data-v-d90226a4] {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.m-input.--sm[data-v-d90226a4] {\n height: 2.5rem;\n}\n.m-input.--sm .m-input-input[data-v-d90226a4],\n .m-input.--sm .m-input-label[data-v-d90226a4] {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.m-input.--xs[data-v-d90226a4] {\n height: 2rem;\n}\n.m-input.--xs .m-input-input[data-v-d90226a4],\n .m-input.--xs .m-input-label[data-v-d90226a4] {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.m-input.--mini[data-v-d90226a4] {\n height: 1.5rem;\n}\n.m-input.--mini .m-input-input[data-v-d90226a4],\n .m-input.--mini .m-input-label[data-v-d90226a4] {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.m-input-wrapper[data-v-d90226a4] {\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-width: var(--maz-border-width);\n border-style: solid;\n background-color: var(--maz-color-bg);\n -webkit-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;\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-d90226a4] {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\n.m-input-wrapper-input[data-v-d90226a4] {\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-d90226a4],\n .m-input-wrapper-left[data-v-d90226a4] {\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-d90226a4] > :not([hidden]) ~ :not([hidden]),\n .m-input-wrapper-left[data-v-d90226a4] > :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-d90226a4],\n .m-input-wrapper-left[data-v-d90226a4] {\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-d90226a4] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n.m-input-wrapper-left[data-v-d90226a4] {\n left: 0.25rem;\n}\n.m-input-input[data-v-d90226a4] {\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-d90226a4]:-webkit-autofill,\n .m-input-input[data-v-d90226a4]:-webkit-autofill:hover,\n .m-input-input[data-v-d90226a4]:-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-d90226a4] {\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 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 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-d90226a4]:not(.--has-state) {\n color: var(--maz-color-muted);\n}\n.m-input.--has-z-2 .m-input-wrapper[data-v-d90226a4] {\n z-index: 2;\n}\n.m-input.--should-up .m-input-label[data-v-d90226a4] {\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-d90226a4] {\n cursor: default;\n}\n.m-input.--is-disabled .m-input-wrapper[data-v-d90226a4] {\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-d90226a4] {\n cursor: not-allowed;\n color: var(--maz-color-muted);\n}\n.m-input.--is-focused .m-input-wrapper[data-v-d90226a4] {\n z-index: 3;\n}\n.m-input.--has-label .m-input-input[data-v-d90226a4] {\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-d90226a4] {\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-d90226a4] {\n border-color: var(--maz-color-bg-lighter);\n}\nhtml.dark .m-input-input[data-v-d90226a4]:-webkit-autofill,\n html.dark .m-input-input[data-v-d90226a4]:-webkit-autofill:hover,\n html.dark .m-input-input[data-v-d90226a4]:-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"),en.render=function(n,t,e,o,l,c){var s=_("MazIcon"),u=_("MazBtn");return r(),a("div",{class:i(["m-input",[{"--is-focused":n.isFocused||n.borderActive,"--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:t[2]||(t[2]=function(t){return n.$emit("click",t)})},[d("div",{class:i(["m-input-wrapper",[n.inputClasses,n.borderStyle,{"maz-rounded":!n.noRadius}]])},[n.hasLeftPart()?(r(),a("div",on,[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),d("div",rn,[S(d("input",m({id:n.instanceId,ref:"input","onUpdate:modelValue":t[0]||(t[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"},E({blur:n.blur,focus:n.focus,change:n.change},!0)),null,16,an),[[L,n.inputValue]]),n.label||n.hint?(r(),a("label",{key:0,ref:"label",for:n.instanceId,class:i(["m-input-label",[{"maz-text-danger-600":n.error,"maz-text-success-600":n.success,"maz-text-warning-600":n.warning}]])},[D(I(n.hint||n.label)+" ",1),n.required?(r(),a("sup",cn,"*")):p("",!0)],10,ln)):p("",!0)]),n.hasRightPart()?(r(),a("div",dn,[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?(r(),g(u,{key:1,color:"transparent",tabindex:"-1",size:"mini",onClick:t[1]||(t[1]=B((function(t){return n.hasPasswordVisible=!n.hasPasswordVisible}),["stop"]))},{default:w((function(){return[n.hasPasswordVisible?(r(),g(s,{key:0,src:n.EyeOffIcon,class:"maz-text-muted"},null,8,["src"])):(r(),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)},en.__scopeId="data-v-d90226a4";var sn=["onClick"],un={key:0,tabindex:"-1",class:"m-select-list__search-wrapper"},mn={class:"m-select-list__scroll-wrapper"},pn=["onClick"],bn=o({__name:"MazSelect",props:{modelValue:{type:[Number,String,Boolean],default:void 0},id:{type:String,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)}},required:{type:Boolean,default:!1},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)}},search:{type:Boolean,default:!1},searchPlaceholder:{type:String,default:"Search in options"}},emits:["close","open","update:model-value","blur","focus","change"],setup:function(n,o){var l=o.emit,c=n,s=z(),u=t(!1),f=t(),v=e((function(){return u.value||c.open})),g=q({componentName:"MazSelect",instance:s,providedId:c.id}).instanceId;C((function(){var n,t;(null!==(n=c.options)&&void 0!==n&&n.length||console.error("[maz-ui](MazSelect) you must provide options"),L.value)&&(f.value=null===(t=c.options)||void 0===t?void 0:t.findIndex((function(n){var t;return n[c.optionValueKey]===(null===(t=L.value)||void 0===t?void 0:t[c.optionValueKey])})))}));var h=t(),_=t(),S=t(),E=t(),L=e((function(){return c.options.find((function(n){return c.modelValue===n[c.optionValueKey]}))})),O=e((function(){var n,t,e,o,r;return null!==(n=L.value)&&void 0!==n&&n[c.optionValueKey]||"boolean"==typeof(null===(t=L.value)||void 0===t?void 0:t[c.optionValueKey])?null!==(e=null===(o=L.value)||void 0===o?void 0:o[c.optionInputValueKey])&&void 0!==e?e:null===(r=L.value)||void 0===r?void 0:r[c.optionLabelKey]:void 0})),K=e((function(){return c.listPosition.includes("bottom")?"maz-slide":"maz-slideinvert"})),A=t(),T=function(n,t){return t&&(null==n?void 0:n.toString().toLocaleLowerCase().includes(t.toLocaleLowerCase()))},$=e((function(){return A.value?c.options.filter((function(n){var t=n[c.optionLabelKey],e=n[c.optionValueKey],o=n[c.optionInputValueKey];return T(t,A.value)||T(e,A.value)||T(o,A.value)})):c.options})),G=function(){var n=M(N.mark((function n(t){var e;return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!t||!("relatedTarget"in t&&null!==(e=h.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,b();case 4:u.value=!1,l("close",t);case 6:case"end":return n.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}(),H=function(){var n=M(N.mark((function n(t){return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(null==t||t.preventDefault(),!c.disabled){n.next=3;break}return n.abrupt("return");case 3:return u.value=!0,n.next=6,X();case 6:l("focus",t),l("open",u.value);case 8:case"end":return n.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}(),R=function(n){var t;(console.log("event",n),1===n.key.length)?(n.preventDefault(),H(n),A.value=n.key,c.search&&(null===(t=S.value)||void 0===t||t.input.focus())):U(n)},U=function(n){var t=n.code,e=["ArrowUp","ArrowDown"].includes(t),o="Enter"===t,r="Escape"===t&&v.value;e?Y(n,f.value):o?W(n,f.value):r&&G()},Y=function(n,t){n.preventDefault();var e=n.code;v.value||H(n);var o=$.value.length;f.value="number"==typeof t?t===o-1&&"ArrowDown"===e?0:0===t&&"ArrowUp"===e?o-1:"ArrowDown"===e?t+1:t-1:"ArrowDown"===e?0:o-1,X()},W=function(n,t){var e;if(n.preventDefault(),!v.value)return H(n);var o=t&&null!==(e=$.value[t])&&void 0!==e?e:$.value[0];(o||Boolean(o))&&Q(o)},X=function(){var n=M(N.mark((function n(){var t,e,o,r=arguments;return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if("number"!=typeof(t=r.length>0&&void 0!==r[0]?r[0]:f.value)){n.next=5;break}return n.next=4,b();case 4:null===(e=E.value)||void 0===e||null===(o=e.querySelectorAll(".m-select-list-item")[t])||void 0===o||o.scrollIntoView({behavior:"auto",block:"nearest",inline:"start"});case 5:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}(),Q=function(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return f.value=$.value.findIndex((function(t){return n[c.optionValueKey]===t[c.optionValueKey]})),t&&G(),A.value=void 0,l("update:model-value",n[c.optionValueKey])};return function(t,e){return r(),a("div",{ref_key:"mazSelectElement",ref:h,class:i(["m-select",{"--is-open":y(v),"--disabled":n.disabled}]),onBlurCapture:G},[x(en,m({id:y(g),ref_key:"mazInputComponent",ref:_,class:"m-select-input"},t.$attrs,{required:n.required,"border-active":u.value,color:n.color,"model-value":y(O),autocomplete:"off",size:n.size,disabled:n.disabled,onFocus:B(H,["stop"]),onChange:e[0]||(e[0]=function(n){return l("change",n)}),onClick:B(H,["stop"]),onKeydown:R}),{"right-icon":w((function(){return[d("button",{tabindex:"-1",type:"button",class:"m-select-input__toggle-button maz-custom",onClick:B(H,["stop"])},[x(J,{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"},null,8,["src"])],8,sn)]})),_:1},16,["id","required","border-active","color","model-value","size","disabled","onFocus","onClick"]),x(V,{name:y(K)},{default:w((function(){return[y(v)?(r(),a("div",{key:0,ref_key:"optionsListElement",ref:E,class:i(["m-select-list",{"--top":n.listPosition.includes("top"),"--left":n.listPosition.includes("left"),"--right":n.listPosition.includes("right"),"--bottom":n.listPosition.includes("bottom")}]),style:P({maxHeight:"".concat(n.maxListHeight,"px"),maxWidth:"".concat(n.maxListWidth,"px")})},[n.search?(r(),a("div",un,[x(en,{ref_key:"searchInputComponent",ref:S,modelValue:A.value,"onUpdate:modelValue":e[1]||(e[1]=function(n){return A.value=n}),size:"sm",color:n.color,placeholder:n.searchPlaceholder,name:"search",autocomplete:"off",class:"m-select-list__search-input",onKeydown:U},null,8,["modelValue","color","placeholder"])])):p("",!0),d("div",mn,[(r(!0),a(F,null,j(y($),(function(e,o){var l,c,d;return r(),a("button",{key:o,tabindex:"-1",type:"button",class:i(["m-select-list-item maz-custom",[{"--is-keyboard-selected":f.value===o,"--is-selected":(null===(l=y(L))||void 0===l?void 0:l[n.optionValueKey])===e[n.optionValueKey]&&(e[n.optionValueKey]||"boolean"==typeof e[n.optionValueKey]),"--is-none-value":!e[n.optionValueKey]&&"boolean"!=typeof e[n.optionValueKey]},"--".concat(n.color)]]),style:P({height:"".concat(n.itemHeight,"px")}),onClick:B((function(n){return Q(e)}),["prevent","stop"])},[k(t.$slots,"default",{option:e,isSelected:(null===(c=y(L))||void 0===c?void 0:c[n.optionValueKey])===e[n.optionValueKey],selectedOption:null===(d=y(L))||void 0===d?void 0:d[n.optionValueKey]},(function(){return[D(I(e[n.optionLabelKey]),1)]}))],14,pn)})),128))])],6)):p("",!0)]})),_:3},8,["name"])],34)}}});U("\n.m-select[data-v-1178d072] {\n position: relative;\n}\n.m-select[data-v-1178d072]:not(.--disabled) {\n cursor: pointer;\n}\n.m-select[data-v-1178d072]:not(.--disabled) .m-input-input {\n cursor: pointer;\n}\n.m-select-input[data-v-1178d072] .m-input-input {\n padding-right: 0px;\n}\n.m-select-input.--has-label[data-v-1178d072] .m-input-input {\n padding-right: 0px;\n}\n.m-select-input__toggle-button[data-v-1178d072] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n background-color: transparent;\n padding-left: 0px;\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-select-input[data-v-1178d072] input {\n caret-color: transparent;\n}\n.m-select-chevron[data-v-1178d072] {\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 .m-select-chevron[data-v-1178d072] {\n height: 1.25rem;\n width: 1.25rem;\n color: var(--maz-color-text);\n}\n.m-select.--is-open .m-select-chevron[data-v-1178d072] {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n.m-select .m-select-list[data-v-1178d072] {\n position: absolute;\n z-index: 100;\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 overflow: hidden;\n border-radius: var(--maz-border-radius);\n background-color: var(--maz-color-bg);\n color: var(--maz-color-text);\n -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n min-width: 3.5rem;\n}\n.m-select .m-select-list.--top[data-v-1178d072] {\n bottom: 100%;\n}\n.m-select .m-select-list.--left[data-v-1178d072] {\n left: 0px;\n}\n.m-select .m-select-list.--right[data-v-1178d072] {\n right: 0px;\n}\n.m-select .m-select-list.--bottom[data-v-1178d072] {\n top: 100%;\n}\n.m-select .m-select-list__search-wrapper[data-v-1178d072] {\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\n background-color: var(--maz-color-bg);\n padding: 0.25rem;\n}\n.m-select .m-select-list__scroll-wrapper[data-v-1178d072] {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n overflow: auto;\n}\n.m-select .m-select-list-item[data-v-1178d072] {\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 .m-select-list-item[data-v-1178d072]:hover {\n background-color: var(--maz-color-bg-light);\n}\n.m-select .m-select-list-item.--is-keyboard-selected[data-v-1178d072] {\n background-color: var(--maz-color-bg-lighter);\n font-weight: 500;\n}\n.m-select .m-select-list-item.--is-none-value[data-v-1178d072] {\n color: var(--maz-color-muted);\n}\n.m-select .m-select-list-item.--is-selected[data-v-1178d072] {\n font-weight: 600;\n}\n.m-select .m-select-list-item.--is-selected.--primary[data-v-1178d072] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--secondary[data-v-1178d072] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--info[data-v-1178d072] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--success[data-v-1178d072] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--warning[data-v-1178d072] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--danger[data-v-1178d072] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--black[data-v-1178d072] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--white[data-v-1178d072] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--transparent[data-v-1178d072] {\n background-color: var(--maz-color-bg);\n}\n.m-select button.maz-custom[data-v-1178d072] {\n cursor: pointer;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-style: none;\n}\nhtml.dark .m-select-list[data-v-1178d072] {\n background-color: var(--maz-color-bg-light);\n}\n/* &__search-wrapper {\n @apply maz-bg-color-light;\n } */\nhtml.dark .m-select-list-item[data-v-1178d072]:hover {\n background-color: var(--maz-color-bg-lighter);\n}\n"),bn.__scopeId="data-v-1178d072";export{bn 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:{},l=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",s=i.toStringTag||"@@toStringTag";function d(n,t,e){return Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{d({},"")}catch(n){d=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 E(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 D()}for(e.method=r,e.arg=a;;){var i=e.delegate;if(i){var l=z(i,e);if(l){if(l===b)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=m(n,t,e);if("normal"===c.type){if(o=e.done?"completed":"suspendedYield",c.arg===b)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 m(n,t,e){try{return{type:"normal",arg:n.call(t,e)}}catch(n){return{type:"throw",arg:n}}}o.wrap=u;var b={};function p(){}function f(){}function v(){}var g={};d(g,l,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(L([])));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){d(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,e){function o(r,i,l,c){var s=m(n[r],n,i);if("throw"!==s.type){var d=s.arg,u=d.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){d.value=n,l(d)}),(function(n){return o("throw",n,l,c)}))}c(s.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 b;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return b}var o=m(e,n.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,b;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,b):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,b)}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 E(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function L(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:D}}function D(){return{value:void 0,done:!0}}return f.prototype=v,d(w,"constructor",v),d(v,"constructor",f),f.displayName=d(v,s,"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,d(n,s,"GeneratorFunction")),n.prototype=Object.create(w),n},o.awrap=function(n){return{__await:n}},k(x.prototype),d(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),d(w,s,"Generator"),d(w,l,(function(){return this})),d(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=L,E.prototype={constructor:E,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,b):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),b},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),b}},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:L(n),resultName:t,nextLoc:e},"next"===this.method&&(this.arg=void 0),b}},o}n.exports=e,n.exports.__esModule=!0,n.exports.default=n.exports}(K);var T=K.exports(),N=T;try{regeneratorRuntime=T}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=T:Function("r","regeneratorRuntime = r")(T)}function $(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}t();var q=function(n){var t=n.componentName,o=n.instance,r=n.providedId;return{instanceId:e((function(){return null!=r?r:"".concat(t,"-").concat(null==o?void 0:o.uid)}))}},G=["width","height"],H=[function(n){return l("data-v-67dbd337"),n=n(),c(),n}((function(){return s("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)}))],R=o({__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,e){return r(),a("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:i(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},H,10,G)}}});function U(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))}}function Y(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 W(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(e),!0).forEach((function(t){$(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):Y(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}U("\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"),R.__scopeId="data-v-67dbd337";var X=["innerHTML"],J=o({__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(o,i){var l=i.emit,c=o,s={},f=t(),v=t(),g=function(){try{return function(t,e){var o=n(t,e);if(!o)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(t));return o}("mazIconPath")}catch(n){return}},h=e((function(){var n;return null!==(n=c.path)&&void 0!==n?n:g()})),y=e((function(){return c.src?c.src:h.value?"".concat(h.value,"/").concat(c.name,".svg"):"/".concat(c.name,".svg")}));d((function(){if(!c.name&&!c.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=c.transformSource(n),c.title&&function(n,t){var e=n.querySelectorAll("title");if(e.length>0)e[0].textContent=t;else{var o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,n.append(o)}}(t,c.title),n.innerHTML},k=function(){var n=M(N.mark((function n(t){var e;return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return s[t]||(s[t]=x(t)),n.prev=1,n.next=4,s[t];case 4:return e=n.sent,f.value=e,n.next=8,p();case 8:l("loaded",v.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),f.value&&(f.value=void 0,l("unloaded")),delete s[t],l("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.addEventListener("load",(function(){if(o.status>=200&&o.status<400)try{var n=(new DOMParser).parseFromString(o.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=c.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.addEventListener("error",(function(){return e()})),o.send()}))};return u((function(){return c.src}),(function(){return k(y.value)})),function(n,t){return f.value?(r(),a("svg",m({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},W(W({},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)),(e=n.$attrs,Object.keys(e).reduce((function(n,t){return!1!==e[t]&&null!==e[t]&&void 0!==e[t]&&(n[t]=e[t]),n}),{}))),{style:"font-size: ".concat(o.size),innerHTML:w(f.value)}),null,16,X)):b("",!0);var e}}}),Q={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},Z={class:"maz-flex maz-flex-center"},nn={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},tn=o({__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 t=n,o=f(),l=o.href,c=o.to,d=v(),u=e((function(){return l?"a":c?"router-link":"button"})),p=e((function(){return t.pastel?"--".concat(t.color,"-pastel"):t.outline||t.loading?"--".concat(t.color,"-outline"):"--".concat(t.color)})),z=e((function(){return(t.loading||t.disabled)&&"button"===u.value})),_=e((function(){return z.value?"--cursor-default":"--cursor-pointer"})),S=e((function(){return"--is-".concat(t.variant)})),E=e((function(){return"--".concat(t.color)})),L=e((function(){return["white"].includes(t.color)?"black":"white"})),D=e((function(){return t.loading&&"button"===t.variant})),I=e((function(){return!!d["left-icon"]||t.leftIcon})),B=e((function(){return!!d["right-icon"]||t.rightIcon})),C=e((function(){return I.value||B.value})),V=e((function(){return"button"===u.value?t.type:void 0}));return function(t,e){return r(),g(h(y(u)),m(t.$attrs,{disabled:y(z),class:["m-btn",["--".concat(n.size),y(p),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(C),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(V)}),{default:w((function(){return[y(I)?(r(),a("div",Q,[k(t.$slots,"left-icon",{},(function(){return[n.leftIcon?(r(),g(J,{key:0,name:n.leftIcon},null,8,["name"])):b("",!0)]}))])):b("",!0),s("span",Z,[k(t.$slots,"default")]),y(B)?(r(),a("div",nn,[k(t.$slots,"right-icon",{},(function(){return[n.rightIcon?(r(),g(J,{key:0,name:n.rightIcon},null,8,["name"])):b("",!0)]}))])):b("",!0),y(D)?(r(),a("div",{key:2,class:i(["m-btn__loading-wrapper",y(E)])},[x(R,{size:"2em",color:y(L)},null,8,["color"])],2)):b("",!0)]})),_:3},16,["disabled","class","type"])}}});U("\n.m-btn[data-v-4f7c1518] {\n\n border-width: var(--maz-border-width);\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-4f7c1518] {\n\n line-height: 1;\n}\n.m-btn__icon-left[data-v-4f7c1518] {\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-4f7c1518] {\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-4f7c1518] {\n\n cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-4f7c1518] {\n\n cursor: default;\n}\n.m-btn.--is-link[data-v-4f7c1518] {\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, text-decoration-color, fill, stroke, opacity, -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, -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-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-4f7c1518]:not(.--no-leading) {\n\n line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-4f7c1518]:not(:disabled):focus:not(.--no-underline) {\n\n text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-4f7c1518] {\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-4f7c1518] {\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-4f7c1518] {\n\n color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-4f7c1518] {\n\n color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-4f7c1518] {\n\n color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-4f7c1518] {\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-4f7c1518] {\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-4f7c1518] {\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: var(--maz-border-radius);\n\n border-color: transparent;\n\n background-color: transparent;\n\n font-weight: 500;\n\n text-decoration-line: none;\n\n -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -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, -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-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-4f7c1518] {\n\n border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-4f7c1518] {\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-4f7c1518] {\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-4f7c1518] {\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-4f7c1518] {\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-4f7c1518] {\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-4f7c1518] {\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-4f7c1518] {\n\n padding-top: 0.5rem;\n\n padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-4f7c1518] {\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-4f7c1518]:not(.--disabled):hover,\n .m-btn.--is-button[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(.--no-elevation) {\n\n -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n}\n.m-btn.--is-button.--block[data-v-4f7c1518] {\n\n width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black[data-v-4f7c1518]: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-4f7c1518] {\n\n background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):focus {\n background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black-outline[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black-pastel[data-v-4f7c1518]: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-4f7c1518] {\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-4f7c1518] {\n\n padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-4f7c1518] {\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-4f7c1518] {\n\n background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-4f7c1518] {\n\n background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-4f7c1518] {\n\n background-color: var(--maz-color-black);\n}\n"),tn.__scopeId="data-v-4f7c1518";var en=o({components:{MazBtn:tn,MazIcon:J},inheritAttrs:!1,props:{modelValue:{type:[String,Number,Boolean],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:void 0},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},borderActive:{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,o){var r=o.emit,a=o.slots,i=t(!1),l=t(!1),c=t(),s=z(),u=q({componentName:"MazInput",instance:s,providedId:n.id}).instanceId;d((function(){var t;n.autoFocus&&(null===(t=c.value)||void 0===t||t.focus())}));var m=e((function(){return"password"===n.type})),b=e((function(){return i.value?"text":n.type})),p=e((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(l.value||n.borderActive){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"}})),f=e((function(){var t=n.required,e=n.placeholder;if(e)return t?"".concat(e," *"):e})),v=e((function(){return void 0!==n.modelValue&&""!==n.modelValue})),g=e({get:function(){return n.modelValue},set:function(n){return k(n)}}),h=e((function(){return(!!n.label||!!n.hint)&&(l.value||!!v.value||!!n.placeholder||["date","month","week"].includes(n.type))})),y=e((function(){return!!n.label||!!n.hint})),w=function(n){var t,e,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=function(){t&&(clearTimeout(t),e=void 0,t=void 0)},i=function(){var n=e;a(),n&&n()},l=function(){for(var i=arguments.length,l=new Array(i),c=0;c<i;c++)l[c]=arguments[c];if(!o)return n.apply(this,l);var s=this,d=r&&!t;return a(),e=function(){n.apply(s,l)},t=setTimeout((function(){if(t=void 0,!d){var n=e;if(e=void 0,void 0!==n)return n()}}),o),d?e():void 0};return l.cancel=a,l.flush=i,l}((function(n){r("update:model-value",n)}),n.debounceDelay),k=function(t){if(n.debounce)return w(t);r("update:model-value",t)};return{inputValue:g,shouldUp:h,hasLabel:y,computedPlaceholder:f,isPasswordType:m,inputType:b,input:c,isFocused:l,hasPasswordVisible:i,borderStyle:p,focus:function(n){r("focus",n),l.value=!0},blur:function(n){r("blur",n),l.value=!1},change:function(n){return r("change",n)},emitValue:k,hasRightPart:function(){return!!a["right-icon"]||m.value||!!a["valid-button"]||n.validButton||!!n.rightIcon},hasLeftPart:function(){return!!a["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",instanceId:u}}}),on={key:0,class:"m-input-wrapper-left"},rn={class:"m-input-wrapper-input"},an=["id","type","name","placeholder","aria-label","disabled","readonly","required"],ln=["for"],cn={key:0},sn={key:1,class:"m-input-wrapper-right"};U("\n.m-input[data-v-d90226a4] {\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-d90226a4] {\n height: 4rem;\n}\n.m-input.--xl .m-input-input[data-v-d90226a4],\n .m-input.--xl .m-input-label[data-v-d90226a4] {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n.m-input.--lg[data-v-d90226a4] {\n height: 3.5rem;\n}\n.m-input.--lg .m-input-input[data-v-d90226a4],\n .m-input.--lg .m-input-label[data-v-d90226a4] {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.m-input.--md[data-v-d90226a4] {\n height: 3rem;\n}\n.m-input.--md .m-input-input[data-v-d90226a4],\n .m-input.--md .m-input-label[data-v-d90226a4] {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.m-input.--sm[data-v-d90226a4] {\n height: 2.5rem;\n}\n.m-input.--sm .m-input-input[data-v-d90226a4],\n .m-input.--sm .m-input-label[data-v-d90226a4] {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.m-input.--xs[data-v-d90226a4] {\n height: 2rem;\n}\n.m-input.--xs .m-input-input[data-v-d90226a4],\n .m-input.--xs .m-input-label[data-v-d90226a4] {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.m-input.--mini[data-v-d90226a4] {\n height: 1.5rem;\n}\n.m-input.--mini .m-input-input[data-v-d90226a4],\n .m-input.--mini .m-input-label[data-v-d90226a4] {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.m-input-wrapper[data-v-d90226a4] {\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-width: var(--maz-border-width);\n border-style: solid;\n background-color: var(--maz-color-bg);\n -webkit-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;\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-d90226a4] {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\n.m-input-wrapper-input[data-v-d90226a4] {\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-d90226a4],\n .m-input-wrapper-left[data-v-d90226a4] {\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-d90226a4] > :not([hidden]) ~ :not([hidden]),\n .m-input-wrapper-left[data-v-d90226a4] > :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-d90226a4],\n .m-input-wrapper-left[data-v-d90226a4] {\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-d90226a4] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n.m-input-wrapper-left[data-v-d90226a4] {\n left: 0.25rem;\n}\n.m-input-input[data-v-d90226a4] {\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-d90226a4]:-webkit-autofill,\n .m-input-input[data-v-d90226a4]:-webkit-autofill:hover,\n .m-input-input[data-v-d90226a4]:-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-d90226a4] {\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 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 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-d90226a4]:not(.--has-state) {\n color: var(--maz-color-muted);\n}\n.m-input.--has-z-2 .m-input-wrapper[data-v-d90226a4] {\n z-index: 2;\n}\n.m-input.--should-up .m-input-label[data-v-d90226a4] {\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-d90226a4] {\n cursor: default;\n}\n.m-input.--is-disabled .m-input-wrapper[data-v-d90226a4] {\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-d90226a4] {\n cursor: not-allowed;\n color: var(--maz-color-muted);\n}\n.m-input.--is-focused .m-input-wrapper[data-v-d90226a4] {\n z-index: 3;\n}\n.m-input.--has-label .m-input-input[data-v-d90226a4] {\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-d90226a4] {\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-d90226a4] {\n border-color: var(--maz-color-bg-lighter);\n}\nhtml.dark .m-input-input[data-v-d90226a4]:-webkit-autofill,\n html.dark .m-input-input[data-v-d90226a4]:-webkit-autofill:hover,\n html.dark .m-input-input[data-v-d90226a4]:-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"),en.render=function(n,t,e,o,l,c){var d=_("MazIcon"),u=_("MazBtn");return r(),a("div",{class:i(["m-input",[{"--is-focused":n.isFocused||n.borderActive,"--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:t[2]||(t[2]=function(t){return n.$emit("click",t)})},[s("div",{class:i(["m-input-wrapper",[n.inputClasses,n.borderStyle,{"maz-rounded":!n.noRadius}]])},[n.hasLeftPart()?(r(),a("div",on,[n.$slots["left-icon"]||n.leftIcon?k(n.$slots,"left-icon",{key:0},(function(){return[x(d,{name:n.leftIcon,class:"maz-text-muted"},null,8,["name"])]})):b("",!0)])):b("",!0),s("div",rn,[S(s("input",m({id:n.instanceId,ref:"input","onUpdate:modelValue":t[0]||(t[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"},E({blur:n.blur,focus:n.focus,change:n.change},!0)),null,16,an),[[L,n.inputValue]]),n.label||n.hint?(r(),a("label",{key:0,ref:"label",for:n.instanceId,class:i(["m-input-label",[{"maz-text-danger-600":n.error,"maz-text-success-600":n.success,"maz-text-warning-600":n.warning}]])},[D(I(n.hint||n.label)+" ",1),n.required?(r(),a("sup",cn,"*")):b("",!0)],10,ln)):b("",!0)]),n.hasRightPart()?(r(),a("div",sn,[n.$slots["right-icon"]||n.rightIcon?k(n.$slots,"right-icon",{key:0},(function(){return[x(d,{name:n.rightIcon,class:"maz-text-muted"},null,8,["name"])]})):b("",!0),n.isPasswordType?(r(),g(u,{key:1,color:"transparent",tabindex:"-1",size:"mini",onClick:t[1]||(t[1]=B((function(t){return n.hasPasswordVisible=!n.hasPasswordVisible}),["stop"]))},{default:w((function(){return[n.hasPasswordVisible?(r(),g(d,{key:0,src:n.EyeOffIcon,class:"maz-text-muted"},null,8,["src"])):(r(),g(d,{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(d,{src:n.CheckIcon,class:"maz-text-normal"},null,8,["src"])]})),_:1},8,["disabled","loading"])]})):b("",!0)])):b("",!0)],2)],2)},en.__scopeId="data-v-d90226a4";var dn=["onClick"],un={key:0,tabindex:"-1",class:"m-select-list__search-wrapper"},mn={class:"m-select-list__scroll-wrapper"},bn=["onClick"],pn=o({__name:"MazSelect",props:{modelValue:{type:[Number,String,Boolean],default:void 0},id:{type:String,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)}},required:{type:Boolean,default:!1},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)}},search:{type:Boolean,default:!1},searchPlaceholder:{type:String,default:"Search in options"}},emits:["close","open","update:model-value","blur","focus","change"],setup:function(n,o){var l=o.emit,c=n,d=z(),u=t(!1),f=t(),v=e((function(){return u.value||c.open})),g=q({componentName:"MazSelect",instance:d,providedId:c.id}).instanceId;C((function(){var n,t;(null!==(n=c.options)&&void 0!==n&&n.length||console.error("[maz-ui](MazSelect) you must provide options"),L.value)&&(f.value=null===(t=c.options)||void 0===t?void 0:t.findIndex((function(n){var t;return n[c.optionValueKey]===(null===(t=L.value)||void 0===t?void 0:t[c.optionValueKey])})))}));var h=t(),_=t(),S=t(),E=t(),L=e((function(){return c.options.find((function(n){return c.modelValue===n[c.optionValueKey]}))})),O=e((function(){var n,t,e,o,r;return null!==(n=L.value)&&void 0!==n&&n[c.optionValueKey]||"boolean"==typeof(null===(t=L.value)||void 0===t?void 0:t[c.optionValueKey])?null!==(e=null===(o=L.value)||void 0===o?void 0:o[c.optionInputValueKey])&&void 0!==e?e:null===(r=L.value)||void 0===r?void 0:r[c.optionLabelKey]:void 0})),K=e((function(){return c.listPosition.includes("bottom")?"maz-slide":"maz-slideinvert"})),A=t(),T=function(n,t){return t&&(null==n?void 0:n.toString().toLocaleLowerCase().includes(t.toLocaleLowerCase()))},$=e((function(){return A.value?c.options.filter((function(n){var t=n[c.optionLabelKey],e=n[c.optionValueKey],o=n[c.optionInputValueKey];return T(t,A.value)||T(e,A.value)||T(o,A.value)})):c.options})),G=function(){var n=M(N.mark((function n(t){var e;return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!t||!("relatedTarget"in t&&null!==(e=h.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,p();case 4:u.value=!1,l("close",t);case 6:case"end":return n.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}(),H=function(){var n=M(N.mark((function n(t){return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(null==t||t.preventDefault(),!c.disabled){n.next=3;break}return n.abrupt("return");case 3:return u.value=!0,n.next=6,X();case 6:l("focus",t),l("open",u.value);case 8:case"end":return n.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}(),R=function(n){var t;1===n.key.length?(n.preventDefault(),H(n),A.value=n.key,c.search&&(null===(t=S.value)||void 0===t||t.input.focus())):U(n)},U=function(n){var t=n.code,e=["ArrowUp","ArrowDown"].includes(t),o="Enter"===t,r="Escape"===t&&v.value;e?Y(n,f.value):o?W(n,f.value):r&&G()},Y=function(n,t){n.preventDefault();var e=n.code;v.value||H(n);var o=$.value.length;f.value="number"==typeof t?t===o-1&&"ArrowDown"===e?0:0===t&&"ArrowUp"===e?o-1:"ArrowDown"===e?t+1:t-1:"ArrowDown"===e?0:o-1,X()},W=function(n,t){var e;if(n.preventDefault(),!v.value)return H(n);var o=t&&null!==(e=$.value[t])&&void 0!==e?e:$.value[0];(o||Boolean(o))&&Q(o)},X=function(){var n=M(N.mark((function n(){var t,e,o,r=arguments;return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if("number"!=typeof(t=r.length>0&&void 0!==r[0]?r[0]:f.value)){n.next=5;break}return n.next=4,p();case 4:null===(e=E.value)||void 0===e||null===(o=e.querySelectorAll(".m-select-list-item")[t])||void 0===o||o.scrollIntoView({behavior:"auto",block:"nearest",inline:"start"});case 5:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}(),Q=function(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return f.value=$.value.findIndex((function(t){return n[c.optionValueKey]===t[c.optionValueKey]})),t&&G(),A.value=void 0,l("update:model-value",n[c.optionValueKey])};return function(t,e){return r(),a("div",{ref_key:"mazSelectElement",ref:h,class:i(["m-select",{"--is-open":y(v),"--disabled":n.disabled}]),onBlurCapture:G},[x(en,m({id:y(g),ref_key:"mazInputComponent",ref:_,class:"m-select-input"},t.$attrs,{required:n.required,"border-active":u.value,color:n.color,"model-value":y(O),autocomplete:"off",size:n.size,disabled:n.disabled,onFocus:B(H,["stop"]),onChange:e[0]||(e[0]=function(n){return l("change",n)}),onClick:B(H,["stop"]),onKeydown:R}),{"right-icon":w((function(){return[s("button",{tabindex:"-1",type:"button",class:"m-select-input__toggle-button maz-custom",onClick:B(H,["stop"])},[x(J,{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"},null,8,["src"])],8,dn)]})),_:1},16,["id","required","border-active","color","model-value","size","disabled","onFocus","onClick"]),x(V,{name:y(K)},{default:w((function(){return[y(v)?(r(),a("div",{key:0,ref_key:"optionsListElement",ref:E,class:i(["m-select-list",{"--top":n.listPosition.includes("top"),"--left":n.listPosition.includes("left"),"--right":n.listPosition.includes("right"),"--bottom":n.listPosition.includes("bottom")}]),style:P({maxHeight:"".concat(n.maxListHeight,"px"),maxWidth:"".concat(n.maxListWidth,"px")})},[n.search?(r(),a("div",un,[x(en,{ref_key:"searchInputComponent",ref:S,modelValue:A.value,"onUpdate:modelValue":e[1]||(e[1]=function(n){return A.value=n}),size:"sm",color:n.color,placeholder:n.searchPlaceholder,name:"search",autocomplete:"off",class:"m-select-list__search-input",onKeydown:U},null,8,["modelValue","color","placeholder"])])):b("",!0),s("div",mn,[(r(!0),a(F,null,j(y($),(function(e,o){var l,c,s;return r(),a("button",{key:o,tabindex:"-1",type:"button",class:i(["m-select-list-item maz-custom",[{"--is-keyboard-selected":f.value===o,"--is-selected":(null===(l=y(L))||void 0===l?void 0:l[n.optionValueKey])===e[n.optionValueKey]&&(e[n.optionValueKey]||"boolean"==typeof e[n.optionValueKey]),"--is-none-value":!e[n.optionValueKey]&&"boolean"!=typeof e[n.optionValueKey]},"--".concat(n.color)]]),style:P({height:"".concat(n.itemHeight,"px")}),onClick:B((function(n){return Q(e)}),["prevent","stop"])},[k(t.$slots,"default",{option:e,isSelected:(null===(c=y(L))||void 0===c?void 0:c[n.optionValueKey])===e[n.optionValueKey],selectedOption:null===(s=y(L))||void 0===s?void 0:s[n.optionValueKey]},(function(){return[D(I(e[n.optionLabelKey]),1)]}))],14,bn)})),128))])],6)):b("",!0)]})),_:3},8,["name"])],34)}}});U("\n.m-select[data-v-7ebe7b40] {\n position: relative;\n}\n.m-select[data-v-7ebe7b40]:not(.--disabled) {\n cursor: pointer;\n}\n.m-select[data-v-7ebe7b40]:not(.--disabled) .m-input-input {\n cursor: pointer;\n}\n.m-select-input[data-v-7ebe7b40] .m-input-input {\n padding-right: 0px;\n}\n.m-select-input.--has-label[data-v-7ebe7b40] .m-input-input {\n padding-right: 0px;\n}\n.m-select-input__toggle-button[data-v-7ebe7b40] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n background-color: transparent;\n padding-left: 0px;\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-select-input[data-v-7ebe7b40] input {\n caret-color: transparent;\n}\n.m-select-chevron[data-v-7ebe7b40] {\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 .m-select-chevron[data-v-7ebe7b40] {\n height: 1.25rem;\n width: 1.25rem;\n color: var(--maz-color-text);\n}\n.m-select.--is-open .m-select-chevron[data-v-7ebe7b40] {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n.m-select .m-select-list[data-v-7ebe7b40] {\n position: absolute;\n z-index: 100;\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 overflow: hidden;\n border-radius: var(--maz-border-radius);\n background-color: var(--maz-color-bg);\n color: var(--maz-color-text);\n -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n min-width: 3.5rem;\n}\n.m-select .m-select-list.--top[data-v-7ebe7b40] {\n bottom: 100%;\n}\n.m-select .m-select-list.--left[data-v-7ebe7b40] {\n left: 0px;\n}\n.m-select .m-select-list.--right[data-v-7ebe7b40] {\n right: 0px;\n}\n.m-select .m-select-list.--bottom[data-v-7ebe7b40] {\n top: 100%;\n}\n.m-select .m-select-list__search-wrapper[data-v-7ebe7b40] {\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\n background-color: var(--maz-color-bg);\n padding: 0.25rem;\n}\n.m-select .m-select-list__scroll-wrapper[data-v-7ebe7b40] {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n overflow: auto;\n}\n.m-select .m-select-list-item[data-v-7ebe7b40] {\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 .m-select-list-item[data-v-7ebe7b40]:hover {\n background-color: var(--maz-color-bg-light);\n}\n.m-select .m-select-list-item.--is-keyboard-selected[data-v-7ebe7b40] {\n background-color: var(--maz-color-bg-lighter);\n font-weight: 500;\n}\n.m-select .m-select-list-item.--is-none-value[data-v-7ebe7b40] {\n color: var(--maz-color-muted);\n}\n.m-select .m-select-list-item.--is-selected[data-v-7ebe7b40] {\n font-weight: 600;\n}\n.m-select .m-select-list-item.--is-selected.--primary[data-v-7ebe7b40] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--secondary[data-v-7ebe7b40] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--info[data-v-7ebe7b40] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--success[data-v-7ebe7b40] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--warning[data-v-7ebe7b40] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--danger[data-v-7ebe7b40] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--black[data-v-7ebe7b40] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--white[data-v-7ebe7b40] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--transparent[data-v-7ebe7b40] {\n background-color: var(--maz-color-bg);\n}\n.m-select button.maz-custom[data-v-7ebe7b40] {\n cursor: pointer;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-style: none;\n}\nhtml.dark .m-select-list[data-v-7ebe7b40] {\n background-color: var(--maz-color-bg-light);\n}\n/* &__search-wrapper {\n @apply maz-bg-color-light;\n } */\nhtml.dark .m-select-list-item[data-v-7ebe7b40]:hover {\n background-color: var(--maz-color-bg-lighter);\n}\n"),pn.__scopeId="data-v-7ebe7b40";export{pn as default};
package/components/MazSlider.js CHANGED
@@ -1,3 +1,3 @@
1
- import{defineComponent as r,ref as t,computed as e,watch as n,onMounted as o,onBeforeUnmount as a,openBlock as i,createElementBlock as s,normalizeStyle as u,unref as c,normalizeClass as l,createElementVNode as d,Fragment as v,renderList as f,toDisplayString as p,nextTick as h}from"vue";function w(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function m(r){return function(r){if(Array.isArray(r))return w(r)}(r)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||function(r,t){if(r){if("string"==typeof r)return w(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?w(r,t):void 0}}(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(r,t,e,n,o,a,i){try{var s=r[a](i),u=s.value}catch(r){return void e(r)}s.done?t(u):Promise.resolve(u).then(n,o)}function b(r){return function(){var t=this,e=arguments;return new Promise((function(n,o){var a=r.apply(t,e);function i(r){x(a,n,o,i,s,"next",r)}function s(r){x(a,n,o,i,s,"throw",r)}i(void 0)}))}}function g(r){return g="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},g(r)}var y={exports:{}},_={exports:{}};!function(r){function t(e){return r.exports=t="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,t(e)}r.exports=t,r.exports.__esModule=!0,r.exports.default=r.exports}(_),function(r){var t=_.exports.default;function e(){
1
+ import{defineComponent as r,ref as t,computed as e,watch as n,onMounted as o,onBeforeUnmount as a,openBlock as i,createElementBlock as s,normalizeStyle as u,unref as c,normalizeClass as l,createElementVNode as d,Fragment as v,renderList as f,toDisplayString as p,nextTick as h}from"vue";function w(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function m(r){return function(r){if(Array.isArray(r))return w(r)}(r)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||function(r,t){if(r){if("string"==typeof r)return w(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?w(r,t):void 0}}(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(r,t,e,n,o,a,i){try{var s=r[a](i),u=s.value}catch(r){return void e(r)}s.done?t(u):Promise.resolve(u).then(n,o)}function x(r){return function(){var t=this,e=arguments;return new Promise((function(n,o){var a=r.apply(t,e);function i(r){b(a,n,o,i,s,"next",r)}function s(r){b(a,n,o,i,s,"throw",r)}i(void 0)}))}}function g(r){return g="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},g(r)}var y={exports:{}},_={exports:{}};!function(r){function t(e){return r.exports=t="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,t(e)}r.exports=t,r.exports.__esModule=!0,r.exports.default=r.exports}(_),function(r){var t=_.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
- r.exports=e=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 l(r,t,e){return Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}),r[t]}try{l({},"")}catch(r){l=function(r,t,e){return r[t]=e}}function d(r,t,e,n){var o=t&&t.prototype instanceof p?t:p,a=Object.create(o.prototype),i=new S(n||[]);return a._invoke=function(r,t,e){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 M()}for(e.method=o,e.arg=a;;){var i=e.delegate;if(i){var s=k(i,e);if(s){if(s===f)continue;return s}}if("next"===e.method)e.sent=e._sent=e.arg;else if("throw"===e.method){if("suspendedStart"===n)throw n="completed",e.arg;e.dispatchException(e.arg)}else"return"===e.method&&e.abrupt("return",e.arg);n="executing";var u=v(r,t,e);if("normal"===u.type){if(n=e.done?"completed":"suspendedYield",u.arg===f)continue;return{value:u.arg,done:e.done}}"throw"===u.type&&(n="completed",e.method="throw",e.arg=u.arg)}}}(r,e,i),a}function v(r,t,e){try{return{type:"normal",arg:r.call(t,e)}}catch(r){return{type:"throw",arg:r}}}n.wrap=d;var f={};function p(){}function h(){}function w(){}var m={};l(m,s,(function(){return this}));var x=Object.getPrototypeOf,b=x&&x(x(E([])));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(t){l(r,t,(function(r){return this._invoke(t,r)}))}))}function _(r,e){function n(o,i,s,u){var c=v(r[o],r,i);if("throw"!==c.type){var l=c.arg,d=l.value;return d&&"object"==t(d)&&a.call(d,"__await")?e.resolve(d.__await).then((function(r){n("next",r,s,u)}),(function(r){n("throw",r,s,u)})):e.resolve(d).then((function(r){l.value=r,s(l)}),(function(r){return n("throw",r,s,u)}))}u(c.arg)}var o;this._invoke=function(r,t){function a(){return new e((function(e,o){n(r,t,e,o)}))}return o=o?o.then(a,a):a()}}function k(r,t){var e=r.iterator[t.method];if(void 0===e){if(t.delegate=null,"throw"===t.method){if(r.iterator.return&&(t.method="return",t.arg=void 0,k(r,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(e,r.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[r.resultName]=o.value,t.next=r.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(r){var t={tryLoc:r[0]};1 in r&&(t.catchLoc=r[1]),2 in r&&(t.finallyLoc=r[2],t.afterLoc=r[3]),this.tryEntries.push(t)}function L(r){var t=r.completion||{};t.type="normal",delete t.arg,r.completion=t}function S(r){this.tryEntries=[{tryLoc:"root"}],r.forEach(z,this),this.reset(!0)}function E(r){if(r){var t=r[s];if(t)return t.call(r);if("function"==typeof r.next)return r;if(!isNaN(r.length)){var e=-1,n=function t(){for(;++e<r.length;)if(a.call(r,e))return t.value=r[e],t.done=!1,t;return t.value=void 0,t.done=!0,t};return n.next=n}}return{next:M}}function M(){return{value:void 0,done:!0}}return h.prototype=w,l(g,"constructor",w),l(w,"constructor",h),h.displayName=l(w,c,"GeneratorFunction"),n.isGeneratorFunction=function(r){var t="function"==typeof r&&r.constructor;return!!t&&(t===h||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(r){return Object.setPrototypeOf?Object.setPrototypeOf(r,w):(r.__proto__=w,l(r,c,"GeneratorFunction")),r.prototype=Object.create(g),r},n.awrap=function(r){return{__await:r}},y(_.prototype),l(_.prototype,u,(function(){return this})),n.AsyncIterator=_,n.async=function(r,t,e,o,a){void 0===a&&(a=Promise);var i=new _(d(r,t,e,o),a);return n.isGeneratorFunction(t)?i:i.next().then((function(r){return r.done?r.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(r){var t=[];for(var e in r)t.push(e);return t.reverse(),function e(){for(;t.length;){var n=t.pop();if(n in r)return e.value=n,e.done=!1,e}return e.done=!0,e}},n.values=E,S.prototype={constructor:S,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 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 r=this.tryEntries[0].completion;if("throw"===r.type)throw r.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var t=this;function e(e,n){return i.type="throw",i.arg=r,t.next=e,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 e("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 e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(s){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(r,t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc<=this.prev&&a.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===r||"continue"===r)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=r,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,f):this.complete(i)},complete:function(r,t){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&&t&&(this.next=t),f},finish:function(r){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.finallyLoc===r)return this.complete(e.completion,e.afterLoc),L(e),f}},catch:function(r){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.tryLoc===r){var n=e.completion;if("throw"===n.type){var o=n.arg;L(e)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(r,t,e){return this.delegate={iterator:E(r),resultName:t,nextLoc:e},"next"===this.method&&(this.arg=void 0),f}},n}r.exports=e,r.exports.__esModule=!0,r.exports.default=r.exports}(y);var k=y.exports(),z=k;try{regeneratorRuntime=k}catch(r){"object"==typeof globalThis?globalThis.regeneratorRuntime=k:Function("r","regeneratorRuntime = r")(k)}var L=function(r){var t=document.documentElement,e=document.body,n=r.getBoundingClientRect();return{y:n.top+(window.pageYOffset||t.scrollTop)-(t.clientTop||e.clientTop||0),x:n.left+(window.pageXOffset||t.scrollLeft)-(t.clientLeft||e.clientLeft||0)}},S=function(r,t){var e=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="targetTouches"in r?r.targetTouches[0]:r,o=L(t),a={x:n.pageX-o.x,y:n.pageY-o.y};return{x:e?t.offsetWidth-a.x:a.x,y:e?t.offsetHeight-a.y:a.y}},E=function(r,t,e,n){return"minus"===n?!t||r>=t:!e||r<=e},M=function(r,t,e){var n=r+1;return 100/e*(t<n?n-t:t-n)/100},P=["data-label","onMousedownPassive","onTouchstartPassive","onFocusPassive","onBlurPassive","onTouchendPassive","onKeydownPassive"],T=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 x=w.emit,g=r,y=t(),_=t(),k=t(),L=t(),T=t([]),A=t([]),j=e((function(){return"number"==typeof g.modelValue?[g.modelValue]:g.modelValue?g.modelValue:[0]})),O=e((function(){return Math.log(g.min||1)})),N=e((function(){return Math.log(g.max)})),C=e((function(){var r=g.min,t=g.max;return(N.value-O.value)/(t-r)})),B=e((function(){var r=g.min;return g.max-r})),F=e((function(){return{paddingTop:g.labels?"2.5em":"1em"}})),G=e((function(){return Array.isArray(g.modelValue)}));n((function(){return g.modelValue}),(function(){return L.value=j.value}),{immediate:!0}),n((function(){return[j.value,g.min,g.max,g.log].join(",")}),(function(){return V(!0)}));var I=function(r){var t,e,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=function(){t&&(clearTimeout(t),e=void 0,t=void 0)},i=function(){var r=e;a(),r&&r()},s=function(){for(var i=arguments.length,s=new Array(i),u=0;u<i;u++)s[u]=arguments[u];if(!n)return r.apply(this,s);var c=this,l=o&&!t;return a(),e=function(){r.apply(c,s)},t=setTimeout((function(){if(t=void 0,!l){var r=e;if(e=void 0,void 0!==r)return r()}}),n),l?e():void 0};return s.cancel=a,s.flush=i,s}((function(){return V()}),300);o((function(){V(!0),window.addEventListener("resize",I)})),a((function(){window.removeEventListener("resize",I)}));var V=function(){var r=b(z.mark((function r(t){return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return!0===t&&W(),r.next=3,H();case 3:return r.next=5,h();case 5:j.value.forEach((function(r,t){return D(t)}));case 6:case"end":return r.stop()}}),r)})));return function(t){return r.apply(this,arguments)}}(),R=function(r){_.value=void 0,K(r)},W=function(){var r=g.min,t=g.max,e=j.value.map((function(e){return e<r?r:e>t?t:e}));Y(e),L.value=e},Y=function(r){var t=G.value?m(r):r[0];x("update:model-value",t)},q=function(r){var t=g.labels;return t?t[r]:void 0},D=function(r){K(r),g.noDivider||X()},K=function(){var r=b(z.mark((function r(t){var e,n,o,a,i,s;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,h();case 2:(e=document.querySelectorAll(".m-slider .m-slider__btn"))&&(a=e[t],i=(null==a?void 0:a.clientWidth)+16,s={left:"number"==typeof(null===(n=k.value)||void 0===n?void 0:n[t])?"".concat(null!==(o=k.value[t]-i/2)&&void 0!==o?o:1,"px"):""},T.value[t]=s);case 4:case"end":return r.stop()}}),r)})));return function(t){return r.apply(this,arguments)}}(),X=function(){if(k.value){var r=m(k.value);r.push(0);var t=r.length,e=Math.round(t/2);A.value=r.map((function(n,o){return{left:"".concat(0===o?0:r[o-1],"px"),right:"".concat(o+1===t?0:"calc( 100% - "+n+"px )"),backgroundColor:e===o+1?void 0:o<e?"rgba(255, 255, 255, ".concat(M(o,e,t),")"):"rgba(0, 0, 0, ".concat(M(o,e,t),")")}}))}},H=function(){var r=b(z.mark((function r(){var t,e,n,o,a,i;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,h();case 2:e=g.min,n=g.max,o=g.log,(a=null===(t=y.value)||void 0===t?void 0:t.clientWidth)?k.value=null===(i=L.value)||void 0===i?void 0:i.map((function(r){return o?a/n*(e+(Math.log(r)-O.value)/C.value):a/B.value*(r-e)})):console.warn("[maz-ui][MazSlider] ref component not found");case 5:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),U=function(){var r=b(z.mark((function r(){var t,e,n,o,a,i,s;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,h();case 2:if(e=g.max,n=g.min,o=g.log,!(a=null===(t=y.value)||void 0===t?void 0:t.clientWidth)){r.next=8;break}return r.abrupt("return",o?null===(i=k.value)||void 0===i?void 0:i.map((function(r){var t=r/(a/e),o=Math.exp((t-n)*C.value+O.value);return Math.round(o)})):null===(s=k.value)||void 0===s?void 0:s.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)}}(),$=function(r,t){void 0===_.value&&(_.value=t,D(t))},J=function(){var r=b(z.mark((function r(){var t;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(void 0!==_.value){r.next=2;break}return r.abrupt("return");case 2:return r.next=4,U();case 4:(t=r.sent)&&Y(t),_.value=void 0;case 7:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),Q=function(){var r=b(z.mark((function r(t){var e,n,o,a;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,h();case 2:if(void 0!==_.value){r.next=4;break}return r.abrupt("return");case 4:if(n=null===(e=y.value)||void 0===e?void 0:e.clientWidth,!k.value){r.next=15;break}if(o=k.value[_.value-1]||0,a=k.value[_.value+1]||n,y.value){r.next=10;break}return r.abrupt("return",console.error("[maz-ui](MazSlider/handleMousemove) MazSlider not available"));case 10:return k.value[_.value]=(i=void 0,(i=S(t,y.value).x)<o?o:a&&i>a?a:i),r.next=13,U();case 13:L.value=r.sent,D(_.value);case 15:case"end":return r.stop()}var i}),r)})));return function(t){return r.apply(this,arguments)}}();return function(t,e){return i(),s("div",{style:u([c(F),{fontSize:r.size}]),class:l(["m-slider",["m-slider--".concat(r.color)]]),onMousemovePassive:Q,onMouseupPassive:J,onMouseleavePassive:J,onTouchmovePassive:Q},[d("div",{ref_key:"MazSlider",ref:y,class:"m-slider__bar",role:"slider"},[(i(!0),s(v,null,f(A.value,(function(r,t){return i(),s("div",{key:"divider-".concat(t),style:u([r]),class:"m-slider__divider"},null,4)})),128)),(i(!0),s(v,null,f(c(j),(function(t,e){var n;return i(),s("button",{key:"cursor-".concat(e),type:"button","data-label":q(e),class:l(["m-slider__btn",{"active-cursor":e===_.value&&!r.noCursorAnim}]),style:u([T.value[e]]),onMousedownPassive:function(r){return $(0,e)},onTouchstartPassive:function(r){return $(0,e)},onFocusPassive:function(r){return $(0,e)},onBlurPassive:function(r){return R(e)},onTouchendPassive:function(r){return R(e)},onKeydownPassive:function(r){return function(r,t){"ArrowLeft"===r.key?L.value&&E(L.value[t]-1,L.value[t-1],L.value[t+1],"minus")&&(L.value[t]--,Y(L.value)):"ArrowRight"===r.key&&L.value&&E(L.value[t]+1,L.value[t-1],L.value[t+1],"plus")&&(L.value[t]++,Y(L.value))}(r,e)}},[d("span",null,p(null===(n=L.value)||void 0===n?void 0:n[e]),1)],46,P)})),128))],512)],38)}}});!function(r,t){void 0===t&&(t={});var e=t.insertAt;if(r&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===e&&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-6c829100] {\n padding: 1em 1.5rem;\n}\n.m-slider__bar[data-v-6c829100] {\n position: relative;\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 border-radius: 9999px;\n\n height: 0.5em;\n}\n.m-slider__divider[data-v-6c829100] {\n position: absolute;\n border-radius: 2em;\n height: 100%;\n}\n.m-slider__btn[data-v-6c829100] {\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 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 border-radius: 9999px;\n border-width: var(--maz-border-width);\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity));\n background-color: var(--maz-bg-color-light);\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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 padding: 0.25em 0.5em;\n}\n.m-slider__btn span[data-v-6c829100] {\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-6c829100] {\n -webkit-transform: scale(1.3);\n transform: scale(1.3);\n z-index: 2;\n}\n.m-slider__btn[data-v-6c829100]::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-6c829100]: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-6c829100] {\n background-color: var(--maz-color-primary);\n}\n.m-slider--primary .m-slider__btn.active-cursor[data-v-6c829100] {\n border-width: var(--maz-border-width);\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-6c829100] {\n background-color: var(--maz-color-secondary);\n}\n.m-slider--secondary .m-slider__btn.active-cursor[data-v-6c829100] {\n border-width: var(--maz-border-width);\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-6c829100] {\n background-color: var(--maz-color-info);\n}\n.m-slider--info .m-slider__btn.active-cursor[data-v-6c829100] {\n border-width: var(--maz-border-width);\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-6c829100] {\n background-color: var(--maz-color-success);\n}\n.m-slider--success .m-slider__btn.active-cursor[data-v-6c829100] {\n border-width: var(--maz-border-width);\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-6c829100] {\n background-color: var(--maz-color-warning);\n}\n.m-slider--warning .m-slider__btn.active-cursor[data-v-6c829100] {\n border-width: var(--maz-border-width);\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-6c829100] {\n background-color: var(--maz-color-danger);\n}\n.m-slider--danger .m-slider__btn.active-cursor[data-v-6c829100] {\n border-width: var(--maz-border-width);\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-6c829100] {\n background-color: var(--maz-color-white);\n}\n.m-slider--white .m-slider__btn.active-cursor[data-v-6c829100] {\n border-width: var(--maz-border-width);\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-6c829100] {\n background-color: var(--maz-color-black);\n}\n.m-slider--black .m-slider__btn.active-cursor[data-v-6c829100] {\n border-width: var(--maz-border-width);\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"),T.__scopeId="data-v-6c829100";export{T as default};
3
+ r.exports=e=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 l(r,t,e){return Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}),r[t]}try{l({},"")}catch(r){l=function(r,t,e){return r[t]=e}}function d(r,t,e,n){var o=t&&t.prototype instanceof p?t:p,a=Object.create(o.prototype),i=new S(n||[]);return a._invoke=function(r,t,e){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 M()}for(e.method=o,e.arg=a;;){var i=e.delegate;if(i){var s=k(i,e);if(s){if(s===f)continue;return s}}if("next"===e.method)e.sent=e._sent=e.arg;else if("throw"===e.method){if("suspendedStart"===n)throw n="completed",e.arg;e.dispatchException(e.arg)}else"return"===e.method&&e.abrupt("return",e.arg);n="executing";var u=v(r,t,e);if("normal"===u.type){if(n=e.done?"completed":"suspendedYield",u.arg===f)continue;return{value:u.arg,done:e.done}}"throw"===u.type&&(n="completed",e.method="throw",e.arg=u.arg)}}}(r,e,i),a}function v(r,t,e){try{return{type:"normal",arg:r.call(t,e)}}catch(r){return{type:"throw",arg:r}}}n.wrap=d;var f={};function p(){}function h(){}function w(){}var m={};l(m,s,(function(){return this}));var b=Object.getPrototypeOf,x=b&&b(b(E([])));x&&x!==o&&a.call(x,s)&&(m=x);var g=w.prototype=p.prototype=Object.create(m);function y(r){["next","throw","return"].forEach((function(t){l(r,t,(function(r){return this._invoke(t,r)}))}))}function _(r,e){function n(o,i,s,u){var c=v(r[o],r,i);if("throw"!==c.type){var l=c.arg,d=l.value;return d&&"object"==t(d)&&a.call(d,"__await")?e.resolve(d.__await).then((function(r){n("next",r,s,u)}),(function(r){n("throw",r,s,u)})):e.resolve(d).then((function(r){l.value=r,s(l)}),(function(r){return n("throw",r,s,u)}))}u(c.arg)}var o;this._invoke=function(r,t){function a(){return new e((function(e,o){n(r,t,e,o)}))}return o=o?o.then(a,a):a()}}function k(r,t){var e=r.iterator[t.method];if(void 0===e){if(t.delegate=null,"throw"===t.method){if(r.iterator.return&&(t.method="return",t.arg=void 0,k(r,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(e,r.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[r.resultName]=o.value,t.next=r.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(r){var t={tryLoc:r[0]};1 in r&&(t.catchLoc=r[1]),2 in r&&(t.finallyLoc=r[2],t.afterLoc=r[3]),this.tryEntries.push(t)}function L(r){var t=r.completion||{};t.type="normal",delete t.arg,r.completion=t}function S(r){this.tryEntries=[{tryLoc:"root"}],r.forEach(z,this),this.reset(!0)}function E(r){if(r){var t=r[s];if(t)return t.call(r);if("function"==typeof r.next)return r;if(!isNaN(r.length)){var e=-1,n=function t(){for(;++e<r.length;)if(a.call(r,e))return t.value=r[e],t.done=!1,t;return t.value=void 0,t.done=!0,t};return n.next=n}}return{next:M}}function M(){return{value:void 0,done:!0}}return h.prototype=w,l(g,"constructor",w),l(w,"constructor",h),h.displayName=l(w,c,"GeneratorFunction"),n.isGeneratorFunction=function(r){var t="function"==typeof r&&r.constructor;return!!t&&(t===h||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(r){return Object.setPrototypeOf?Object.setPrototypeOf(r,w):(r.__proto__=w,l(r,c,"GeneratorFunction")),r.prototype=Object.create(g),r},n.awrap=function(r){return{__await:r}},y(_.prototype),l(_.prototype,u,(function(){return this})),n.AsyncIterator=_,n.async=function(r,t,e,o,a){void 0===a&&(a=Promise);var i=new _(d(r,t,e,o),a);return n.isGeneratorFunction(t)?i:i.next().then((function(r){return r.done?r.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(r){var t=[];for(var e in r)t.push(e);return t.reverse(),function e(){for(;t.length;){var n=t.pop();if(n in r)return e.value=n,e.done=!1,e}return e.done=!0,e}},n.values=E,S.prototype={constructor:S,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 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 r=this.tryEntries[0].completion;if("throw"===r.type)throw r.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var t=this;function e(e,n){return i.type="throw",i.arg=r,t.next=e,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 e("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 e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(s){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(r,t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc<=this.prev&&a.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===r||"continue"===r)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=r,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,f):this.complete(i)},complete:function(r,t){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&&t&&(this.next=t),f},finish:function(r){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.finallyLoc===r)return this.complete(e.completion,e.afterLoc),L(e),f}},catch:function(r){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.tryLoc===r){var n=e.completion;if("throw"===n.type){var o=n.arg;L(e)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(r,t,e){return this.delegate={iterator:E(r),resultName:t,nextLoc:e},"next"===this.method&&(this.arg=void 0),f}},n}r.exports=e,r.exports.__esModule=!0,r.exports.default=r.exports}(y);var k=y.exports(),z=k;try{regeneratorRuntime=k}catch(r){"object"==typeof globalThis?globalThis.regeneratorRuntime=k:Function("r","regeneratorRuntime = r")(k)}var L=function(r){var t=document.documentElement,e=document.body,n=r.getBoundingClientRect();return{y:n.top+(window.pageYOffset||t.scrollTop)-(t.clientTop||e.clientTop||0),x:n.left+(window.pageXOffset||t.scrollLeft)-(t.clientLeft||e.clientLeft||0)}},S=function(r,t){var e=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="targetTouches"in r?r.targetTouches[0]:r,o=L(t),a={x:n.pageX-o.x,y:n.pageY-o.y};return{x:e?t.offsetWidth-a.x:a.x,y:e?t.offsetHeight-a.y:a.y}},E=function(r,t,e,n){return"minus"===n?!t||r>=t:!e||r<=e},M=function(r,t,e){var n=r+1;return 100/e*(t<n?n-t:t-n)/100},P=["data-label","onMousedownPassive","onTouchstartPassive","onFocusPassive","onBlurPassive","onTouchendPassive","onKeydownPassive"],T=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 b=w.emit,g=r,y=t(),_=t(),k=t(),L=t(),T=t([]),A=t([]),j=e((function(){return"number"==typeof g.modelValue?[g.modelValue]:g.modelValue?g.modelValue:[0]})),O=e((function(){return Math.log(g.min||1)})),N=e((function(){return Math.log(g.max)})),C=e((function(){var r=g.min,t=g.max;return(N.value-O.value)/(t-r)})),B=e((function(){var r=g.min;return g.max-r})),F=e((function(){return{paddingTop:g.labels?"2.5em":"1em"}})),G=e((function(){return Array.isArray(g.modelValue)}));n((function(){return g.modelValue}),(function(){return L.value=j.value}),{immediate:!0}),n((function(){return[j.value,g.min,g.max,g.log].join(",")}),(function(){return V(!0)}));var I=function(r){var t,e,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=function(){t&&(clearTimeout(t),e=void 0,t=void 0)},i=function(){var r=e;a(),r&&r()},s=function(){for(var i=arguments.length,s=new Array(i),u=0;u<i;u++)s[u]=arguments[u];if(!n)return r.apply(this,s);var c=this,l=o&&!t;return a(),e=function(){r.apply(c,s)},t=setTimeout((function(){if(t=void 0,!l){var r=e;if(e=void 0,void 0!==r)return r()}}),n),l?e():void 0};return s.cancel=a,s.flush=i,s}((function(){return V()}),300);o((function(){V(!0),window.addEventListener("resize",I)})),a((function(){window.removeEventListener("resize",I)}));var V=function(){var r=x(z.mark((function r(t){return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return!0===t&&W(),r.next=3,H();case 3:return r.next=5,h();case 5:j.value.forEach((function(r,t){return D(t)}));case 6:case"end":return r.stop()}}),r)})));return function(t){return r.apply(this,arguments)}}(),R=function(r){_.value=void 0,K(r)},W=function(){var r=g.min,t=g.max,e=j.value.map((function(e){return e<r?r:e>t?t:e}));Y(e),L.value=e},Y=function(r){var t=G.value?m(r):r[0];b("update:model-value",t)},q=function(r){var t=g.labels;return t?t[r]:void 0},D=function(r){K(r),g.noDivider||X()},K=function(){var r=x(z.mark((function r(t){var e,n,o,a,i,s;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,h();case 2:(e=document.querySelectorAll(".m-slider .m-slider__btn"))&&(a=e[t],i=(null==a?void 0:a.clientWidth)+16,s={left:"number"==typeof(null===(n=k.value)||void 0===n?void 0:n[t])?"".concat(null!==(o=k.value[t]-i/2)&&void 0!==o?o:1,"px"):""},T.value[t]=s);case 4:case"end":return r.stop()}}),r)})));return function(t){return r.apply(this,arguments)}}(),X=function(){if(k.value){var r=m(k.value);r.push(0);var t=r.length,e=Math.round(t/2);A.value=r.map((function(n,o){return{left:"".concat(0===o?0:r[o-1],"px"),right:"".concat(o+1===t?0:"calc( 100% - "+n+"px )"),backgroundColor:e===o+1?void 0:o<e?"rgba(255, 255, 255, ".concat(M(o,e,t),")"):"rgba(0, 0, 0, ".concat(M(o,e,t),")")}}))}},H=function(){var r=x(z.mark((function r(){var t,e,n,o,a,i;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,h();case 2:e=g.min,n=g.max,o=g.log,(a=null===(t=y.value)||void 0===t?void 0:t.clientWidth)?k.value=null===(i=L.value)||void 0===i?void 0:i.map((function(r){return o?a/n*(e+(Math.log(r)-O.value)/C.value):a/B.value*(r-e)})):console.warn("[maz-ui][MazSlider] ref component not found");case 5:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),U=function(){var r=x(z.mark((function r(){var t,e,n,o,a,i,s;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,h();case 2:if(e=g.max,n=g.min,o=g.log,!(a=null===(t=y.value)||void 0===t?void 0:t.clientWidth)){r.next=8;break}return r.abrupt("return",o?null===(i=k.value)||void 0===i?void 0:i.map((function(r){var t=r/(a/e),o=Math.exp((t-n)*C.value+O.value);return Math.round(o)})):null===(s=k.value)||void 0===s?void 0:s.map((function(r){return Math.round(r/(a/B.value))+n})));case 8:console.warn("[maz-ui][MazSlider] ref component not found");case 9:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),$=function(r,t){void 0===_.value&&(_.value=t,D(t))},J=function(){var r=x(z.mark((function r(){var t;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(void 0!==_.value){r.next=2;break}return r.abrupt("return");case 2:return r.next=4,U();case 4:(t=r.sent)&&Y(t),_.value=void 0;case 7:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),Q=function(){var r=x(z.mark((function r(t){var e,n,o,a;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,h();case 2:if(void 0!==_.value){r.next=4;break}return r.abrupt("return");case 4:if(n=null===(e=y.value)||void 0===e?void 0:e.clientWidth,!k.value){r.next=15;break}if(o=k.value[_.value-1]||0,a=k.value[_.value+1]||n,y.value){r.next=10;break}return r.abrupt("return",console.error("[maz-ui](MazSlider/handleMousemove) MazSlider not available"));case 10:return k.value[_.value]=(i=void 0,(i=S(t,y.value).x)<o?o:a&&i>a?a:i),r.next=13,U();case 13:L.value=r.sent,D(_.value);case 15:case"end":return r.stop()}var i}),r)})));return function(t){return r.apply(this,arguments)}}();return function(t,e){return i(),s("div",{style:u([c(F),{fontSize:r.size}]),class:l(["m-slider",["m-slider--".concat(r.color)]]),onMousemovePassive:Q,onMouseupPassive:J,onMouseleavePassive:J,onTouchmovePassive:Q},[d("div",{ref_key:"MazSlider",ref:y,class:"m-slider__bar",role:"slider"},[(i(!0),s(v,null,f(A.value,(function(r,t){return i(),s("div",{key:"divider-".concat(t),style:u([r]),class:"m-slider__divider"},null,4)})),128)),(i(!0),s(v,null,f(c(j),(function(t,e){var n;return i(),s("button",{key:"cursor-".concat(e),type:"button","data-label":q(e),class:l(["m-slider__btn",{"active-cursor":e===_.value&&!r.noCursorAnim}]),style:u([T.value[e]]),onMousedownPassive:function(r){return $(0,e)},onTouchstartPassive:function(r){return $(0,e)},onFocusPassive:function(r){return $(0,e)},onBlurPassive:function(r){return R(e)},onTouchendPassive:function(r){return R(e)},onKeydownPassive:function(r){return function(r,t){"ArrowLeft"===r.key?L.value&&E(L.value[t]-1,L.value[t-1],L.value[t+1],"minus")&&(L.value[t]--,Y(L.value)):"ArrowRight"===r.key&&L.value&&E(L.value[t]+1,L.value[t-1],L.value[t+1],"plus")&&(L.value[t]++,Y(L.value))}(r,e)}},[d("span",null,p(null===(n=L.value)||void 0===n?void 0:n[e]),1)],46,P)})),128))],512)],38)}}});!function(r,t){void 0===t&&(t={});var e=t.insertAt;if(r&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===e&&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-14b78ba6] {\n padding: 1em 1.5rem;\n}\n.m-slider__bar[data-v-14b78ba6] {\n position: relative;\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 border-radius: 9999px;\n\n height: 0.5em;\n}\n.m-slider__divider[data-v-14b78ba6] {\n position: absolute;\n border-radius: 2em;\n height: 100%;\n}\n.m-slider__btn[data-v-14b78ba6] {\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 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 border-radius: 9999px;\n border-width: var(--maz-border-width);\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity));\n background-color: var(--maz-bg-color-light);\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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 padding: 0.25em 0.5em;\n}\n.m-slider__btn span[data-v-14b78ba6] {\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-14b78ba6] {\n -webkit-transform: scale(1.3);\n transform: scale(1.3);\n z-index: 2;\n}\n.m-slider__btn[data-v-14b78ba6]::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-14b78ba6]: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-14b78ba6] {\n background-color: var(--maz-color-primary);\n}\n.m-slider--primary .m-slider__btn.active-cursor[data-v-14b78ba6] {\n border-width: var(--maz-border-width);\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-14b78ba6] {\n background-color: var(--maz-color-secondary);\n}\n.m-slider--secondary .m-slider__btn.active-cursor[data-v-14b78ba6] {\n border-width: var(--maz-border-width);\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-14b78ba6] {\n background-color: var(--maz-color-info);\n}\n.m-slider--info .m-slider__btn.active-cursor[data-v-14b78ba6] {\n border-width: var(--maz-border-width);\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-14b78ba6] {\n background-color: var(--maz-color-success);\n}\n.m-slider--success .m-slider__btn.active-cursor[data-v-14b78ba6] {\n border-width: var(--maz-border-width);\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-14b78ba6] {\n background-color: var(--maz-color-warning);\n}\n.m-slider--warning .m-slider__btn.active-cursor[data-v-14b78ba6] {\n border-width: var(--maz-border-width);\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-14b78ba6] {\n background-color: var(--maz-color-danger);\n}\n.m-slider--danger .m-slider__btn.active-cursor[data-v-14b78ba6] {\n border-width: var(--maz-border-width);\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-14b78ba6] {\n background-color: var(--maz-color-white);\n}\n.m-slider--white .m-slider__btn.active-cursor[data-v-14b78ba6] {\n border-width: var(--maz-border-width);\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-14b78ba6] {\n background-color: var(--maz-color-black);\n}\n.m-slider--black .m-slider__btn.active-cursor[data-v-14b78ba6] {\n border-width: var(--maz-border-width);\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"),T.__scopeId="data-v-14b78ba6";export{T as default};
package/components/MazStepper.d.ts CHANGED
@@ -1,15 +1,18 @@
1
1
  import { type PropType } from 'vue';
2
+ import type { Color } from './types';
2
3
  export interface Step {
3
4
  disabled?: boolean;
4
5
  validated?: boolean;
5
6
  }
7
+ export type Steps = Step[];
8
+ export type { Color } from './types';
6
9
  declare const _default: import("vue").DefineComponent<{
7
10
  modelValue: {
8
11
  type: NumberConstructor;
9
12
  default: undefined;
10
13
  };
11
14
  steps: {
12
- type: PropType<Step[]>;
15
+ type: PropType<Steps>;
13
16
  default: undefined;
14
17
  };
15
18
  disabledNextSteps: {
@@ -24,6 +27,11 @@ declare const _default: import("vue").DefineComponent<{
24
27
  type: BooleanConstructor;
25
28
  default: boolean;
26
29
  };
30
+ color: {
31
+ type: PropType<Color>;
32
+ default: string;
33
+ validator: (value: string) => boolean;
34
+ };
27
35
  }, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
28
36
  [key: string]: any;
29
37
  }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -32,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
32
40
  default: undefined;
33
41
  };
34
42
  steps: {
35
- type: PropType<Step[]>;
43
+ type: PropType<Steps>;
36
44
  default: undefined;
37
45
  };
38
46
  disabledNextSteps: {
@@ -47,13 +55,19 @@ declare const _default: import("vue").DefineComponent<{
47
55
  type: BooleanConstructor;
48
56
  default: boolean;
49
57
  };
58
+ color: {
59
+ type: PropType<Color>;
60
+ default: string;
61
+ validator: (value: string) => boolean;
62
+ };
50
63
  }>> & {
51
64
  "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
52
65
  }, {
53
66
  modelValue: number;
54
- steps: Step[];
67
+ steps: Steps;
55
68
  disabledNextSteps: boolean;
56
69
  disabledPreviousSteps: boolean;
57
70
  autoValidatedSteps: boolean;
71
+ color: Color;
58
72
  }>;
59
73
  export default _default;
package/components/MazStepper.js CHANGED
@@ -1 +1 @@
1
- import{defineComponent as e,openBlock as t,createBlock as n,TransitionGroup as r,withCtx as i,renderSlot as a,nextTick as o,useSlots as l,computed as s,ref as d,createElementBlock as c,Fragment as p,renderList as u,unref as b,createElementVNode as m,normalizeClass as v,createTextVNode as f,toDisplayString as h,createCommentVNode as g,createVNode as y,pushScopeId as _,popScopeId as x}from"vue";var k=e({__name:"MazTransitionExpand",setup:function(e){return function(e,l){return t(),n(r,{class:"m-transition-expand",name:"maz-expand",tag:"div",onEnter:l[0]||(l[0]=function(e){return function(e){var t=getComputedStyle(e).width;e.style.width=t,e.style.position="absolute",e.style.visibility="hidden",e.style.height="auto",e.style.top="bottom";var n=getComputedStyle(e).height;e.style.width="",e.style.position="",e.style.visibility="",e.style.height="0px",getComputedStyle(e).height,o((function(){e.style.height=n}))}(e)}),onAfterEnter:l[1]||(l[1]=function(e){e.style.height="auto"}),onLeave:l[2]||(l[2]=function(e){return t=e,n=getComputedStyle(t).height,t.style.height=n,getComputedStyle(t).height,void o((function(){t.style.height="0px"}));var t,n})},{default:i((function(){return[a(e.$slots,"default")]})),_:3})}}});function w(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}w("\n.m-transition-expand[data-v-6415b90d],\n .m-transition-expand *[data-v-6415b90d] {\n will-change: height;\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-perspective: 1000px;\n perspective: 1000px;\n}\n"),k.__scopeId="data-v-6415b90d";var S={class:"m-stepper"},z=["disabled","onClick"],C={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",width:"1.2rem",height:"1.2rem",stroke:"currentColor","aria-hidden":"true"},B=[function(e){return _("data-v-9106b9b4"),e=e(),x(),e}((function(){return m("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 13l4 4L19 7"},null,-1)}))],j={class:"m-stepper__header__content"},E={class:"m-stepper__title"},N={key:0,class:"m-stepper__subtitle"},T={key:0},V={class:"m-stepper__content__wrapper"},$=e({__name:"MazStepper",props:{modelValue:{type:Number,default:void 0},steps:{type:Array,default:void 0},disabledNextSteps:{type:Boolean,default:!1},disabledPreviousSteps:{type:Boolean,default:!1},autoValidatedSteps:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(e,n){var r=n.emit,o=e,_=l(),x=s((function(){return Object.keys(_).filter((function(e){return e.startsWith("content-")})).length})),w=d(1),$=s({get:function(){var e;return null!==(e=o.modelValue)&&void 0!==e?e:w.value},set:function(e){w.value=e,r("update:model-value",e)}}),A=function(e){e<1?$.value=1:e>x.value?$.value=x.value:$.value=e},M=function(e){return Object.keys(_).filter((function(e){return e.startsWith("title-")})).includes("title-".concat(e))},O=function(e){return Object.keys(_).filter((function(e){return e.startsWith("subtitle-")})).includes("subtitle-".concat(e))},W=function(e){var t,n,r=!(null===(t=o.steps)||void 0===t||null===(n=t[e-1])||void 0===n||!n.validated),i=o.autoValidatedSteps&&e<$.value;return r||i},I=function(e){var t,n,r=!(null===(t=o.steps)||void 0===t||null===(n=t[e-1])||void 0===n||!n.disabled),i=$.value===e,a=o.disabledNextSteps&&e>$.value,l=o.disabledPreviousSteps&&e<$.value;return r||i||a||l},L=function(e){return e===x.value};return function(e,n){return t(),c("div",S,[(t(!0),c(p,null,u(b(x),(function(n){return t(),c(p,{key:n},[M(n)?(t(),c("button",{key:0,type:"button",disabled:I(n),class:"m-stepper__header",onClick:function(e){return A(n)}},[m("span",{class:v(["m-stepper__count --primary",{"--validated":W(n)}])},[W(n)?(t(),c("svg",C,B)):(t(),c(p,{key:1},[f(h(n),1)],64))],2),m("div",j,[m("span",E,[a(e.$slots,"title-".concat(n))]),O(n)?(t(),c("span",N,[a(e.$slots,"subtitle-".concat(n))])):g("",!0)])],8,z)):g("",!0),m("div",{class:v(["m-stepper__content",{"--no-border":L(n)}])},[y(k,null,{default:i((function(){return[b($)===n?(t(),c("div",T,[m("div",V,[a(e.$slots,"content-".concat(n),{nextStep:function(){return A(n+1)},previousStep:function(){return A(n-1)}})])])):g("",!0)]})),_:2},1024)],2)],64)})),128))])}}});w("\n.m-stepper__header[data-v-9106b9b4] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n cursor: pointer;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n}\n.m-stepper__header[data-v-9106b9b4] > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(1rem * var(--tw-space-x-reverse));\n margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))\n}\n.m-stepper__header[data-v-9106b9b4] {\n border-radius: var(--maz-border-radius);\n padding-left: 1rem;\n padding-right: 1rem;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-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;\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: 200ms;\n transition-duration: 200ms\n}\n.m-stepper__header__content[data-v-9106b9b4] {\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 -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start\n}\n.m-stepper__header[data-v-9106b9b4]:not(:disabled):hover {\n background-color: var(--maz-color-bg-lighter)\n}\n.m-stepper__header[data-v-9106b9b4]:not(:disabled):focus {\n background-color: var(--maz-color-bg-lighter)\n}\n.m-stepper__header[data-v-9106b9b4]:disabled {\n cursor: not-allowed\n}\n.m-stepper__title[data-v-9106b9b4] {\n color: var(--maz-color-text)\n}\n.m-stepper__subtitle[data-v-9106b9b4] {\n font-size: 0.75rem;\n line-height: 1rem;\n color: var(--maz-color-muted)\n}\n.m-stepper__count[data-v-9106b9b4] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 2rem;\n width: 2rem;\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\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 font-size: 1.125rem;\n line-height: 1.75rem\n}\n.m-stepper__count.--primary[data-v-9106b9b4] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast)\n}\n.m-stepper__content[data-v-9106b9b4] {\n margin-left: 2rem;\n border-left-width: 2px;\n border-color: transparent;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-left: 2rem\n}\n.m-stepper__content__wrapper[data-v-9106b9b4] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem\n}\n.m-stepper__content[data-v-9106b9b4]:not(.--no-border) {\n border-color: var(--maz-color-bg-lighter)\n}\n"),$.__scopeId="data-v-9106b9b4";export{$ as default};
1
+ import{defineComponent as n,openBlock as t,createBlock as e,TransitionGroup as r,withCtx as a,renderSlot as o,nextTick as i,useCssVars as s,unref as l,computed as c,useSlots as d,ref as p,createElementBlock as u,Fragment as v,renderList as m,normalizeClass as b,createElementVNode as f,createTextVNode as w,toDisplayString as x,createCommentVNode as y,createVNode as g,pushScopeId as h,popScopeId as _}from"vue";var k=n({__name:"MazTransitionExpand",setup:function(n){return function(n,s){return t(),e(r,{class:"m-transition-expand",name:"maz-expand",tag:"div",onEnter:s[0]||(s[0]=function(n){return function(n){var t=getComputedStyle(n).width;n.style.width=t,n.style.position="absolute",n.style.visibility="hidden",n.style.height="auto",n.style.top="bottom";var e=getComputedStyle(n).height;n.style.width="",n.style.position="",n.style.visibility="",n.style.height="0px",getComputedStyle(n).height,i((function(){n.style.height=e}))}(n)}),onAfterEnter:s[1]||(s[1]=function(n){n.style.height="auto"}),onLeave:s[2]||(s[2]=function(n){return t=n,e=getComputedStyle(t).height,t.style.height=e,getComputedStyle(t).height,void i((function(){t.style.height="0px"}));var t,e})},{default:a((function(){return[o(n.$slots,"default")]})),_:3})}}});function z(n,t){void 0===t&&(t={});var e=t.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===e&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}z("\n.m-transition-expand[data-v-6415b90d],\n .m-transition-expand *[data-v-6415b90d] {\n will-change: height;\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-perspective: 1000px;\n perspective: 1000px;\n}\n"),k.__scopeId="data-v-6415b90d";var S={class:"m-stepper"},C=["disabled","onClick"],X=function(n){return h("data-v-6c3b6f66"),n=n(),_(),n}((function(){return f("div",{class:"m-stepper__count__circle"},[f("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",width:"1.2rem",height:"1.2rem",stroke:"currentColor","aria-hidden":"true"},[f("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 13l4 4L19 7"})])],-1)})),Y={class:"m-stepper__header__content"},j={class:"m-stepper__title"},B={key:0,class:"m-stepper__subtitle"},E={key:0},N={class:"m-stepper__content__wrapper"},T=n({__name:"MazStepper",props:{modelValue:{type:Number,default:void 0},steps:{type:Array,default:void 0},disabledNextSteps:{type:Boolean,default:!1},disabledPreviousSteps:{type:Boolean,default:!1},autoValidatedSteps:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","warning","danger","info","success","white","gray","black"].includes(n)}}},emits:["update:model-value"],setup:function(n,e){var r=e.emit,i=n;s((function(n){return{"0c4e8726":l(h),"6c710584":l(_)}}));var h=c((function(){return"var(--maz-color-".concat(i.color,")")})),_=c((function(){return"var(--maz-color-".concat(i.color,"-contrast)")})),z=d(),T=c((function(){return Object.keys(z).filter((function(n){return n.startsWith("content-")})).length})),V=p(1),$=c({get:function(){var n;return null!==(n=i.modelValue)&&void 0!==n?n:V.value},set:function(n){V.value=n,r("update:model-value",n)}}),A=function(n){n<1?$.value=1:n>T.value?$.value=T.value:$.value=n},M=function(n){return Object.keys(z).filter((function(n){return n.startsWith("title-")})).includes("title-".concat(n))},O=function(n){return Object.keys(z).filter((function(n){return n.startsWith("subtitle-")})).includes("subtitle-".concat(n))},W=function(n){var t,e,r=!(null===(t=i.steps)||void 0===t||null===(e=t[n-1])||void 0===e||!e.validated),a=i.autoValidatedSteps&&n<$.value;return r||a},I=function(n){var t,e,r=!(null===(t=i.steps)||void 0===t||null===(e=t[n-1])||void 0===e||!e.disabled),a=$.value===n,o=i.disabledNextSteps&&n>$.value,s=i.disabledPreviousSteps&&n<$.value;return r||a||o||s},L=function(n){return n===T.value};return function(n,e){return t(),u("div",S,[(t(!0),u(v,null,m(l(T),(function(e){return t(),u(v,{key:e},[M(e)?(t(),u("button",{key:0,type:"button",disabled:I(e),class:b(["m-stepper__header",{"--is-current-step":e===l($)}]),onClick:function(n){return A(e)}},[f("span",{class:b(["m-stepper__count --primary",{"--validated":W(e)}])},[X,w(" "+x(e),1)],2),f("div",Y,[f("span",j,[o(n.$slots,"title-".concat(e))]),O(e)?(t(),u("span",B,[o(n.$slots,"subtitle-".concat(e))])):y("",!0)])],10,C)):y("",!0),f("div",{class:b(["m-stepper__content",{"--no-border":L(e)}])},[g(k,null,{default:a((function(){return[l($)===e?(t(),u("div",E,[f("div",N,[o(n.$slots,"content-".concat(e),{nextStep:function(){return A(e+1)},previousStep:function(){return A(e-1)}})])])):y("",!0)]})),_:2},1024)],2)],64)})),128))])}}});z("\n.m-stepper__header[data-v-6c3b6f66] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n width: 100%;\n\n cursor: pointer;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n}\n.m-stepper__header[data-v-6c3b6f66] > :not([hidden]) ~ :not([hidden]) {\n\n --tw-space-x-reverse: 0;\n\n margin-right: calc(1rem * var(--tw-space-x-reverse));\n\n margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.m-stepper__header[data-v-6c3b6f66] {\n\n border-radius: var(--maz-border-radius);\n\n padding-left: 1rem;\n\n padding-right: 1rem;\n\n padding-top: 0.5rem;\n\n padding-bottom: 0.5rem;\n\n outline: 2px solid transparent;\n\n outline-offset: 2px;\n\n -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\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 -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n}\n.m-stepper__header__content[data-v-6c3b6f66] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-orient: vertical;\n\n -webkit-box-direction: normal;\n\n -ms-flex-direction: column;\n\n flex-direction: column;\n\n -webkit-box-align: start;\n\n -ms-flex-align: start;\n\n align-items: flex-start;\n}\n.m-stepper__header[data-v-6c3b6f66]:not(:disabled):hover {\n\n background-color: var(--maz-color-bg-lighter);\n}\n.m-stepper__header[data-v-6c3b6f66]:not(:disabled):focus {\n\n background-color: var(--maz-color-bg-lighter);\n}\n.m-stepper__header[data-v-6c3b6f66]:disabled {\n\n cursor: not-allowed;\n}\n.m-stepper__header.--is-current-step[data-v-6c3b6f66] {\n\n cursor: default;\n}\n.m-stepper__title[data-v-6c3b6f66] {\n\n color: var(--maz-color-text);\n}\n.m-stepper__subtitle[data-v-6c3b6f66] {\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n color: var(--maz-color-muted);\n}\n.m-stepper__count[data-v-6c3b6f66] {\n\n position: relative;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n height: 2rem;\n\n width: 2rem;\n\n -webkit-box-flex: 0;\n\n -ms-flex: none;\n\n flex: none;\n\n overflow: hidden;\n\n border-radius: 9999px;\n\n font-size: 1.125rem;\n\n line-height: 1.75rem;\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 background-color: var(--0c4e8726);\n color: var(--6c710584);\n}\n.m-stepper__count__circle[data-v-6c3b6f66] {\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 --tw-scale-x: 0;\n\n --tw-scale-y: 0;\n\n -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n\n border-radius: 9999px;\n\n background-color: var(--maz-color-success);\n\n -webkit-transition-property: all;\n\n transition-property: all;\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 -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-stepper__count svg[data-v-6c3b6f66] {\n color: var(--6c710584);\n}\n.m-stepper__count.--validated .m-stepper__count__circle[data-v-6c3b6f66] {\n\n --tw-scale-x: 1;\n\n --tw-scale-y: 1;\n\n -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.m-stepper__count.--validated svg[data-v-6c3b6f66] {\n\n color: var(--maz-color-success-contrast);\n}\n.m-stepper__content[data-v-6c3b6f66] {\n\n margin-left: 2rem;\n\n border-left-width: 2px;\n\n border-color: transparent;\n\n padding-top: 0.5rem;\n\n padding-bottom: 0.5rem;\n\n padding-left: 2rem;\n}\n.m-stepper__content__wrapper[data-v-6c3b6f66] {\n\n padding-top: 0.5rem;\n\n padding-bottom: 0.5rem;\n}\n.m-stepper__content[data-v-6c3b6f66]:not(.--no-border) {\n\n border-color: var(--maz-color-bg-lighter);\n}\n"),T.__scopeId="data-v-6c3b6f66";export{T as default};