maz-ui 3.0.0-next.1 → 3.0.0-next.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/MazArrowIcon.js +1 -2
- package/components/MazAvatar.js +2 -3
- package/components/MazBackDrop.js +1 -2
- package/components/MazBadge.js +1 -2
- package/components/MazBottomSheet.js +2 -3
- package/components/MazBtn.js +2 -3
- package/components/MazCard.js +2 -3
- package/components/MazChart.js +1 -2
- package/components/MazCheckbox.js +1 -2
- package/components/MazDialog.js +2 -3
- package/components/MazDialogPromise.js +2 -3
- package/components/MazDrawer.js +2 -3
- package/components/MazDropzone.js +1 -2
- package/components/MazGallery.js +2 -3
- package/components/MazIcon.js +1 -2
- package/components/MazInput.d.ts +5 -1
- package/components/MazInput.js +2 -3
- package/components/MazInputNumber.js +2 -3
- package/components/MazInputPrice.js +2 -3
- package/components/MazLazyImg.js +1 -2
- package/components/MazPhoneNumberInput/utils/index.d.ts +0 -3
- package/components/MazPhoneNumberInput.js +2 -3
- package/components/MazPicker/MazPickerCalendar.vue.d.ts +103 -0
- package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarDays.vue.d.ts +19 -0
- package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts +77 -0
- package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts +87 -0
- package/components/MazPicker/MazPickerCalendarSwitcher.vue.d.ts +40 -0
- package/components/MazPicker/MazPickerContainer.vue.d.ts +157 -0
- package/components/MazPicker/MazPickerHeader.vue.d.ts +68 -0
- package/components/MazPicker/MazPickerMonthSwitcher.vue.d.ts +36 -0
- package/components/MazPicker/MazPickerShortcuts.vue.d.ts +53 -0
- package/components/MazPicker/MazPickerTime.vue.d.ts +71 -0
- package/components/MazPicker/MazPickerYearSwitcher.vue.d.ts +30 -0
- package/components/MazPicker/types.d.ts +15 -0
- package/components/MazPicker/utils.d.ts +64 -0
- package/components/MazPicker.d.ts +230 -0
- package/components/MazPicker.js +15 -0
- package/components/MazSelect.js +2 -3
- package/components/MazSlider.js +2 -3
- package/components/MazSpinner.js +1 -2
- package/components/MazTabsBar.js +2 -3
- package/components/MazTabsContent.js +1 -2
- package/components/MazTabsContentItem.js +2 -3
- package/components/MazTransitionExpand.js +1 -2
- package/components/index.d.ts +3 -1
- package/components/index.js +3 -0
- package/components/no_photo-a72545e4.js +1 -2
- package/components/types.d.ts +1 -1
- package/css/main.css +166 -65
- package/maz-ui.d.ts +6 -3
- package/modules/index.js +2 -3
- package/modules/no_photo-a72545e4.js +1 -2
- package/package.json +7 -9
- package/tailwindcss/css/_subs/animation.css +178 -0
- package/tailwindcss/css/_subs/colors-vars.css +137 -0
- package/tailwindcss/css/_subs/each-colors-vars.css +2 -0
- package/tailwindcss/css/_subs/padded-container-vars.css +44 -0
- package/tailwindcss/css/_subs/reset.css +29 -0
- package/tailwindcss/css/tailwind.css +8 -0
- package/tailwindcss/tailwind.config.js +67 -0
- package/tailwindcss/utils/colors.js +28 -0
- package/tailwindcss/variables/breakpoints.js +14 -0
- package/tailwindcss/variables/colors.js +42 -0
- package/tailwindcss/variables/utilities.js +19 -0
- package/tailwindcss/variables/z-indexes.js +14 -0
- package/components/MazArrowIcon.js.map +0 -1
- package/components/MazAvatar.js.map +0 -1
- package/components/MazBackDrop.js.map +0 -1
- package/components/MazBadge.js.map +0 -1
- package/components/MazBottomSheet.js.map +0 -1
- package/components/MazBtn.js.map +0 -1
- package/components/MazCard.js.map +0 -1
- package/components/MazChart.js.map +0 -1
- package/components/MazCheckbox.js.map +0 -1
- package/components/MazDialog.js.map +0 -1
- package/components/MazDialogPromise.js.map +0 -1
- package/components/MazDrawer.js.map +0 -1
- package/components/MazDropzone.js.map +0 -1
- package/components/MazGallery.js.map +0 -1
- package/components/MazIcon.js.map +0 -1
- package/components/MazInput.js.map +0 -1
- package/components/MazInputNumber.js.map +0 -1
- package/components/MazInputPrice.js.map +0 -1
- package/components/MazLazyImg.js.map +0 -1
- package/components/MazPhoneNumberInput.js.map +0 -1
- package/components/MazSelect.js.map +0 -1
- package/components/MazSlider.js.map +0 -1
- package/components/MazSpinner.js.map +0 -1
- package/components/MazTabsBar.js.map +0 -1
- package/components/MazTabsContent.js.map +0 -1
- package/components/MazTabsContentItem.js.map +0 -1
- package/components/MazTransitionExpand.js.map +0 -1
- package/components/no_photo-a72545e4.js.map +0 -1
- package/modules/index.js.map +0 -1
- package/modules/no_photo-a72545e4.js.map +0 -1
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{defineComponent as t,openBlock as e,createElementBlock as n,normalizeClass as r,createElementVNode as a,pushScopeId as o,popScopeId as i}from"vue";var d=["width","height"],s=["fill"],l=function(t){return o("data-v-75728505"),t=t(),i(),t}((function(){return a("path",{fill:"none",d:"M0 0h24v24H0V0z"},null,-1)})),c=t({props:{dark:{type:Boolean,default:!1},hex:{type:String,default:void 0},size:{type:Number,default:24},orientation:{type:String,default:"bottom"}},setup:function(t){return function(o,i){return e(),n("svg",{mlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,viewBox:"0 0 24 24",class:r(["maz-arrow-icon",[{"is-white":t.dark},t.orientation]])},[a("path",{fill:t.hex,class:r([[t.hex],"arrow"]),d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"},null,10,s),l],10,d)}}});!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}("/* purgecss start ignore */\n\n.maz-arrow-icon[data-v-75728505] {\n -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.maz-arrow-icon path.arrow[data-v-75728505] {\n fill: currentColor;\n}\n\n.maz-arrow-icon.is-white path.arrow[data-v-75728505] {\n fill: white;\n}\n\n.maz-arrow-icon.top[data-v-75728505] {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n.maz-arrow-icon.right[data-v-75728505] {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n}\n\n.maz-arrow-icon.left[data-v-75728505] {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n/* purgecss end ignore */\n"),c.__scopeId="data-v-75728505";export{c as default};
|
|
2
|
-
//# sourceMappingURL=MazArrowIcon.js.map
|
|
1
|
+
import{defineComponent as t,openBlock as e,createElementBlock as n,normalizeClass as r,createElementVNode as a,pushScopeId as o,popScopeId as i}from"vue";var d=["width","height"],s=["fill"],l=function(t){return o("data-v-75728505"),t=t(),i(),t}((function(){return a("path",{fill:"none",d:"M0 0h24v24H0V0z"},null,-1)})),c=t({props:{dark:{type:Boolean,default:!1},hex:{type:String,default:void 0},size:{type:Number,default:24},orientation:{type:String,default:"bottom"}},setup:function(t){return function(o,i){return e(),n("svg",{mlns:"http://www.w3.org/2000/svg",width:t.size,height:t.size,viewBox:"0 0 24 24",class:r(["maz-arrow-icon",[{"is-white":t.dark},t.orientation]])},[a("path",{fill:t.hex,class:r([[t.hex],"arrow"]),d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"},null,10,s),l],10,d)}}});!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}("/* purgecss start ignore */\n\n.maz-arrow-icon[data-v-75728505] {\n -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.maz-arrow-icon path.arrow[data-v-75728505] {\n fill: currentColor;\n}\n\n.maz-arrow-icon.is-white path.arrow[data-v-75728505] {\n fill: white;\n}\n\n.maz-arrow-icon.top[data-v-75728505] {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n.maz-arrow-icon.right[data-v-75728505] {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n}\n\n.maz-arrow-icon.left[data-v-75728505] {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n/* purgecss end ignore */\n"),c.__scopeId="data-v-75728505";export{c as default};
|
package/components/MazAvatar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{defineComponent as e,openBlock as t,createElementBlock as n,normalizeClass as r,pushScopeId as a,popScopeId as o,createElementVNode as i,computed as s,withDirectives as c,Fragment as l,renderList as u,unref as
|
|
1
|
+
import{defineComponent as e,openBlock as t,createElementBlock as n,normalizeClass as r,pushScopeId as a,popScopeId as o,createElementVNode as i,computed as s,withDirectives as c,Fragment as l,renderList as u,unref as d,mergeProps as f,createVNode as p,createCommentVNode as h,renderSlot as v,inject as m,ref as g,onMounted as b,watch as y,nextTick as w,createBlock as x,resolveDynamicComponent as k,withCtx as _,withKeys as A,toDisplayString as z}from"vue";function E(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var L={exports:{}};!function(e){function t(n){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(n)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(L);var I,O=E(L.exports),C={exports:{}};(I=C).exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},I.exports.__esModule=!0,I.exports.default=I.exports;var S=E(C.exports),P={exports:{}};!function(e){function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports}(P);var j=E(P.exports),B={exports:{}};!function(e){var t=function(e){var t,n=Object.prototype,r=n.hasOwnProperty,a="function"==typeof Symbol?Symbol:{},o=a.iterator||"@@iterator",i=a.asyncIterator||"@@asyncIterator",s=a.toStringTag||"@@toStringTag";function c(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,n){return e[t]=n}}function l(e,t,n,r){var a=t&&t.prototype instanceof m?t:m,o=Object.create(a.prototype),i=new I(r||[]);return o._invoke=function(e,t,n){var r=d;return function(a,o){if(r===p)throw new Error("Generator is already running");if(r===h){if("throw"===a)throw o;return C()}for(n.method=a,n.arg=o;;){var i=n.delegate;if(i){var s=z(i,n);if(s){if(s===v)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===d)throw r=h,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=p;var c=u(e,t,n);if("normal"===c.type){if(r=n.done?h:f,c.arg===v)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(r=h,n.method="throw",n.arg=c.arg)}}}(e,n,i),o}function u(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=l;var d="suspendedStart",f="suspendedYield",p="executing",h="completed",v={};function m(){}function g(){}function b(){}var y={};c(y,o,(function(){return this}));var w=Object.getPrototypeOf,x=w&&w(w(O([])));x&&x!==n&&r.call(x,o)&&(y=x);var k=b.prototype=m.prototype=Object.create(y);function _(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function A(e,t){function n(a,o,i,s){var c=u(e[a],e,o);if("throw"!==c.type){var l=c.arg,d=l.value;return d&&"object"==typeof d&&r.call(d,"__await")?t.resolve(d.__await).then((function(e){n("next",e,i,s)}),(function(e){n("throw",e,i,s)})):t.resolve(d).then((function(e){l.value=e,i(l)}),(function(e){return n("throw",e,i,s)}))}s(c.arg)}var a;this._invoke=function(e,r){function o(){return new t((function(t,a){n(e,r,t,a)}))}return a=a?a.then(o,o):o()}}function z(e,n){var r=e.iterator[n.method];if(r===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,z(e,n),"throw"===n.method))return v;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var a=u(r,e.iterator,n.arg);if("throw"===a.type)return n.method="throw",n.arg=a.arg,n.delegate=null,v;var o=a.arg;return o?o.done?(n[e.resultName]=o.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,v):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function E(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function L(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function I(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(E,this),this.reset(!0)}function O(e){if(e){var n=e[o];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var a=-1,i=function n(){for(;++a<e.length;)if(r.call(e,a))return n.value=e[a],n.done=!1,n;return n.value=t,n.done=!0,n};return i.next=i}}return{next:C}}function C(){return{value:t,done:!0}}return g.prototype=b,c(k,"constructor",b),c(b,"constructor",g),g.displayName=c(b,s,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,c(e,s,"GeneratorFunction")),e.prototype=Object.create(k),e},e.awrap=function(e){return{__await:e}},_(A.prototype),c(A.prototype,i,(function(){return this})),e.AsyncIterator=A,e.async=function(t,n,r,a,o){void 0===o&&(o=Promise);var i=new A(l(t,n,r,a),o);return e.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},_(k),c(k,s,"Generator"),c(k,o,(function(){return this})),c(k,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=O,I.prototype={constructor:I,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(L),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function a(r,a){return s.type="throw",s.arg=e,n.next=r,a&&(n.method="next",n.arg=t),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],s=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var c=r.call(i,"catchLoc"),l=r.call(i,"finallyLoc");if(c&&l){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,v):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),L(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;L(n)}return a}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={iterator:O(e),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=t),v}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(B);var T=B.exports;
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,5 +12,4 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */function M(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{c(r.next(e))}catch(e){o(e)}}function s(e){try{c(r.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}c((r=r.apply(e,t||[])).next())}))}function H(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function F(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=H(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,a){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,a,(t=e[n](t)).done,t.value)}))}}}function N(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return D(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return D(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){s=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(s)throw o}}}}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var $,G={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}},U=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};S(this,e),this.observers=[],this.defaultOptions=G,this.hasImgLoaded=!1,this.options=this.buildOptions(t),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}return j(e,[{key:"loadErrorPhoto",value:function(){return M(this,void 0,void 0,T.mark((function e(){return T.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,import("./no_photo-a72545e4.js");case 2:return e.abrupt("return",e.sent.default);case 3:case"end":return e.stop()}}),e)})))}},{key:"buildOptions",value:function(e){return Object.assign(Object.assign(Object.assign({},this.defaultOptions),e),{observerOptions:Object.assign(Object.assign({},this.defaultOptions.observerOptions),e.observerOptions)})}},{key:"removeClass",value:function(e,t){e.classList.remove(t)}},{key:"addClass",value:function(e,t){e.classList.add(t)}},{key:"removeAllStateClasses",value:function(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}},{key:"setBaseClass",value:function(e){this.addClass(e,this.options.baseClass)}},{key:"imageIsLoading",value:function(e){var t,n;this.addClass(e,this.options.loadingClass),null===(n=(t=this.options).onLoading)||void 0===n||n.call(t,e)}},{key:"imageHasNoPhoto",value:function(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}},{key:"imageIsLoaded",value:function(e){var t,n;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null===(n=(t=this.options).onLoaded)||void 0===n||n.call(t,e)}},{key:"imageHasError",value:function(e,t){var n,r;console.warn("[MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null===(r=(n=this.options).onError)||void 0===r||r.call(n,e),this.setDefaultPhoto(e)}},{key:"getImageUrl",value:function(e,t){var n=this.getImgElement(e).getAttribute("data-src");if(n)return n;var r="object"===O(t.value)?t.value.src:t.value;return r||console.warn("[MazLazyImg] src url is not defined"),r}},{key:"setPictureSourceUrls",value:function(e){var t,n;return M(this,void 0,void 0,T.mark((function r(){var a,o,i,s,c;return T.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!((a=e.querySelectorAll("source")).length>0)){r.next=30;break}r.prev=2,o=F(a);case 4:return r.next=6,o.next();case 6:if((i=r.sent).done){r.next=13;break}s=i.value,(c=s.getAttribute("data-srcset"))?s.srcset=c:console.warn('[MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"');case 11:r.next=4;break;case 13:r.next=18;break;case 15:r.prev=15,r.t0=r.catch(2),t={error:r.t0};case 18:if(r.prev=18,r.prev=19,!i||i.done||!(n=o.return)){r.next=23;break}return r.next=23,n.call(o);case 23:if(r.prev=23,!t){r.next=26;break}throw t.error;case 26:return r.finish(23);case 27:return r.finish(18);case 28:r.next=32;break;case 30:console.warn('[MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e);case 32:case"end":return r.stop()}}),r,this,[[2,15,18,28],[19,,23,27]])})))}},{key:"hasBgImgMode",value:function(e){return"bg-image"===e.arg}},{key:"isPictureElement",value:function(e){return e instanceof HTMLPictureElement}},{key:"getImgElement",value:function(e){return this.isPictureElement(e)?e.querySelector("img"):e}},{key:"setDefaultPhoto",value:function(e){var t,n;return M(this,void 0,void 0,T.mark((function r(){var a,o,i,s;return T.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!this.options.noUseErrorPhoto){r.next=2;break}return r.abrupt("return");case 2:if(!this.options.errorPhoto){r.next=6;break}r.t0=this.options.errorPhoto,r.next=9;break;case 6:return r.next=8,this.loadErrorPhoto();case 8:r.t0=r.sent;case 9:if(a=r.t0,!((o=e.querySelectorAll("source")).length>0)){r.next=39;break}r.prev=12,i=F(o);case 14:return r.next=16,i.next();case 16:if((s=r.sent).done){r.next=22;break}s.value.srcset=a;case 20:r.next=14;break;case 22:r.next=27;break;case 24:r.prev=24,r.t1=r.catch(12),t={error:r.t1};case 27:if(r.prev=27,r.prev=28,!s||s.done||!(n=i.return)){r.next=32;break}return r.next=32,n.call(i);case 32:if(r.prev=32,!t){r.next=35;break}throw t.error;case 35:return r.finish(32);case 36:return r.finish(27);case 37:r.next=40;break;case 39:this.setImgSrc(e,a);case 40:case"end":return r.stop()}}),r,this,[[12,24,27,37],[28,,32,36]])})))}},{key:"addEventListenerToImg",value:function(e){var t=this,n=this.getImgElement(e);n.addEventListener("load",(function(){return t.onImgLoadedCallback(e)}),{once:!0}),n.addEventListener("error",(function(n){return t.onImgErrorCallback(e,n)}),{once:!0})}},{key:"loadImage",value:function(e,t){return M(this,void 0,void 0,T.mark((function n(){var r;return T.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(this.imageIsLoading(e),!this.isPictureElement(e)){n.next=7;break}return this.addEventListenerToImg(e),n.next=5,this.setPictureSourceUrls(e);case 5:n.next=11;break;case 7:if(r=this.getImageUrl(e,t)){n.next=10;break}return n.abrupt("return",this.imageHasError(e));case 10:this.hasBgImgMode(t)?(e.style.backgroundImage="url('".concat(r,"')"),this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,r));case 11:case"end":return n.stop()}}),n,this)})))}},{key:"setImgSrc",value:function(e,t){this.getImgElement(e).src=t}},{key:"handleIntersectionObserver",value:function(e,t,n,r){var a,o;this.observers.push(r);var i,s=N(n);try{for(s.s();!(i=s.n()).done;){var c=i.value;if(c.isIntersecting){if(null===(o=(a=this.options).onIntersecting)||void 0===o||o.call(a,c.target),this.options.observerOnce&&r.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}}catch(e){s.e(e)}finally{s.f()}}},{key:"createObserver",value:function(e,t){var n=this,r=this.options.observerOptions;new IntersectionObserver((function(r,a){n.handleIntersectionObserver(e,t,r,a)}),r).observe(e)}},{key:"imageHandler",value:function(e,t,n){var r,a;return M(this,void 0,void 0,T.mark((function o(){var i,s;return T.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if("update"!==n){o.next=26;break}o.prev=1,i=F(this.observers);case 3:return o.next=5,i.next();case 5:if((s=o.sent).done){o.next=11;break}s.value.unobserve(e);case 9:o.next=3;break;case 11:o.next=16;break;case 13:o.prev=13,o.t0=o.catch(1),r={error:o.t0};case 16:if(o.prev=16,o.prev=17,!s||s.done||!(a=i.return)){o.next=21;break}return o.next=21,a.call(i);case 21:if(o.prev=21,!r){o.next=24;break}throw r.error;case 24:return o.finish(21);case 25:return o.finish(16);case 26:window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t);case 27:case"end":return o.stop()}}),o,this,[[1,13,16,26],[17,,21,25]])})))}},{key:"bindUpdateHandler",value:function(e,t,n){return M(this,void 0,void 0,T.mark((function r(){return T.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!this.options.noPhoto){r.next=2;break}return r.abrupt("return",this.imageHasNoPhoto(e));case 2:return r.next=4,this.imageHandler(e,t,n);case 4:case"end":return r.stop()}}),r,this)})))}},{key:"add",value:function(e,t){return M(this,void 0,void 0,T.mark((function n(){var r=this;return T.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!this.hasBgImgMode(t)||!this.isPictureElement(e)){n.next=2;break}throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');case 2:return setTimeout((function(){return r.setBaseClass(e)}),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),n.next=6,this.bindUpdateHandler(e,t,"bind");case 6:case"end":return n.stop()}}),n,this)})))}},{key:"update",value:function(e,t){return M(this,void 0,void 0,T.mark((function n(){return T.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t.value===t.oldValue){n.next=5;break}return this.hasImgLoaded=!1,this.removeAllStateClasses(e),n.next=5,this.bindUpdateHandler(e,t,"update");case 5:case"end":return n.stop()}}),n,this)})))}},{key:"remove",value:function(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);var n,r=N(this.observers);try{for(r.s();!(n=r.n()).done;){n.value.unobserve(e)}}catch(e){r.e(e)}finally{r.f()}this.observers=[]}}]),e}(),q={created:function(e,t){var n="object"===O(t.value)?t.value:{};($=new U(n)).add(e,t)},updated:function(e,t){$.update(e,t)},unmounted:function(e,t){$.remove(e,t)}},R=["width","height"],V=[function(e){return a("data-v-57af58bb"),e=e(),o(),e}((function(){return i("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)}))],Y=e({props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(e){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}}},setup:function(e){return function(a,o){return t(),n("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:r(["m-spinner","m-spinner--".concat(e.color)]),style:{"enable-background":"new 0 0 50 50"}},V,10,R)}}});function Q(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}Q("/* purgecss start ignore */\n\n.m-spinner[data-v-57af58bb] {\n -webkit-animation: maz-spin 1s linear infinite;\n animation: maz-spin 1s linear infinite;\n fill: currentColor;\n color: var(--maz-color-white);\n margin: 0px !important;\n}\n\n.m-spinner--primary[data-v-57af58bb] {\n color: var(--maz-color-primary);\n}\n\n.m-spinner--secondary[data-v-57af58bb] {\n color: var(--maz-color-secondary);\n}\n\n.m-spinner--info[data-v-57af58bb] {\n color: var(--maz-color-info);\n}\n\n.m-spinner--warning[data-v-57af58bb] {\n color: var(--maz-color-warning);\n}\n\n.m-spinner--danger[data-v-57af58bb] {\n color: var(--maz-color-danger);\n}\n\n.m-spinner--success[data-v-57af58bb] {\n color: var(--maz-color-success);\n}\n\n.m-spinner--black[data-v-57af58bb] {\n color: var(--maz-color-black);\n}\n\n.m-spinner--white[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n.m-spinner--transparent[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n/* purgecss end ignore */\n"),Y.__scopeId="data-v-57af58bb";var K=["data-srcset","media"],X={key:0,class:"m-lazy-img-component-loader"},J=e({props:{image:{type:[String,Object],default:void 0},noPhoto:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},noObserverOnce:{type:Boolean,default:!1},loadOnce:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},observerOptions:{type:Object,default:null}},emits:["intersecting","loading","loaded","error"],setup:function(e){var a=e,o=s((function(){var e;return"string"==typeof a.image?[{srcset:a.image}]:null===(e=a.image)||void 0===e?void 0:e.sources}));return function(a,s){return c((t(),n("picture",{class:r(["m-lazy-img-component",{"-use-loader":!e.noLoader,"--height-full":e.imageHeightFull}])},[(t(!0),n(l,null,u(f(o),(function(e,r){var a=e.srcset,o=e.media;return t(),n("source",{key:r,"data-srcset":a,media:o},null,8,K)})),128)),i("img",d(a.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"}),null,16),e.noLoader?h("",!0):(t(),n("div",X,[p(Y,{color:"black",size:"2em"})])),v(a.$slots,"default")],2)),[[f(q),{noPhoto:e.noPhoto,observerOnce:!e.noObserverOnce,loadOnce:e.loadOnce,onIntersecting:function(e){return a.$emit("intersecting",e)},onLoading:function(e){return a.$emit("loading",e)},onLoaded:function(e){return a.$emit("loaded",e)},onError:function(e){return a.$emit("error",e)},observerOptions:e.observerOptions}]])}}});Q("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\n.m-lazy-img-component[data-v-2ba18b6b] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n background-color: var(--maz-color-bg-lighter);\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-lazy-img-component-loader[data-v-2ba18b6b] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: 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}\n\n.m-lazy-img-component:not(.m-lazy-error):not(.m-lazy-no-photo) img[data-v-2ba18b6b] {\n height: 100%;\n width: 100%;\n}\n\n.m-lazy-img-component.--height-full img[data-v-2ba18b6b] {\n max-height: 100% !important;\n width: -webkit-min-content !important;\n width: -moz-min-content !important;\n width: min-content !important;\n max-width: -webkit-min-content !important;\n max-width: -moz-min-content !important;\n max-width: min-content !important;\n}\n\n.m-lazy-img-component:not(.m-lazy-loaded):not(.m-lazy-no-photo) .m-lazy-img-component-loader[data-v-2ba18b6b] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n/* purgecss end ignore */\n"),J.__scopeId="data-v-2ba18b6b";var W=["innerHTML"],Z=e({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(e){return e}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(e,r){var a=this,o=r.emit,i=e,c={},l=g(),u=g(),f=function(e,t){var n=m(e,t);if(n)return n}("mazIconPath"),p=s((function(){var e;return null!==(e=i.path)&&void 0!==e?e:f})),v=s((function(){return i.src?i.src:p.value?"".concat(p.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));b((function(){if(!i.name&&!i.src)throw new Error('[MazIcon] you should provide "name" or "src" as prop');k(v.value)}));var x=function(e){var t=e.cloneNode(!0);return t=i.transformSource(e),i.title&&function(e,t){var n=e.getElementsByTagName("title");if(n.length)n[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,e.appendChild(r)}}(t,i.title),e.innerHTML},k=function(e){return M(a,void 0,void 0,T.mark((function t(){var n;return T.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return c[e]||(c[e]=_(e)),t.prev=1,t.next=4,c[e];case 4:return n=t.sent,l.value=n,t.next=8,w();case 8:o("loaded",u.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),l.value&&(l.value=void 0,o("unloaded")),delete c[e],o("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},_=function(e){return new Promise((function(t,n){var r=new XMLHttpRequest;r.open("GET",e,!0),r.onload=function(){if(r.status>=200&&r.status<400)try{var e=(new DOMParser).parseFromString(r.responseText,"text/xml").getElementsByTagName("svg")[0];e?t(e):n(new Error('Loaded file is not valid SVG"'))}catch(e){n(e)}else n(new Error("Error loading SVG"))},r.onerror=n,r.send()}))};return y((function(){return i.src}),(function(){return k(v.value)})),function(r,a){return l.value?(t(),n("svg",d({key:0,ref_key:"svgElem",ref:u,width:"1em",height:"1em"},Object.assign(Object.assign({},function(e){var t={},n=e.attributes;if(!n)return t;for(var r=n.length-1;r>=0;r--)t[n[r].name]=n[r].value;return t}(l.value)),(o=r.$attrs,Object.keys(o).reduce((function(e,t){return!1!==o[t]&&null!==o[t]&&void 0!==o[t]&&(e[t]=o[t]),e}),{}))),{style:"font-size: ".concat(e.size),innerHTML:x(l.value)}),null,16,W)):h("",!0);var o}}}),ee=["tabindex"],te={class:"m-avatar__initial"},ne={key:0,class:"m-avatar__caption"},re=e({props:{src:{type:String,default:void 0},caption:{type:String,default:void 0},href:{type:String,default:void 0},to:{type:Object,default:void 0},alt:{type:String,default:"avatar image"},target:{type:String,default:"_self"},size:{type:String,default:"1rem"},bordered:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1},square:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1},showCaption:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1}},emits:["click"],setup:function(e){var a=e,o=s((function(){return a.to?"RouterLink":a.href?"a":"div"})),c=s((function(){return!!a.to||!!a.href}));return function(a,s){return t(),x(k(f(o)),d({style:{fontSize:e.size},class:["m-avatar",[{"--has-link":f(c)}]]},a.$attrs,{href:e.href,to:e.to,target:f(c)?e.target:void 0}),{default:_((function(){return[i("div",{class:r(["m-avatar__wrapper",{"--has-shadow":!e.noElevation,"--bordered":e.bordered,"--clickable":e.clickable,"--square":e.square,"--has-initial":!e.src&&e.caption}]),tabindex:e.clickable?0:-1,onKeydown:s[2]||(s[2]=A((function(t){return e.clickable?a.$emit("click",t):void 0}),["enter"]))},[e.src?(t(),x(J,{key:0,class:"m-avatar__picture",image:e.src,alt:e.alt,"image-height-full":"","no-loader":e.noLoader,onClick:s[0]||(s[0]=function(t){return e.clickable?a.$emit("click",t):null})},null,8,["image","alt","no-loader"])):h("",!0),e.caption?v(a.$slots,"round-text",{key:1},(function(){var t;return[i("span",te,E(null===(t=e.caption)||void 0===t?void 0:t.charAt(0)),1)]})):h("",!0),e.clickable?(t(),n("button",{key:2,type:"button",tabindex:"-1",class:"m-avatar__button maz-flex maz-flex-center",onClick:s[1]||(s[1]=function(e){return a.$emit("click",e)})},[v(a.$slots,"icon",{},(function(){return[p(Z,{src:f("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.232%205.232l3.536%203.536m-2.036-5.036a2.5%202.5%200%20113.536%203.536L6.5%2021.036H3v-3.572L16.732%203.732z%22%2F%3E%3C%2Fsvg%3E"),class:"m-avatar__button__icon"},null,8,["src"])]}))])):h("",!0)],42,ee),v(a.$slots,"caption",{},(function(){return[e.showCaption&&e.caption?(t(),n("p",ne,E(e.caption),1)):h("",!0)]}))]})),_:3},16,["style","class","href","to","target"])}}});Q("/* purgecss start ignore */\n\n.m-avatar[data-v-fe771ef8] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\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 text-decoration: none !important;\n}\n\n.m-avatar__caption[data-v-fe771ef8] {\n margin-top: 0.5rem;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 500;\n text-transform: capitalize;\n color: var(--maz-color-black);\n}\n\n.m-avatar__initial[data-v-fe771ef8] {\n text-transform: capitalize;\n color: var(--maz-color-white);\n font-size: 1.5em;\n}\n\n.m-avatar__wrapper[data-v-fe771ef8] {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 9999px;\n background-color: var(--maz-color-bg-lighter);\n height: 3em;\n width: 3em;\n}\n\n.m-avatar__wrapper.--clickable .m-avatar__button[data-v-fe771ef8] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n width: 100%;\n cursor: pointer;\n border-radius: 0.5rem;\n border-style: none;\n background-color: transparent;\n opacity: 0;\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transform: scale(0);\n transform: scale(0);\n}\n\n.m-avatar__wrapper.--clickable .m-avatar__button__icon[data-v-fe771ef8] {\n color: var(--maz-color-white);\n height: 1em;\n width: 1em;\n}\n\n.m-avatar__wrapper.--clickable:not(.--square) .m-avatar__button[data-v-fe771ef8] {\n border-radius: 9999px;\n}\n\n.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-fe771ef8], .m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-fe771ef8] {\n -webkit-filter: blur(1.5px);\n filter: blur(1.5px);\n}\n\n.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-fe771ef8], .m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-fe771ef8] {\n opacity: 1;\n -webkit-transform: scale(1.05);\n transform: scale(1.05);\n background-color: var(--maz-color-info-alpha);\n}\n\n.m-avatar__wrapper.--bordered[data-v-fe771ef8] {\n border-width: 2px;\n border-style: solid;\n border-color: var(--maz-color-white);\n}\n\n.m-avatar__wrapper.--square[data-v-fe771ef8] {\n border-radius: 0.5rem;\n}\n\n.m-avatar__wrapper.--has-shadow[data-v-fe771ef8] {\n --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.m-avatar__wrapper.--has-initial[data-v-fe771ef8] {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: var(--maz-color-primary);\n}\n\n.m-avatar__wrapper.--has-initial.--clickable .m-avatar__button[data-v-fe771ef8] {\n background-color: var(--maz-color-danger);\n}\n\n.m-avatar.--has-link[data-v-fe771ef8] {\n cursor: pointer;\n}\n\n/* purgecss end ignore */\n"),re.__scopeId="data-v-fe771ef8";export{re as default};
|
|
16
|
-
//# sourceMappingURL=MazAvatar.js.map
|
|
15
|
+
***************************************************************************** */function M(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{c(r.next(e))}catch(e){o(e)}}function s(e){try{c(r.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}c((r=r.apply(e,t||[])).next())}))}function H(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function F(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=H(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,a){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,a,(t=e[n](t)).done,t.value)}))}}}function N(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return D(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return D(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){s=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(s)throw o}}}}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var $,G={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}},U=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};S(this,e),this.observers=[],this.defaultOptions=G,this.hasImgLoaded=!1,this.options=this.buildOptions(t),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}return j(e,[{key:"loadErrorPhoto",value:function(){return M(this,void 0,void 0,T.mark((function e(){return T.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,import("./no_photo-a72545e4.js");case 2:return e.abrupt("return",e.sent.default);case 3:case"end":return e.stop()}}),e)})))}},{key:"buildOptions",value:function(e){return Object.assign(Object.assign(Object.assign({},this.defaultOptions),e),{observerOptions:Object.assign(Object.assign({},this.defaultOptions.observerOptions),e.observerOptions)})}},{key:"removeClass",value:function(e,t){e.classList.remove(t)}},{key:"addClass",value:function(e,t){e.classList.add(t)}},{key:"removeAllStateClasses",value:function(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}},{key:"setBaseClass",value:function(e){this.addClass(e,this.options.baseClass)}},{key:"imageIsLoading",value:function(e){var t,n;this.addClass(e,this.options.loadingClass),null===(n=(t=this.options).onLoading)||void 0===n||n.call(t,e)}},{key:"imageHasNoPhoto",value:function(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}},{key:"imageIsLoaded",value:function(e){var t,n;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null===(n=(t=this.options).onLoaded)||void 0===n||n.call(t,e)}},{key:"imageHasError",value:function(e,t){var n,r;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null===(r=(n=this.options).onError)||void 0===r||r.call(n,e),this.setDefaultPhoto(e)}},{key:"getImageUrl",value:function(e,t){var n=this.getImgElement(e).getAttribute("data-src");if(n)return n;var r="object"===O(t.value)?t.value.src:t.value;return r||console.warn("[maz-ui][MazLazyImg] src url is not defined"),r}},{key:"setPictureSourceUrls",value:function(e){var t,n;return M(this,void 0,void 0,T.mark((function r(){var a,o,i,s,c;return T.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!((a=e.querySelectorAll("source")).length>0)){r.next=30;break}r.prev=2,o=F(a);case 4:return r.next=6,o.next();case 6:if((i=r.sent).done){r.next=13;break}s=i.value,(c=s.getAttribute("data-srcset"))?s.srcset=c:console.warn('[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"');case 11:r.next=4;break;case 13:r.next=18;break;case 15:r.prev=15,r.t0=r.catch(2),t={error:r.t0};case 18:if(r.prev=18,r.prev=19,!i||i.done||!(n=o.return)){r.next=23;break}return r.next=23,n.call(o);case 23:if(r.prev=23,!t){r.next=26;break}throw t.error;case 26:return r.finish(23);case 27:return r.finish(18);case 28:r.next=32;break;case 30:console.warn('[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e);case 32:case"end":return r.stop()}}),r,this,[[2,15,18,28],[19,,23,27]])})))}},{key:"hasBgImgMode",value:function(e){return"bg-image"===e.arg}},{key:"isPictureElement",value:function(e){return e instanceof HTMLPictureElement}},{key:"getImgElement",value:function(e){return this.isPictureElement(e)?e.querySelector("img"):e}},{key:"setDefaultPhoto",value:function(e){var t,n;return M(this,void 0,void 0,T.mark((function r(){var a,o,i,s;return T.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!this.options.noUseErrorPhoto){r.next=2;break}return r.abrupt("return");case 2:if(!this.options.errorPhoto){r.next=6;break}r.t0=this.options.errorPhoto,r.next=9;break;case 6:return r.next=8,this.loadErrorPhoto();case 8:r.t0=r.sent;case 9:if(a=r.t0,!((o=e.querySelectorAll("source")).length>0)){r.next=39;break}r.prev=12,i=F(o);case 14:return r.next=16,i.next();case 16:if((s=r.sent).done){r.next=22;break}s.value.srcset=a;case 20:r.next=14;break;case 22:r.next=27;break;case 24:r.prev=24,r.t1=r.catch(12),t={error:r.t1};case 27:if(r.prev=27,r.prev=28,!s||s.done||!(n=i.return)){r.next=32;break}return r.next=32,n.call(i);case 32:if(r.prev=32,!t){r.next=35;break}throw t.error;case 35:return r.finish(32);case 36:return r.finish(27);case 37:r.next=40;break;case 39:this.setImgSrc(e,a);case 40:case"end":return r.stop()}}),r,this,[[12,24,27,37],[28,,32,36]])})))}},{key:"addEventListenerToImg",value:function(e){var t=this,n=this.getImgElement(e);n.addEventListener("load",(function(){return t.onImgLoadedCallback(e)}),{once:!0}),n.addEventListener("error",(function(n){return t.onImgErrorCallback(e,n)}),{once:!0})}},{key:"loadImage",value:function(e,t){return M(this,void 0,void 0,T.mark((function n(){var r;return T.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(this.imageIsLoading(e),!this.isPictureElement(e)){n.next=7;break}return this.addEventListenerToImg(e),n.next=5,this.setPictureSourceUrls(e);case 5:n.next=11;break;case 7:if(r=this.getImageUrl(e,t)){n.next=10;break}return n.abrupt("return",this.imageHasError(e));case 10:this.hasBgImgMode(t)?(e.style.backgroundImage="url('".concat(r,"')"),this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,r));case 11:case"end":return n.stop()}}),n,this)})))}},{key:"setImgSrc",value:function(e,t){this.getImgElement(e).src=t}},{key:"handleIntersectionObserver",value:function(e,t,n,r){var a,o;this.observers.push(r);var i,s=N(n);try{for(s.s();!(i=s.n()).done;){var c=i.value;if(c.isIntersecting){if(null===(o=(a=this.options).onIntersecting)||void 0===o||o.call(a,c.target),this.options.observerOnce&&r.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}}catch(e){s.e(e)}finally{s.f()}}},{key:"createObserver",value:function(e,t){var n=this,r=this.options.observerOptions;new IntersectionObserver((function(r,a){n.handleIntersectionObserver(e,t,r,a)}),r).observe(e)}},{key:"imageHandler",value:function(e,t,n){var r,a;return M(this,void 0,void 0,T.mark((function o(){var i,s;return T.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if("update"!==n){o.next=26;break}o.prev=1,i=F(this.observers);case 3:return o.next=5,i.next();case 5:if((s=o.sent).done){o.next=11;break}s.value.unobserve(e);case 9:o.next=3;break;case 11:o.next=16;break;case 13:o.prev=13,o.t0=o.catch(1),r={error:o.t0};case 16:if(o.prev=16,o.prev=17,!s||s.done||!(a=i.return)){o.next=21;break}return o.next=21,a.call(i);case 21:if(o.prev=21,!r){o.next=24;break}throw r.error;case 24:return o.finish(21);case 25:return o.finish(16);case 26:window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t);case 27:case"end":return o.stop()}}),o,this,[[1,13,16,26],[17,,21,25]])})))}},{key:"bindUpdateHandler",value:function(e,t,n){return M(this,void 0,void 0,T.mark((function r(){return T.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!this.options.noPhoto){r.next=2;break}return r.abrupt("return",this.imageHasNoPhoto(e));case 2:return r.next=4,this.imageHandler(e,t,n);case 4:case"end":return r.stop()}}),r,this)})))}},{key:"add",value:function(e,t){return M(this,void 0,void 0,T.mark((function n(){var r=this;return T.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!this.hasBgImgMode(t)||!this.isPictureElement(e)){n.next=2;break}throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');case 2:return setTimeout((function(){return r.setBaseClass(e)}),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),n.next=6,this.bindUpdateHandler(e,t,"bind");case 6:case"end":return n.stop()}}),n,this)})))}},{key:"update",value:function(e,t){return M(this,void 0,void 0,T.mark((function n(){return T.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t.value===t.oldValue){n.next=5;break}return this.hasImgLoaded=!1,this.removeAllStateClasses(e),n.next=5,this.bindUpdateHandler(e,t,"update");case 5:case"end":return n.stop()}}),n,this)})))}},{key:"remove",value:function(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);var n,r=N(this.observers);try{for(r.s();!(n=r.n()).done;){n.value.unobserve(e)}}catch(e){r.e(e)}finally{r.f()}this.observers=[]}}]),e}(),q={created:function(e,t){var n="object"===O(t.value)?t.value:{};($=new U(n)).add(e,t)},updated:function(e,t){$.update(e,t)},unmounted:function(e,t){$.remove(e,t)}},R=["width","height"],V=[function(e){return a("data-v-57af58bb"),e=e(),o(),e}((function(){return i("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)}))],Y=e({props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(e){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}}},setup:function(e){return function(a,o){return t(),n("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:r(["m-spinner","m-spinner--".concat(e.color)]),style:{"enable-background":"new 0 0 50 50"}},V,10,R)}}});function Q(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}Q("/* purgecss start ignore */\n\n.m-spinner[data-v-57af58bb] {\n -webkit-animation: maz-spin 1s linear infinite;\n animation: maz-spin 1s linear infinite;\n fill: currentColor;\n color: var(--maz-color-white);\n margin: 0px !important;\n}\n\n.m-spinner--primary[data-v-57af58bb] {\n color: var(--maz-color-primary);\n}\n\n.m-spinner--secondary[data-v-57af58bb] {\n color: var(--maz-color-secondary);\n}\n\n.m-spinner--info[data-v-57af58bb] {\n color: var(--maz-color-info);\n}\n\n.m-spinner--warning[data-v-57af58bb] {\n color: var(--maz-color-warning);\n}\n\n.m-spinner--danger[data-v-57af58bb] {\n color: var(--maz-color-danger);\n}\n\n.m-spinner--success[data-v-57af58bb] {\n color: var(--maz-color-success);\n}\n\n.m-spinner--black[data-v-57af58bb] {\n color: var(--maz-color-black);\n}\n\n.m-spinner--white[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n.m-spinner--transparent[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n/* purgecss end ignore */\n"),Y.__scopeId="data-v-57af58bb";var K=["data-srcset","media"],X={key:0,class:"m-lazy-img-component-loader"},J=e({props:{image:{type:[String,Object],default:void 0},noPhoto:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},noObserverOnce:{type:Boolean,default:!1},loadOnce:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},observerOptions:{type:Object,default:null}},emits:["intersecting","loading","loaded","error"],setup:function(e){var a=e,o=s((function(){var e;return"string"==typeof a.image?[{srcset:a.image}]:null===(e=a.image)||void 0===e?void 0:e.sources}));return function(a,s){return c((t(),n("picture",{class:r(["m-lazy-img-component",{"-use-loader":!e.noLoader,"--height-full":e.imageHeightFull}])},[(t(!0),n(l,null,u(d(o),(function(e,r){var a=e.srcset,o=e.media;return t(),n("source",{key:r,"data-srcset":a,media:o},null,8,K)})),128)),i("img",f(a.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"}),null,16),e.noLoader?h("",!0):(t(),n("div",X,[p(Y,{color:"black",size:"2em"})])),v(a.$slots,"default")],2)),[[d(q),{noPhoto:e.noPhoto,observerOnce:!e.noObserverOnce,loadOnce:e.loadOnce,onIntersecting:function(e){return a.$emit("intersecting",e)},onLoading:function(e){return a.$emit("loading",e)},onLoaded:function(e){return a.$emit("loaded",e)},onError:function(e){return a.$emit("error",e)},observerOptions:e.observerOptions}]])}}});Q("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\n.m-lazy-img-component[data-v-2ba18b6b] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n background-color: var(--maz-color-bg-lighter);\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-lazy-img-component-loader[data-v-2ba18b6b] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: 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}\n\n.m-lazy-img-component:not(.m-lazy-error):not(.m-lazy-no-photo) img[data-v-2ba18b6b] {\n height: 100%;\n width: 100%;\n}\n\n.m-lazy-img-component.--height-full img[data-v-2ba18b6b] {\n max-height: 100% !important;\n width: -webkit-min-content !important;\n width: -moz-min-content !important;\n width: min-content !important;\n max-width: -webkit-min-content !important;\n max-width: -moz-min-content !important;\n max-width: min-content !important;\n}\n\n.m-lazy-img-component:not(.m-lazy-loaded):not(.m-lazy-no-photo) .m-lazy-img-component-loader[data-v-2ba18b6b] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n/* purgecss end ignore */\n"),J.__scopeId="data-v-2ba18b6b";var W=["innerHTML"],Z=e({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(e){return e}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(e,r){var a=this,o=r.emit,i=e,c={},l=g(),u=g(),d=function(e,t){var n=m(e,t);if(n)return n}("mazIconPath"),p=s((function(){var e;return null!==(e=i.path)&&void 0!==e?e:d})),v=s((function(){return i.src?i.src:p.value?"".concat(p.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));b((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');k(v.value)}));var x=function(e){var t=e.cloneNode(!0);return t=i.transformSource(e),i.title&&function(e,t){var n=e.getElementsByTagName("title");if(n.length)n[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,e.appendChild(r)}}(t,i.title),e.innerHTML},k=function(e){return M(a,void 0,void 0,T.mark((function t(){var n;return T.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return c[e]||(c[e]=_(e)),t.prev=1,t.next=4,c[e];case 4:return n=t.sent,l.value=n,t.next=8,w();case 8:o("loaded",u.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),l.value&&(l.value=void 0,o("unloaded")),delete c[e],o("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},_=function(e){return new Promise((function(t,n){var r=new XMLHttpRequest;r.open("GET",e,!0),r.onload=function(){if(r.status>=200&&r.status<400)try{var e=(new DOMParser).parseFromString(r.responseText,"text/xml").getElementsByTagName("svg")[0];e?t(e):n(new Error('Loaded file is not valid SVG"'))}catch(e){n(e)}else n(new Error("Error loading SVG"))},r.onerror=n,r.send()}))};return y((function(){return i.src}),(function(){return k(v.value)})),function(r,a){return l.value?(t(),n("svg",f({key:0,ref_key:"svgElem",ref:u,width:"1em",height:"1em"},Object.assign(Object.assign({},function(e){var t={},n=e.attributes;if(!n)return t;for(var r=n.length-1;r>=0;r--)t[n[r].name]=n[r].value;return t}(l.value)),(o=r.$attrs,Object.keys(o).reduce((function(e,t){return!1!==o[t]&&null!==o[t]&&void 0!==o[t]&&(e[t]=o[t]),e}),{}))),{style:"font-size: ".concat(e.size),innerHTML:x(l.value)}),null,16,W)):h("",!0);var o}}}),ee=["tabindex"],te={class:"m-avatar__initial"},ne={key:0,class:"m-avatar__caption"},re=e({props:{src:{type:String,default:void 0},caption:{type:String,default:void 0},href:{type:String,default:void 0},to:{type:Object,default:void 0},alt:{type:String,default:"avatar image"},target:{type:String,default:"_self"},size:{type:String,default:"1rem"},bordered:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1},square:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1},showCaption:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1}},emits:["click"],setup:function(e){var a=e,o=s((function(){return a.to?"RouterLink":a.href?"a":"div"})),c=s((function(){return!!a.to||!!a.href}));return function(a,s){return t(),x(k(d(o)),f({style:{fontSize:e.size},class:["m-avatar",[{"--has-link":d(c)}]]},a.$attrs,{href:e.href,to:e.to,target:d(c)?e.target:void 0}),{default:_((function(){return[i("div",{class:r(["m-avatar__wrapper",{"--has-shadow":!e.noElevation,"--bordered":e.bordered,"--clickable":e.clickable,"--square":e.square,"--has-initial":!e.src&&e.caption}]),tabindex:e.clickable?0:-1,onKeydown:s[2]||(s[2]=A((function(t){return e.clickable?a.$emit("click",t):void 0}),["enter"]))},[e.src?(t(),x(J,{key:0,class:"m-avatar__picture",image:e.src,alt:e.alt,"image-height-full":"","no-loader":e.noLoader,onClick:s[0]||(s[0]=function(t){return e.clickable?a.$emit("click",t):null})},null,8,["image","alt","no-loader"])):h("",!0),e.caption&&!e.src?v(a.$slots,"round-text",{key:1},(function(){var t;return[i("span",te,z(null===(t=e.caption)||void 0===t?void 0:t.charAt(0)),1)]})):h("",!0),e.clickable?(t(),n("button",{key:2,type:"button",tabindex:"-1",class:"m-avatar__button maz-flex maz-flex-center",onClick:s[1]||(s[1]=function(e){return a.$emit("click",e)})},[v(a.$slots,"icon",{},(function(){return[p(Z,{src:d("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.232%205.232l3.536%203.536m-2.036-5.036a2.5%202.5%200%20113.536%203.536L6.5%2021.036H3v-3.572L16.732%203.732z%22%2F%3E%3C%2Fsvg%3E"),class:"m-avatar__button__icon"},null,8,["src"])]}))])):h("",!0)],42,ee),v(a.$slots,"caption",{},(function(){return[e.showCaption&&e.caption?(t(),n("p",ne,z(e.caption),1)):h("",!0)]}))]})),_:3},16,["style","class","href","to","target"])}}});Q("/* purgecss start ignore */\n\n.m-avatar[data-v-ae240142] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\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 text-decoration: none !important;\n}\n\n.m-avatar__caption[data-v-ae240142] {\n margin-top: 0.5rem;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 500;\n text-transform: capitalize;\n}\n\n.m-avatar__initial[data-v-ae240142] {\n text-transform: capitalize;\n color: var(--maz-color-white);\n font-size: 1.5em;\n}\n\n.m-avatar__wrapper[data-v-ae240142] {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 0;\n -ms-flex: none;\n flex: none;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 9999px;\n background-color: var(--maz-color-bg-lighter);\n height: 3em;\n width: 3em;\n}\n\n.m-avatar__wrapper.--clickable .m-avatar__button[data-v-ae240142] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n width: 100%;\n cursor: pointer;\n border-radius: 0.5rem;\n border-style: none;\n background-color: transparent;\n opacity: 0;\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transform: scale(0);\n transform: scale(0);\n}\n\n.m-avatar__wrapper.--clickable .m-avatar__button__icon[data-v-ae240142] {\n color: var(--maz-color-white);\n height: 1em;\n width: 1em;\n}\n\n.m-avatar__wrapper.--clickable:not(.--square) .m-avatar__button[data-v-ae240142] {\n border-radius: 9999px;\n}\n\n.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-ae240142], .m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-ae240142] {\n -webkit-filter: blur(1.5px);\n filter: blur(1.5px);\n}\n\n.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-ae240142], .m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-ae240142] {\n opacity: 1;\n -webkit-transform: scale(1.05);\n transform: scale(1.05);\n background-color: var(--maz-color-info-alpha);\n}\n\n.m-avatar__wrapper.--bordered[data-v-ae240142] {\n border-width: 2px;\n border-style: solid;\n border-color: var(--maz-color-white);\n}\n\n.m-avatar__wrapper.--square[data-v-ae240142] {\n border-radius: 0.5rem;\n}\n\n.m-avatar__wrapper.--has-shadow[data-v-ae240142] {\n --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.m-avatar__wrapper.--has-initial[data-v-ae240142] {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: var(--maz-color-primary);\n}\n\n.m-avatar__wrapper.--has-initial.--clickable .m-avatar__button[data-v-ae240142] {\n background-color: var(--maz-color-danger);\n}\n\n.m-avatar.--has-link[data-v-ae240142] {\n cursor: pointer;\n}\n\n/* purgecss end ignore */\n"),re.__scopeId="data-v-ae240142";export{re as default};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{defineComponent as n,ref as e,watch as t,openBlock as o,createBlock as a,Teleport as r,createVNode as i,Transition as s,withCtx as c,createElementBlock as m,normalizeClass as d,createElementVNode as l,withModifiers as p,mergeProps as b,renderSlot as u,createCommentVNode as f}from"vue";var k=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,o){var a=o.emit,r=e(n.modelValue),i=function(n){return r.value=n},s=function(){return i(!0)},c=function(){return i(!1)},m=function(e){for(var t=n.beforeClose?n.beforeClose:function(){return!0},o=arguments.length,a=new Array(o>1?o-1:0),r=1;r<o;r++)a[r-1]=arguments[r];e?s():n.beforeClose&&!1!==t.apply(void 0,a)||c()},d=function(e){n.escKey&&"Escape"===e.code&&(n.persistent||m(!1))};return t((function(){return n.modelValue}),(function(n){r.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",d,!1)):(window.removeEventListener("keyup",d),document.documentElement.classList.remove("--backdrop-present"))})),{present:r,openModal:s,close:c,onBackdropClicked:function(){n.persistent||m(!1)},onBackdropAnimationEnter:function(){a("open")},onBackdropAnimationLeave:function(){a("update:model-value",!1),a("close")},toggleModal:m}}});!function(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active,\n .m-backdrop.bottom-sheet-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n opacity: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay {\n -ms-touch-action: none;\n touch-action: none;\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-color: var(--maz-
|
|
2
|
-
//# sourceMappingURL=MazBackDrop.js.map
|
|
1
|
+
import{defineComponent as n,ref as e,watch as t,openBlock as o,createBlock as a,Teleport as r,createVNode as i,Transition as s,withCtx as c,createElementBlock as m,normalizeClass as d,createElementVNode as l,withModifiers as p,mergeProps as b,renderSlot as u,createCommentVNode as f}from"vue";var k=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,o){var a=o.emit,r=e(n.modelValue),i=function(n){return r.value=n},s=function(){return i(!0)},c=function(){return i(!1)},m=function(e){for(var t=n.beforeClose?n.beforeClose:function(){return!0},o=arguments.length,a=new Array(o>1?o-1:0),r=1;r<o;r++)a[r-1]=arguments[r];e?s():n.beforeClose&&!1!==t.apply(void 0,a)||c()},d=function(e){n.escKey&&"Escape"===e.code&&(n.persistent||m(!1))};return t((function(){return n.modelValue}),(function(n){r.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",d,!1)):(window.removeEventListener("keyup",d),document.documentElement.classList.remove("--backdrop-present"))})),{present:r,openModal:s,close:c,onBackdropClicked:function(){n.persistent||m(!1)},onBackdropAnimationEnter:function(){a("open")},onBackdropAnimationLeave:function(){a("update:model-value",!1),a("close")},toggleModal:m}}});!function(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active,\n .m-backdrop.bottom-sheet-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n opacity: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay {\n -ms-touch-action: none;\n touch-action: none;\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-color: var(--maz-bg-overlay);\n}\n\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),k.render=function(n,e,t,k,v,x){return o(),a(r,{to:"body",selector:n.selector},[i(s,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:c((function(){return[n.present?(o(),m("div",{key:0,class:d(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[l("div",{class:d(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:e[0]||(e[0]=p((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),l("div",b({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[u(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):f("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};export{k as default};
|
package/components/MazBadge.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{defineComponent as a,openBlock as r,createElementBlock as o,normalizeClass as n,normalizeStyle as c,renderSlot as e}from"vue";var t=a({props:{color:{type:String,default:"primary",validator:function(a){return["primary","secondary","warning","danger","info","success","white","gray","black"].includes(a)}},size:{type:String,default:"0.8em"},nowrap:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},roundedSize:{type:String,default:"lg",validator:function(a){return["sm","md","lg","xl","full"].includes(a)}}},setup:function(a){return function(t,d){return r(),o("span",{class:n(["m-badge",["--".concat(a.color),{"--outline":a.outline,"--pastel":a.pastel,"--nowrap":a.nowrap},"--rounded-".concat(a.roundedSize)]]),style:c({fontSize:a.size})},[e(t.$slots,"default")],6)}}});!function(a,r){void 0===r&&(r={});var o=r.insertAt;if(a&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],c=document.createElement("style");c.type="text/css","top"===o&&n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.styleSheet?c.styleSheet.cssText=a:c.appendChild(document.createTextNode(a))}}("/* purgecss start ignore */\n\n.m-badge[data-v-767a08c6] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 500;\n padding: 0.25em 0.5em;\n line-height: 1.4em;\n}\n\n.m-badge.--nowrap[data-v-767a08c6] {\n white-space: nowrap;\n}\n\n.m-badge.--rounded-sm[data-v-767a08c6] {\n border-radius: 0.125rem;\n}\n\n.m-badge.--rounded-md[data-v-767a08c6] {\n border-radius: 0.25rem;\n}\n\n.m-badge.--rounded-lg[data-v-767a08c6] {\n border-radius: 0.5rem;\n}\n\n.m-badge.--rounded-xl[data-v-767a08c6] {\n border-radius: 0.75rem;\n}\n\n.m-badge.--rounded-full[data-v-767a08c6] {\n border-radius: 9999px;\n}\n\n.m-badge.--primary[data-v-767a08c6] {\n border-color: var(--maz-color-primary);\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-badge.--primary.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-primary);\n}\n\n.m-badge.--primary.--pastel[data-v-767a08c6] {\n border-color: var(--maz-color-primary-100);\n background-color: var(--maz-color-primary-100);\n color: var(--maz-color-primary-800);\n}\n\n.m-badge.--info[data-v-767a08c6] {\n border-color: var(--maz-color-info);\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-badge.--info.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-info);\n}\n\n.m-badge.--info.--pastel[data-v-767a08c6] {\n border-color: var(--maz-color-info-100);\n background-color: var(--maz-color-info-100);\n color: var(--maz-color-info-800);\n}\n\n.m-badge.--gray[data-v-767a08c6] {\n --tw-border-opacity: 1;\n border-color: rgba(156, 163, 175, var(--tw-border-opacity));\n --tw-bg-opacity: 1;\n background-color: rgba(156, 163, 175, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-badge.--gray.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-badge.--gray.--pastel[data-v-767a08c6] {\n --tw-border-opacity: 1;\n border-color: rgba(243, 244, 246, var(--tw-border-opacity));\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-text-opacity));\n}\n\n.m-badge.--black[data-v-767a08c6] {\n border-color: var(--maz-color-black);\n background-color: var(--maz-color-black);\n color: var(--maz-color-white);\n}\n\n.m-badge.--black.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-black);\n}\n\n.m-badge.--black.--pastel[data-v-767a08c6] {\n --tw-border-opacity: 1;\n border-color: rgba(156, 163, 175, var(--tw-border-opacity));\n --tw-bg-opacity: 1;\n background-color: rgba(156, 163, 175, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-badge.--white[data-v-767a08c6] {\n border-color: var(--maz-color-white);\n background-color: var(--maz-color-white);\n --tw-text-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-text-opacity));\n}\n\n.m-badge.--white.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n --tw-text-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-text-opacity));\n}\n\n.m-badge.--white.--pastel[data-v-767a08c6] {\n --tw-border-opacity: 1;\n border-color: rgba(243, 244, 246, var(--tw-border-opacity));\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-text-opacity));\n}\n\n.m-badge.--secondary[data-v-767a08c6] {\n border-color: var(--maz-color-secondary);\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-badge.--secondary.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-secondary);\n}\n\n.m-badge.--secondary.--pastel[data-v-767a08c6] {\n border-color: var(--maz-color-secondary-100);\n background-color: var(--maz-color-secondary-100);\n color: var(--maz-color-secondary-800);\n}\n\n.m-badge.--danger[data-v-767a08c6] {\n border-color: var(--maz-color-danger);\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-badge.--danger.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-danger);\n}\n\n.m-badge.--danger.--pastel[data-v-767a08c6] {\n border-color: var(--maz-color-danger-100);\n background-color: var(--maz-color-danger-100);\n color: var(--maz-color-danger-800);\n}\n\n.m-badge.--warning[data-v-767a08c6] {\n border-color: var(--maz-color-warning);\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-badge.--warning.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-warning);\n}\n\n.m-badge.--warning.--pastel[data-v-767a08c6] {\n border-color: var(--maz-color-warning-100);\n background-color: var(--maz-color-warning-100);\n color: var(--maz-color-warning-800);\n}\n\n.m-badge.--success[data-v-767a08c6] {\n border-color: var(--maz-color-success);\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-badge.--success.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-success);\n}\n\n.m-badge.--success.--pastel[data-v-767a08c6] {\n border-color: var(--maz-color-success-100);\n background-color: var(--maz-color-success-100);\n color: var(--maz-color-success-800);\n}\n\n/* purgecss end ignore */\n"),t.__scopeId="data-v-767a08c6";export{t as default};
|
|
2
|
-
//# sourceMappingURL=MazBadge.js.map
|
|
1
|
+
import{defineComponent as a,openBlock as r,createElementBlock as o,normalizeClass as n,normalizeStyle as c,renderSlot as e}from"vue";var t=a({props:{color:{type:String,default:"primary",validator:function(a){return["primary","secondary","warning","danger","info","success","white","gray","black"].includes(a)}},size:{type:String,default:"0.8em"},nowrap:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},roundedSize:{type:String,default:"lg",validator:function(a){return["sm","md","lg","xl","full"].includes(a)}}},setup:function(a){return function(t,d){return r(),o("span",{class:n(["m-badge",["--".concat(a.color),{"--outline":a.outline,"--pastel":a.pastel,"--nowrap":a.nowrap},"--rounded-".concat(a.roundedSize)]]),style:c({fontSize:a.size})},[e(t.$slots,"default")],6)}}});!function(a,r){void 0===r&&(r={});var o=r.insertAt;if(a&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],c=document.createElement("style");c.type="text/css","top"===o&&n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.styleSheet?c.styleSheet.cssText=a:c.appendChild(document.createTextNode(a))}}("/* purgecss start ignore */\n\n.m-badge[data-v-767a08c6] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-weight: 500;\n padding: 0.25em 0.5em;\n line-height: 1.4em;\n}\n\n.m-badge.--nowrap[data-v-767a08c6] {\n white-space: nowrap;\n}\n\n.m-badge.--rounded-sm[data-v-767a08c6] {\n border-radius: 0.125rem;\n}\n\n.m-badge.--rounded-md[data-v-767a08c6] {\n border-radius: 0.25rem;\n}\n\n.m-badge.--rounded-lg[data-v-767a08c6] {\n border-radius: 0.5rem;\n}\n\n.m-badge.--rounded-xl[data-v-767a08c6] {\n border-radius: 0.75rem;\n}\n\n.m-badge.--rounded-full[data-v-767a08c6] {\n border-radius: 9999px;\n}\n\n.m-badge.--primary[data-v-767a08c6] {\n border-color: var(--maz-color-primary);\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-badge.--primary.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-primary);\n}\n\n.m-badge.--primary.--pastel[data-v-767a08c6] {\n border-color: var(--maz-color-primary-100);\n background-color: var(--maz-color-primary-100);\n color: var(--maz-color-primary-800);\n}\n\n.m-badge.--info[data-v-767a08c6] {\n border-color: var(--maz-color-info);\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-badge.--info.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-info);\n}\n\n.m-badge.--info.--pastel[data-v-767a08c6] {\n border-color: var(--maz-color-info-100);\n background-color: var(--maz-color-info-100);\n color: var(--maz-color-info-800);\n}\n\n.m-badge.--gray[data-v-767a08c6] {\n --tw-border-opacity: 1;\n border-color: rgba(156, 163, 175, var(--tw-border-opacity));\n --tw-bg-opacity: 1;\n background-color: rgba(156, 163, 175, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-badge.--gray.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-badge.--gray.--pastel[data-v-767a08c6] {\n --tw-border-opacity: 1;\n border-color: rgba(243, 244, 246, var(--tw-border-opacity));\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-text-opacity));\n}\n\n.m-badge.--black[data-v-767a08c6] {\n border-color: var(--maz-color-black);\n background-color: var(--maz-color-black);\n color: var(--maz-color-white);\n}\n\n.m-badge.--black.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-black);\n}\n\n.m-badge.--black.--pastel[data-v-767a08c6] {\n --tw-border-opacity: 1;\n border-color: rgba(156, 163, 175, var(--tw-border-opacity));\n --tw-bg-opacity: 1;\n background-color: rgba(156, 163, 175, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-badge.--white[data-v-767a08c6] {\n border-color: var(--maz-color-white);\n background-color: var(--maz-color-white);\n --tw-text-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-text-opacity));\n}\n\n.m-badge.--white.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n --tw-text-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-text-opacity));\n}\n\n.m-badge.--white.--pastel[data-v-767a08c6] {\n --tw-border-opacity: 1;\n border-color: rgba(243, 244, 246, var(--tw-border-opacity));\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgba(31, 41, 55, var(--tw-text-opacity));\n}\n\n.m-badge.--secondary[data-v-767a08c6] {\n border-color: var(--maz-color-secondary);\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-badge.--secondary.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-secondary);\n}\n\n.m-badge.--secondary.--pastel[data-v-767a08c6] {\n border-color: var(--maz-color-secondary-100);\n background-color: var(--maz-color-secondary-100);\n color: var(--maz-color-secondary-800);\n}\n\n.m-badge.--danger[data-v-767a08c6] {\n border-color: var(--maz-color-danger);\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-badge.--danger.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-danger);\n}\n\n.m-badge.--danger.--pastel[data-v-767a08c6] {\n border-color: var(--maz-color-danger-100);\n background-color: var(--maz-color-danger-100);\n color: var(--maz-color-danger-800);\n}\n\n.m-badge.--warning[data-v-767a08c6] {\n border-color: var(--maz-color-warning);\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-badge.--warning.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-warning);\n}\n\n.m-badge.--warning.--pastel[data-v-767a08c6] {\n border-color: var(--maz-color-warning-100);\n background-color: var(--maz-color-warning-100);\n color: var(--maz-color-warning-800);\n}\n\n.m-badge.--success[data-v-767a08c6] {\n border-color: var(--maz-color-success);\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-badge.--success.--outline[data-v-767a08c6] {\n border-width: 2px;\n background-color: transparent;\n color: var(--maz-color-success);\n}\n\n.m-badge.--success.--pastel[data-v-767a08c6] {\n border-color: var(--maz-color-success-100);\n background-color: var(--maz-color-success-100);\n color: var(--maz-color-success-800);\n}\n\n/* purgecss end ignore */\n"),t.__scopeId="data-v-767a08c6";export{t as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as
|
|
1
|
+
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as e,pushScopeId as r,popScopeId as a,createElementVNode as i,inject as c,ref as l,computed as d,onMounted as s,watch as b,mergeProps as u,createCommentVNode as m,nextTick as p,useAttrs as f,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as k,withCtx as y,renderSlot as w,createVNode as x,Teleport as z,Transition as _,withModifiers as L}from"vue";var E=["width","height"],S=[function(n){return r("data-v-57af58bb"),n=n(),a(),n}((function(){return i("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)}))],B=n({props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(n){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(n)}}},setup:function(n){return function(r,a){return t(),o("svg",{width:n.size,height:n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},S,10,E)}}});function C(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}C("/* purgecss start ignore */\n\n.m-spinner[data-v-57af58bb] {\n -webkit-animation: maz-spin 1s linear infinite;\n animation: maz-spin 1s linear infinite;\n fill: currentColor;\n color: var(--maz-color-white);\n margin: 0px !important;\n}\n\n.m-spinner--primary[data-v-57af58bb] {\n color: var(--maz-color-primary);\n}\n\n.m-spinner--secondary[data-v-57af58bb] {\n color: var(--maz-color-secondary);\n}\n\n.m-spinner--info[data-v-57af58bb] {\n color: var(--maz-color-info);\n}\n\n.m-spinner--warning[data-v-57af58bb] {\n color: var(--maz-color-warning);\n}\n\n.m-spinner--danger[data-v-57af58bb] {\n color: var(--maz-color-danger);\n}\n\n.m-spinner--success[data-v-57af58bb] {\n color: var(--maz-color-success);\n}\n\n.m-spinner--black[data-v-57af58bb] {\n color: var(--maz-color-black);\n}\n\n.m-spinner--white[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n.m-spinner--transparent[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n/* purgecss end ignore */\n"),B.__scopeId="data-v-57af58bb";var j={exports:{}};!function(n){var t=function(n){var t,o=Object.prototype,e=o.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},a=r.iterator||"@@iterator",i=r.asyncIterator||"@@asyncIterator",c=r.toStringTag||"@@toStringTag";function l(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{l({},"")}catch(n){l=function(n,t,o){return n[t]=o}}function d(n,t,o,e){var r=t&&t.prototype instanceof v?t:v,a=Object.create(r.prototype),i=new B(e||[]);return a._invoke=function(n,t,o){var e=b;return function(r,a){if(e===m)throw new Error("Generator is already running");if(e===p){if("throw"===r)throw a;return j()}for(o.method=r,o.arg=a;;){var i=o.delegate;if(i){var c=L(i,o);if(c){if(c===f)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(e===b)throw e=p,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);e=m;var l=s(n,t,o);if("normal"===l.type){if(e=o.done?p:u,l.arg===f)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(e=p,o.method="throw",o.arg=l.arg)}}}(n,o,i),a}function s(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}n.wrap=d;var b="suspendedStart",u="suspendedYield",m="executing",p="completed",f={};function v(){}function g(){}function h(){}var k={};l(k,a,(function(){return this}));var y=Object.getPrototypeOf,w=y&&y(y(C([])));w&&w!==o&&e.call(w,a)&&(k=w);var x=h.prototype=v.prototype=Object.create(k);function z(n){["next","throw","return"].forEach((function(t){l(n,t,(function(n){return this._invoke(t,n)}))}))}function _(n,t){function o(r,a,i,c){var l=s(n[r],n,a);if("throw"!==l.type){var d=l.arg,b=d.value;return b&&"object"==typeof b&&e.call(b,"__await")?t.resolve(b.__await).then((function(n){o("next",n,i,c)}),(function(n){o("throw",n,i,c)})):t.resolve(b).then((function(n){d.value=n,i(d)}),(function(n){return o("throw",n,i,c)}))}c(l.arg)}var r;this._invoke=function(n,e){function a(){return new t((function(t,r){o(n,e,t,r)}))}return r=r?r.then(a,a):a()}}function L(n,o){var e=n.iterator[o.method];if(e===t){if(o.delegate=null,"throw"===o.method){if(n.iterator.return&&(o.method="return",o.arg=t,L(n,o),"throw"===o.method))return f;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var r=s(e,n.iterator,o.arg);if("throw"===r.type)return o.method="throw",o.arg=r.arg,o.delegate=null,f;var a=r.arg;return a?a.done?(o[n.resultName]=a.value,o.next=n.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,f):a:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,f)}function E(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function S(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function B(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(E,this),this.reset(!0)}function C(n){if(n){var o=n[a];if(o)return o.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var r=-1,i=function o(){for(;++r<n.length;)if(e.call(n,r))return o.value=n[r],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next:j}}function j(){return{value:t,done:!0}}return g.prototype=h,l(x,"constructor",h),l(h,"constructor",g),g.displayName=l(h,c,"GeneratorFunction"),n.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,h):(n.__proto__=h,l(n,c,"GeneratorFunction")),n.prototype=Object.create(x),n},n.awrap=function(n){return{__await:n}},z(_.prototype),l(_.prototype,i,(function(){return this})),n.AsyncIterator=_,n.async=function(t,o,e,r,a){void 0===a&&(a=Promise);var i=new _(d(t,o,e,r),a);return n.isGeneratorFunction(o)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},z(x),l(x,c,"Generator"),l(x,a,(function(){return this})),l(x,"toString",(function(){return"[object Generator]"})),n.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var e=t.pop();if(e in n)return o.value=e,o.done=!1,o}return o.done=!0,o}},n.values=C,B.prototype={constructor:B,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(S),!n)for(var o in this)"t"===o.charAt(0)&&e.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var o=this;function r(e,r){return c.type="throw",c.arg=n,o.next=e,r&&(o.method="next",o.arg=t),!!r}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],c=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var l=e.call(i,"catchLoc"),d=e.call(i,"finallyLoc");if(l&&d){if(this.prev<i.catchLoc)return r(i.catchLoc,!0);if(this.prev<i.finallyLoc)return r(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return r(i.catchLoc,!0)}else{if(!d)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return r(i.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&e.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var a=r;break}}a&&("break"===n||"continue"===n)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=n,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,f):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),f},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===n)return this.complete(o.completion,o.afterLoc),S(o),f}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var e=o.completion;if("throw"===e.type){var r=e.arg;S(o)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,o,e){return this.delegate={iterator:C(n),resultName:o,nextLoc:e},"next"===this.method&&(this.arg=t),f}},n}(n.exports);try{regeneratorRuntime=t}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(j);var O=j.exports;
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,5 +12,4 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */function I(n,t,o,r){return new(o||(o=Promise))((function(e,a){function i(n){try{l(r.next(n))}catch(n){a(n)}}function c(n){try{l(r.throw(n))}catch(n){a(n)}}function l(n){var t;n.done?e(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((r=r.apply(n,t||[])).next())}))}var N=["innerHTML"],T=n({props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,r){var e=this,a=r.emit,i=n,p={},v=l(),g=l(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),k=s((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),y=s((function(){return i.src?i.src:k.value?"".concat(k.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));d((function(){if(!i.name&&!i.src)throw new Error('[MazIcon] you should provide "name" or "src" as prop');x(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.appendChild(r)}}(t,i.title),n.innerHTML},x=function(n){return I(e,void 0,void 0,O.mark((function t(){var o;return O.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return p[n]||(p[n]=z(n)),t.prev=1,t.next=4,p[n];case 4:return o=t.sent,v.value=o,t.next=8,f();case 8:a("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,a("unloaded")),delete p[n],a("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.onload=function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},r.onerror=o,r.send()}))};return u((function(){return i.src}),(function(){return x(y.value)})),function(r,e){return v.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var r=o.length-1;r>=0;r--)t[o[r].name]=o[r].value;return t}(v.value)),(a=r.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:w(v.value)}),null,16,N)):m("",!0);var a}}}),F={key:0,class:"m-btn__icon-left"},A={class:"maz-flex maz-flex-center"},P={key:1,class:"m-btn__icon-right"},D=n({props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1}},setup:function(n){var e=n,a=p(),c=a.href,l=a.to,d=v(),u=s((function(){return c?"a":l?"router-link":"button"})),f=s((function(){return e.pastel?"--".concat(e.color,"-pastel"):e.outline||e.loading?"--".concat(e.color,"-outline"):"--".concat(e.color)})),z=s((function(){return(e.loading||e.disabled)&&"button"===u.value})),_=s((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=s((function(){return"--is-".concat(e.variant)})),E=s((function(){return"--".concat(e.color)})),S=s((function(){return["white"].includes(e.color)?"black":"white"})),C=s((function(){return e.loading&&"button"===e.variant})),j=s((function(){return!!d["left-icon"]||e.leftIcon})),O=s((function(){return!!d["right-icon"]||e.rightIcon})),I=s((function(){return j.value||O.value})),N=s((function(){return"button"===u.value?e.type:void 0}));return function(e,a){return t(),g(h(k(u)),b(e.$attrs,{disabled:k(z),class:["m-btn",["--".concat(n.size),k(f),k(_),k(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":k(z),"--icon":k(I),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:k(N)}),{default:y((function(){return[k(j)?(t(),o("div",F,[w(e.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(T,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",A,[w(e.$slots,"default")]),k(O)?(t(),o("div",P,[w(e.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(T,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),k(C)?(t(),o("div",{key:2,class:r(["m-btn__loading-wrapper",k(E)])},[x(B,{size:"2em",color:k(S)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});C("/* purgecss start ignore */\n\n.m-btn[data-v-9169cf26] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-9169cf26] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-9169cf26] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-9169cf26] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-9169cf26] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-9169cf26] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-9169cf26] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-normal-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-9169cf26]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-9169cf26]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-9169cf26]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-9169cf26] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-9169cf26] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-9169cf26] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-9169cf26] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-9169cf26] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-9169cf26] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-9169cf26] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-9169cf26] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-9169cf26] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-9169cf26] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-9169cf26] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-9169cf26] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-9169cf26] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-9169cf26] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-9169cf26] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-9169cf26] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-9169cf26] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-9169cf26]:not(.--disabled):hover, .m-btn.--is-button[data-v-9169cf26]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-9169cf26] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));\n}\n\n.m-btn.--is-button.--block[data-v-9169cf26] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-9169cf26] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-9169cf26] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-9169cf26] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-9169cf26] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-9169cf26] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-9169cf26] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-9169cf26] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-9169cf26]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-9169cf26] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-9169cf26]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-9169cf26] {\n background-color: transparent;\n color: var(--maz-color-normal-text);\n}\n\n.m-btn.--is-button.--transparent[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--transparent[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-bg-light);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-9169cf26] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-9169cf26] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-9169cf26] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-9169cf26] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-9169cf26] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-9169cf26] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-9169cf26] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-9169cf26] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-9169cf26] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-9169cf26] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-9169cf26] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-9169cf26] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-9169cf26] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-9169cf26] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-9169cf26] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-9169cf26] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-9169cf26] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-9169cf26] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-9169cf26] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-9169cf26] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-9169cf26] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),D.__scopeId="data-v-9169cf26";var G=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,r=l(n.modelValue),e=function(n){return r.value=n},a=function(){return e(!0)},i=function(){return e(!1)},c=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},r=arguments.length,e=new Array(r>1?r-1:0),c=1;c<r;c++)e[c-1]=arguments[c];t?a():n.beforeClose&&!1!==o.apply(void 0,e)||i()},s=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||c(!1))};return u((function(){return n.modelValue}),(function(n){r.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",s,!1)):(window.removeEventListener("keyup",s),document.documentElement.classList.remove("--backdrop-present"))})),{present:r,openModal:a,close:i,onBackdropClicked:function(){n.persistent||c(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:c}}});C("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active,\n .m-backdrop.bottom-sheet-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n opacity: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay {\n -ms-touch-action: none;\n touch-action: none;\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-color: var(--maz-color-black);\n opacity: 0.4;\n}\n\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),G.render=function(n,e,a,c,l,s){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:y((function(){return[n.present?(t(),o("div",{key:0,class:r(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:r(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:e[0]||(e[0]=L((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",b({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};var M=function(n){return e("data-v-0eeba4c7"),n=n(),a(),n}((function(){return i("div",{class:"maz-direction-column maz-flex maz-flex-center"},[i("h1",null,"Default content")],-1)})),Y=n({props:{persistent:{type:Boolean,default:!1},noClose:{type:Boolean,default:!1},noPadding:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(n,o){var e=o.emit;return function(o,a){return t(),g(G,b(o.$attrs,{transition:"bottom-sheet-anim","backdrop-class":"--bottom-sheet","onUpdate:modelValue":a[0]||(a[0]=function(t){n.persistent||function(n){e("update:model-value",n)}(t)})}),{default:y((function(e){var a=e.close;return[i("div",{class:r(["m-bottom-sheet__container maz-relative maz-bg-color maz-elevation",{"maz-py-6":!n.noPadding}])},[w(o.$slots,"default",{},(function(){return[M]})),n.noClose?m("",!0):(t(),g(D,{key:0,size:"mini",class:"m-bottom-sheet__close",color:"transparent",onClick:a},{default:y((function(){return[x(T,{src:k("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6%2018L18%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E")},null,8,["src"])]})),_:2},1032,["onClick"]))],2)]})),_:3},16)}}});C("/* purgecss start ignore */\n\n.m-bottom-sheet__container[data-v-0eeba4c7] {\n padding-left: 3rem;\n padding-right: 3rem;\n -webkit-box-shadow: 0 -5px 20px rgb(0 0 0 / 20%);\n box-shadow: 0 -5px 20px rgb(0 0 0 / 20%);\n}\n\n.m-bottom-sheet__close[data-v-0eeba4c7] {\n position: absolute !important;\n top: 1rem;\n right: 1rem;\n}\n\n/* purgecss end ignore */\n"),Y.__scopeId="data-v-0eeba4c7";export{Y as default};
|
|
16
|
-
//# sourceMappingURL=MazBottomSheet.js.map
|
|
15
|
+
***************************************************************************** */function I(n,t,o,e){return new(o||(o=Promise))((function(r,a){function i(n){try{l(e.next(n))}catch(n){a(n)}}function c(n){try{l(e.throw(n))}catch(n){a(n)}}function l(n){var t;n.done?r(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((e=e.apply(n,t||[])).next())}))}var N=["innerHTML"],T=n({props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,e){var r=this,a=e.emit,i=n,f={},v=l(),g=l(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),k=d((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),y=d((function(){return i.src?i.src:k.value?"".concat(k.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));s((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');x(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var e=document.createElementNS("http://www.w3.org/2000/svg","title");e.textContent=t,n.appendChild(e)}}(t,i.title),n.innerHTML},x=function(n){return I(r,void 0,void 0,O.mark((function t(){var o;return O.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return f[n]||(f[n]=z(n)),t.prev=1,t.next=4,f[n];case 4:return o=t.sent,v.value=o,t.next=8,p();case 8:a("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,a("unloaded")),delete f[n],a("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var e=new XMLHttpRequest;e.open("GET",n,!0),e.onload=function(){if(e.status>=200&&e.status<400)try{var n=(new DOMParser).parseFromString(e.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},e.onerror=o,e.send()}))};return b((function(){return i.src}),(function(){return x(y.value)})),function(e,r){return v.value?(t(),o("svg",u({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var e=o.length-1;e>=0;e--)t[o[e].name]=o[e].value;return t}(v.value)),(a=e.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:w(v.value)}),null,16,N)):m("",!0);var a}}}),F={key:0,class:"m-btn__icon-left"},A={class:"maz-flex maz-flex-center"},P={key:1,class:"m-btn__icon-right"},D=n({props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1}},setup:function(n){var r=n,a=f(),c=a.href,l=a.to,s=v(),b=d((function(){return c?"a":l?"router-link":"button"})),p=d((function(){return r.pastel?"--".concat(r.color,"-pastel"):r.outline||r.loading?"--".concat(r.color,"-outline"):"--".concat(r.color)})),z=d((function(){return(r.loading||r.disabled)&&"button"===b.value})),_=d((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=d((function(){return"--is-".concat(r.variant)})),E=d((function(){return"--".concat(r.color)})),S=d((function(){return["white"].includes(r.color)?"black":"white"})),C=d((function(){return r.loading&&"button"===r.variant})),j=d((function(){return!!s["left-icon"]||r.leftIcon})),O=d((function(){return!!s["right-icon"]||r.rightIcon})),I=d((function(){return j.value||O.value})),N=d((function(){return"button"===b.value?r.type:void 0}));return function(r,a){return t(),g(h(k(b)),u(r.$attrs,{disabled:k(z),class:["m-btn",["--".concat(n.size),k(p),k(_),k(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":k(z),"--icon":k(I),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:k(N)}),{default:y((function(){return[k(j)?(t(),o("div",F,[w(r.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(T,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",A,[w(r.$slots,"default")]),k(O)?(t(),o("div",P,[w(r.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(T,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),k(C)?(t(),o("div",{key:2,class:e(["m-btn__loading-wrapper",k(E)])},[x(B,{size:"2em",color:k(S)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});C("/* purgecss start ignore */\n\n.m-btn[data-v-17e65bda] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-17e65bda] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-17e65bda] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-17e65bda] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-17e65bda] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-17e65bda] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-17e65bda] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-17e65bda]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-17e65bda] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-17e65bda] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-17e65bda] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-17e65bda] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-17e65bda] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-17e65bda] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-17e65bda] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-17e65bda] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-17e65bda] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-17e65bda] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-17e65bda] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-17e65bda] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-17e65bda] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-17e65bda] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-17e65bda] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-17e65bda]:not(.--disabled):hover, .m-btn.--is-button[data-v-17e65bda]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-17e65bda] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.m-btn.--is-button.--block[data-v-17e65bda] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda] {\n background-color: transparent;\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 20%);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-17e65bda] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-17e65bda] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-17e65bda] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),D.__scopeId="data-v-17e65bda";var G=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,e=l(n.modelValue),r=function(n){return e.value=n},a=function(){return r(!0)},i=function(){return r(!1)},c=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},e=arguments.length,r=new Array(e>1?e-1:0),c=1;c<e;c++)r[c-1]=arguments[c];t?a():n.beforeClose&&!1!==o.apply(void 0,r)||i()},d=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||c(!1))};return b((function(){return n.modelValue}),(function(n){e.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",d,!1)):(window.removeEventListener("keyup",d),document.documentElement.classList.remove("--backdrop-present"))})),{present:e,openModal:a,close:i,onBackdropClicked:function(){n.persistent||c(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:c}}});C("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active,\n .m-backdrop.bottom-sheet-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n opacity: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay {\n -ms-touch-action: none;\n touch-action: none;\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-color: var(--maz-bg-overlay);\n}\n\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),G.render=function(n,r,a,c,l,d){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:y((function(){return[n.present?(t(),o("div",{key:0,class:e(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:e(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:r[0]||(r[0]=L((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",u({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};var M=function(n){return r("data-v-0eeba4c7"),n=n(),a(),n}((function(){return i("div",{class:"maz-direction-column maz-flex maz-flex-center"},[i("h1",null,"Default content")],-1)})),Y=n({props:{persistent:{type:Boolean,default:!1},noClose:{type:Boolean,default:!1},noPadding:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(n,o){var r=o.emit;return function(o,a){return t(),g(G,u(o.$attrs,{transition:"bottom-sheet-anim","backdrop-class":"--bottom-sheet","onUpdate:modelValue":a[0]||(a[0]=function(t){n.persistent||function(n){r("update:model-value",n)}(t)})}),{default:y((function(r){var a=r.close;return[i("div",{class:e(["m-bottom-sheet__container maz-relative maz-bg-color maz-elevation",{"maz-py-6":!n.noPadding}])},[w(o.$slots,"default",{},(function(){return[M]})),n.noClose?m("",!0):(t(),g(D,{key:0,size:"mini",class:"m-bottom-sheet__close",color:"transparent",onClick:a},{default:y((function(){return[x(T,{src:k("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6%2018L18%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E")},null,8,["src"])]})),_:2},1032,["onClick"]))],2)]})),_:3},16)}}});C("/* purgecss start ignore */\n\n.m-bottom-sheet__container[data-v-0eeba4c7] {\n padding-left: 3rem;\n padding-right: 3rem;\n -webkit-box-shadow: 0 -5px 20px rgb(0 0 0 / 20%);\n box-shadow: 0 -5px 20px rgb(0 0 0 / 20%);\n}\n\n.m-bottom-sheet__close[data-v-0eeba4c7] {\n position: absolute !important;\n top: 1rem;\n right: 1rem;\n}\n\n/* purgecss end ignore */\n"),Y.__scopeId="data-v-0eeba4c7";export{Y as default};
|