maz-ui 3.0.0-beta.2 → 3.0.0-beta.23
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/{dist/types/components/MazArrowIcon.vue.d.ts → components/MazArrowIcon.d.ts} +0 -0
- package/components/MazArrowIcon.js +2 -0
- package/components/MazArrowIcon.js.map +1 -0
- package/{dist/types/components/MazAvatar.vue.d.ts → components/MazAvatar.d.ts} +2 -2
- package/components/MazAvatar.js +16 -0
- package/components/MazAvatar.js.map +1 -0
- package/{dist/types/components/MazBackDrop.vue.d.ts → components/MazBackDrop.d.ts} +0 -0
- package/components/MazBackDrop.js +2 -0
- package/components/MazBackDrop.js.map +1 -0
- package/{dist/types/components/MazBottomSheet.vue.d.ts → components/MazBottomSheet.d.ts} +0 -0
- package/components/MazBottomSheet.js +16 -0
- package/components/MazBottomSheet.js.map +1 -0
- package/{dist/types/components/MazBtn.vue.d.ts → components/MazBtn.d.ts} +1 -0
- package/components/MazBtn.js +16 -0
- package/components/MazBtn.js.map +1 -0
- package/{dist/types/components/MazCard.vue.d.ts → components/MazCard.d.ts} +4 -7
- package/components/MazCard.js +16 -0
- package/components/MazCard.js.map +1 -0
- package/{dist/types/components/MazCheckbox.vue.d.ts → components/MazCheckbox.d.ts} +2 -1
- package/components/MazCheckbox.js +2 -0
- package/components/MazCheckbox.js.map +1 -0
- package/components/MazDialog.d.ts +17 -0
- package/components/MazDialog.js +16 -0
- package/components/MazDialog.js.map +1 -0
- package/{dist/types/components/MazDropzone/index.vue.d.ts → components/MazDropzone.d.ts} +44 -14
- package/components/MazDropzone.js +16 -0
- package/components/MazDropzone.js.map +1 -0
- package/{dist/types/components/MazGallery.vue.d.ts → components/MazGallery.d.ts} +5 -3
- package/components/MazGallery.js +16 -0
- package/components/MazGallery.js.map +1 -0
- package/{dist/types/components/MazIcon.vue.d.ts → components/MazIcon.d.ts} +0 -0
- package/components/MazIcon.js +16 -0
- package/components/MazIcon.js.map +1 -0
- package/{dist/types/components/MazInput.vue.d.ts → components/MazInput.d.ts} +4 -0
- package/components/MazInput.js +16 -0
- package/components/MazInput.js.map +1 -0
- package/{dist/types/components/MazInputPrice.vue.d.ts → components/MazInputPrice.d.ts} +0 -0
- package/components/MazInputPrice.js +16 -0
- package/components/MazInputPrice.js.map +1 -0
- package/{dist/types/components/MazLazyImg.vue.d.ts → components/MazLazyImg.d.ts} +1 -0
- package/components/MazLazyImg.js +16 -0
- package/components/MazLazyImg.js.map +1 -0
- package/{dist/types/components → components}/MazPhoneNumberInput/constantes/locales.d.ts +0 -0
- package/{dist/types/components → components}/MazPhoneNumberInput/types.d.ts +0 -0
- package/components/MazPhoneNumberInput/utils/countries-name-list-by-iso-code.d.ts +2 -0
- package/{dist/types/components → components}/MazPhoneNumberInput/utils/index.d.ts +2 -2
- package/{dist/types/components/MazPhoneNumberInput/index.vue.d.ts → components/MazPhoneNumberInput.d.ts} +9 -1
- package/components/MazPhoneNumberInput.js +16 -0
- package/components/MazPhoneNumberInput.js.map +1 -0
- package/{dist/types/components/MazSelect.vue.d.ts → components/MazSelect.d.ts} +1 -0
- package/components/MazSelect.js +16 -0
- package/components/MazSelect.js.map +1 -0
- package/{dist/types/components/MazSpinner.vue.d.ts → components/MazSpinner.d.ts} +2 -1
- package/components/MazSpinner.js +2 -0
- package/components/MazSpinner.js.map +1 -0
- package/components/MazTabsBar.d.ts +42 -0
- package/components/MazTabsBar.js +16 -0
- package/components/MazTabsBar.js.map +1 -0
- package/components/MazTabsContent.d.ts +15 -0
- package/components/MazTabsContent.js +2 -0
- package/components/MazTabsContent.js.map +1 -0
- package/components/MazTabsContentItem.d.ts +13 -0
- package/components/MazTabsContentItem.js +16 -0
- package/components/MazTabsContentItem.js.map +1 -0
- package/{dist/types/components/MazTransitionExpand.vue.d.ts → components/MazTransitionExpand.d.ts} +0 -0
- package/components/MazTransitionExpand.js +2 -0
- package/components/MazTransitionExpand.js.map +1 -0
- package/components/index.d.ts +46 -0
- package/components/index.js +71 -0
- package/{dist → components}/no_photo-a72545e4.js +0 -0
- package/{dist → components}/no_photo-a72545e4.js.map +0 -0
- package/components/types.d.ts +17 -0
- package/{dist → css}/main.css +157 -50
- package/maz-ui.d.ts +112 -0
- package/modules/index.js +16 -0
- package/modules/index.js.map +1 -0
- package/modules/no_photo-a72545e4.js +2 -0
- package/modules/no_photo-a72545e4.js.map +1 -0
- package/package.json +29 -16
- package/dist/cjs/index.js +0 -1
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/no_photo-4ae7c0fa.js +0 -1
- package/dist/cjs/no_photo-4ae7c0fa.js.map +0 -1
- package/dist/index.js +0 -16
- package/dist/index.js.map +0 -1
- package/dist/package.json +0 -136
- package/dist/types/components/MazDialog.vue.d.ts +0 -15
- package/dist/types/components/MazPhoneNumberInput/utils/countries-name-list-by-iso-code.d.ts +0 -3
- package/dist/types/components/index.d.ts +0 -18
- package/dist/types/components/types.d.ts +0 -50
- package/dist/types/components_tmp/MazCalendar/types.d.ts +0 -16
- package/dist/types/components_tmp/MazChart/includes.d.ts +0 -11
- package/dist/types/components_tmp/MazMap/map-module/create-html-marker.d.ts +0 -18
- package/dist/types/components_tmp/MazMap/map-module/map.d.ts +0 -43
- package/dist/types/components_tmp/MazMap/map-module/script-loader.d.ts +0 -17
- package/dist/types/components_tmp/MazPromiseDialog/use-maz-promise-dialog.d.ts +0 -28
- package/dist/types/components_tmp/MazSlider/utils.d.ts +0 -15
- package/dist/types/components_tmp/MazTabs/maz-tabs.composable.d.ts +0 -3
- package/dist/types/components_tmp/toaster/index.d.ts +0 -3
- package/dist/types/components_tmp/toaster/positions.d.ts +0 -8
- package/dist/types/components_tmp/toaster/timer.d.ts +0 -11
- package/dist/types/components_tmp/toaster/use-toast.d.ts +0 -21
- package/dist/types/directives/click-outside.directive.d.ts +0 -10
- package/dist/types/directives/closable.directive.d.ts +0 -5
- package/dist/types/directives/index.d.ts +0 -4
- package/dist/types/directives/v-lazy-img/index.d.ts +0 -9
- package/dist/types/directives/v-lazy-img/lazy-img-handler.d.ts +0 -38
- package/dist/types/directives/v-lazy-img/lazy-img.directive.d.ts +0 -3
- package/dist/types/directives/v-lazy-img/types.d.ts +0 -51
- package/dist/types/directives/zoom-img.directive.d.ts +0 -5
- package/dist/types/filters/capitalize.d.ts +0 -1
- package/dist/types/filters/currency.d.ts +0 -5
- package/dist/types/filters/date.d.ts +0 -1
- package/dist/types/filters/index.d.ts +0 -5
- package/dist/types/filters/number.d.ts +0 -1
- package/dist/types/filters/telephone.d.ts +0 -1
- package/dist/types/index.d.ts +0 -7
- package/dist/types/index.esm.d.ts +0 -8
- package/dist/types/utils/debounce.d.ts +0 -7
- package/dist/types/utils/index.d.ts +0 -1
- package/dist/types/utils/injectStrict.d.ts +0 -1
|
File without changes
|
|
@@ -0,0 +1,2 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MazArrowIcon.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"yyBAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,IAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed"}
|
|
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
26
26
|
};
|
|
27
27
|
size: {
|
|
28
28
|
type: StringConstructor;
|
|
29
|
-
default:
|
|
29
|
+
default: string;
|
|
30
30
|
};
|
|
31
31
|
bordered: {
|
|
32
32
|
type: BooleanConstructor;
|
|
@@ -76,6 +76,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
76
76
|
} & {
|
|
77
77
|
alt: string;
|
|
78
78
|
target: string;
|
|
79
|
+
size: string;
|
|
79
80
|
bordered: boolean;
|
|
80
81
|
clickable: boolean;
|
|
81
82
|
square: boolean;
|
|
@@ -88,7 +89,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
88
89
|
caption?: string | null | undefined;
|
|
89
90
|
href?: string | undefined;
|
|
90
91
|
to?: Record<string, any> | undefined;
|
|
91
|
-
size?: string | undefined;
|
|
92
92
|
}> & {
|
|
93
93
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
94
94
|
}, {
|
|
@@ -0,0 +1,16 @@
|
|
|
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 f,mergeProps as d,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 E}from"vue";function L(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var z={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}(z);var I,O=L(z.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=L(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=L(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=f;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=E(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===f)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:d,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 f="suspendedStart",d="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,f=l.value;return f&&"object"==typeof f&&r.call(f,"__await")?t.resolve(f.__await).then((function(e){n("next",e,i,s)}),(function(e){n("throw",e,i,s)})):t.resolve(f).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 E(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,E(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 L(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 z(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function I(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(L,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(z),!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),z(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;z(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
|
+
/*! *****************************************************************************
|
|
3
|
+
Copyright (c) Microsoft Corporation.
|
|
4
|
+
|
|
5
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
6
|
+
purpose with or without fee is hereby granted.
|
|
7
|
+
|
|
8
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
9
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
10
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
11
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
12
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MazAvatar.js","sources":["../node_modules/@babel/runtime/helpers/typeof.js","../node_modules/@babel/runtime/helpers/classCallCheck.js","../node_modules/@babel/runtime/helpers/createClass.js","../node_modules/regenerator-runtime/runtime.js","../node_modules/@babel/runtime/regenerator/index.js","../package/directives/v-lazy-img/lazy-img-handler.ts","../package/directives/v-lazy-img/lazy-img.directive.ts","../node_modules/style-inject/dist/style-inject.es.js","../package/components/MazLazyImg.vue","../package/components/MazIcon.vue","../package/utils/injectStrict.ts","../package/components/MazAvatar.vue","../package/icons/pencil.svg"],"sourcesContent":["function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return (module.exports = _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports), _typeof(obj);\n}\n\nmodule.exports = _typeof, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nmodule.exports = _classCallCheck, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}\n\nmodule.exports = _createClass, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nvar runtime = (function (exports) {\n \"use strict\";\n\n var Op = Object.prototype;\n var hasOwn = Op.hasOwnProperty;\n var undefined; // More compressible than void 0.\n var $Symbol = typeof Symbol === \"function\" ? Symbol : {};\n var iteratorSymbol = $Symbol.iterator || \"@@iterator\";\n var asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\";\n var toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\";\n\n function define(obj, key, value) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n return obj[key];\n }\n try {\n // IE 8 has a broken Object.defineProperty that only works on DOM objects.\n define({}, \"\");\n } catch (err) {\n define = function(obj, key, value) {\n return obj[key] = value;\n };\n }\n\n function wrap(innerFn, outerFn, self, tryLocsList) {\n // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.\n var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;\n var generator = Object.create(protoGenerator.prototype);\n var context = new Context(tryLocsList || []);\n\n // The ._invoke method unifies the implementations of the .next,\n // .throw, and .return methods.\n generator._invoke = makeInvokeMethod(innerFn, self, context);\n\n return generator;\n }\n exports.wrap = wrap;\n\n // Try/catch helper to minimize deoptimizations. Returns a completion\n // record like context.tryEntries[i].completion. This interface could\n // have been (and was previously) designed to take a closure to be\n // invoked without arguments, but in all the cases we care about we\n // already have an existing method we want to call, so there's no need\n // to create a new function object. We can even get away with assuming\n // the method takes exactly one argument, since that happens to be true\n // in every case, so we don't have to touch the arguments object. The\n // only additional allocation required is the completion record, which\n // has a stable shape and so hopefully should be cheap to allocate.\n function tryCatch(fn, obj, arg) {\n try {\n return { type: \"normal\", arg: fn.call(obj, arg) };\n } catch (err) {\n return { type: \"throw\", arg: err };\n }\n }\n\n var GenStateSuspendedStart = \"suspendedStart\";\n var GenStateSuspendedYield = \"suspendedYield\";\n var GenStateExecuting = \"executing\";\n var GenStateCompleted = \"completed\";\n\n // Returning this object from the innerFn has the same effect as\n // breaking out of the dispatch switch statement.\n var ContinueSentinel = {};\n\n // Dummy constructor functions that we use as the .constructor and\n // .constructor.prototype properties for functions that return Generator\n // objects. For full spec compliance, you may wish to configure your\n // minifier not to mangle the names of these two functions.\n function Generator() {}\n function GeneratorFunction() {}\n function GeneratorFunctionPrototype() {}\n\n // This is a polyfill for %IteratorPrototype% for environments that\n // don't natively support it.\n var IteratorPrototype = {};\n define(IteratorPrototype, iteratorSymbol, function () {\n return this;\n });\n\n var getProto = Object.getPrototypeOf;\n var NativeIteratorPrototype = getProto && getProto(getProto(values([])));\n if (NativeIteratorPrototype &&\n NativeIteratorPrototype !== Op &&\n hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {\n // This environment has a native %IteratorPrototype%; use it instead\n // of the polyfill.\n IteratorPrototype = NativeIteratorPrototype;\n }\n\n var Gp = GeneratorFunctionPrototype.prototype =\n Generator.prototype = Object.create(IteratorPrototype);\n GeneratorFunction.prototype = GeneratorFunctionPrototype;\n define(Gp, \"constructor\", GeneratorFunctionPrototype);\n define(GeneratorFunctionPrototype, \"constructor\", GeneratorFunction);\n GeneratorFunction.displayName = define(\n GeneratorFunctionPrototype,\n toStringTagSymbol,\n \"GeneratorFunction\"\n );\n\n // Helper for defining the .next, .throw, and .return methods of the\n // Iterator interface in terms of a single ._invoke method.\n function defineIteratorMethods(prototype) {\n [\"next\", \"throw\", \"return\"].forEach(function(method) {\n define(prototype, method, function(arg) {\n return this._invoke(method, arg);\n });\n });\n }\n\n exports.isGeneratorFunction = function(genFun) {\n var ctor = typeof genFun === \"function\" && genFun.constructor;\n return ctor\n ? ctor === GeneratorFunction ||\n // For the native GeneratorFunction constructor, the best we can\n // do is to check its .name property.\n (ctor.displayName || ctor.name) === \"GeneratorFunction\"\n : false;\n };\n\n exports.mark = function(genFun) {\n if (Object.setPrototypeOf) {\n Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);\n } else {\n genFun.__proto__ = GeneratorFunctionPrototype;\n define(genFun, toStringTagSymbol, \"GeneratorFunction\");\n }\n genFun.prototype = Object.create(Gp);\n return genFun;\n };\n\n // Within the body of any async function, `await x` is transformed to\n // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test\n // `hasOwn.call(value, \"__await\")` to determine if the yielded value is\n // meant to be awaited.\n exports.awrap = function(arg) {\n return { __await: arg };\n };\n\n function AsyncIterator(generator, PromiseImpl) {\n function invoke(method, arg, resolve, reject) {\n var record = tryCatch(generator[method], generator, arg);\n if (record.type === \"throw\") {\n reject(record.arg);\n } else {\n var result = record.arg;\n var value = result.value;\n if (value &&\n typeof value === \"object\" &&\n hasOwn.call(value, \"__await\")) {\n return PromiseImpl.resolve(value.__await).then(function(value) {\n invoke(\"next\", value, resolve, reject);\n }, function(err) {\n invoke(\"throw\", err, resolve, reject);\n });\n }\n\n return PromiseImpl.resolve(value).then(function(unwrapped) {\n // When a yielded Promise is resolved, its final value becomes\n // the .value of the Promise<{value,done}> result for the\n // current iteration.\n result.value = unwrapped;\n resolve(result);\n }, function(error) {\n // If a rejected Promise was yielded, throw the rejection back\n // into the async generator function so it can be handled there.\n return invoke(\"throw\", error, resolve, reject);\n });\n }\n }\n\n var previousPromise;\n\n function enqueue(method, arg) {\n function callInvokeWithMethodAndArg() {\n return new PromiseImpl(function(resolve, reject) {\n invoke(method, arg, resolve, reject);\n });\n }\n\n return previousPromise =\n // If enqueue has been called before, then we want to wait until\n // all previous Promises have been resolved before calling invoke,\n // so that results are always delivered in the correct order. If\n // enqueue has not been called before, then it is important to\n // call invoke immediately, without waiting on a callback to fire,\n // so that the async generator function has the opportunity to do\n // any necessary setup in a predictable way. This predictability\n // is why the Promise constructor synchronously invokes its\n // executor callback, and why async functions synchronously\n // execute code before the first await. Since we implement simple\n // async functions in terms of async generators, it is especially\n // important to get this right, even though it requires care.\n previousPromise ? previousPromise.then(\n callInvokeWithMethodAndArg,\n // Avoid propagating failures to Promises returned by later\n // invocations of the iterator.\n callInvokeWithMethodAndArg\n ) : callInvokeWithMethodAndArg();\n }\n\n // Define the unified helper method that is used to implement .next,\n // .throw, and .return (see defineIteratorMethods).\n this._invoke = enqueue;\n }\n\n defineIteratorMethods(AsyncIterator.prototype);\n define(AsyncIterator.prototype, asyncIteratorSymbol, function () {\n return this;\n });\n exports.AsyncIterator = AsyncIterator;\n\n // Note that simple async functions are implemented on top of\n // AsyncIterator objects; they just return a Promise for the value of\n // the final result produced by the iterator.\n exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {\n if (PromiseImpl === void 0) PromiseImpl = Promise;\n\n var iter = new AsyncIterator(\n wrap(innerFn, outerFn, self, tryLocsList),\n PromiseImpl\n );\n\n return exports.isGeneratorFunction(outerFn)\n ? iter // If outerFn is a generator, return the full iterator.\n : iter.next().then(function(result) {\n return result.done ? result.value : iter.next();\n });\n };\n\n function makeInvokeMethod(innerFn, self, context) {\n var state = GenStateSuspendedStart;\n\n return function invoke(method, arg) {\n if (state === GenStateExecuting) {\n throw new Error(\"Generator is already running\");\n }\n\n if (state === GenStateCompleted) {\n if (method === \"throw\") {\n throw arg;\n }\n\n // Be forgiving, per 25.3.3.3.3 of the spec:\n // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume\n return doneResult();\n }\n\n context.method = method;\n context.arg = arg;\n\n while (true) {\n var delegate = context.delegate;\n if (delegate) {\n var delegateResult = maybeInvokeDelegate(delegate, context);\n if (delegateResult) {\n if (delegateResult === ContinueSentinel) continue;\n return delegateResult;\n }\n }\n\n if (context.method === \"next\") {\n // Setting context._sent for legacy support of Babel's\n // function.sent implementation.\n context.sent = context._sent = context.arg;\n\n } else if (context.method === \"throw\") {\n if (state === GenStateSuspendedStart) {\n state = GenStateCompleted;\n throw context.arg;\n }\n\n context.dispatchException(context.arg);\n\n } else if (context.method === \"return\") {\n context.abrupt(\"return\", context.arg);\n }\n\n state = GenStateExecuting;\n\n var record = tryCatch(innerFn, self, context);\n if (record.type === \"normal\") {\n // If an exception is thrown from innerFn, we leave state ===\n // GenStateExecuting and loop back for another invocation.\n state = context.done\n ? GenStateCompleted\n : GenStateSuspendedYield;\n\n if (record.arg === ContinueSentinel) {\n continue;\n }\n\n return {\n value: record.arg,\n done: context.done\n };\n\n } else if (record.type === \"throw\") {\n state = GenStateCompleted;\n // Dispatch the exception by looping back around to the\n // context.dispatchException(context.arg) call above.\n context.method = \"throw\";\n context.arg = record.arg;\n }\n }\n };\n }\n\n // Call delegate.iterator[context.method](context.arg) and handle the\n // result, either by returning a { value, done } result from the\n // delegate iterator, or by modifying context.method and context.arg,\n // setting context.delegate to null, and returning the ContinueSentinel.\n function maybeInvokeDelegate(delegate, context) {\n var method = delegate.iterator[context.method];\n if (method === undefined) {\n // A .throw or .return when the delegate iterator has no .throw\n // method always terminates the yield* loop.\n context.delegate = null;\n\n if (context.method === \"throw\") {\n // Note: [\"return\"] must be used for ES3 parsing compatibility.\n if (delegate.iterator[\"return\"]) {\n // If the delegate iterator has a return method, give it a\n // chance to clean up.\n context.method = \"return\";\n context.arg = undefined;\n maybeInvokeDelegate(delegate, context);\n\n if (context.method === \"throw\") {\n // If maybeInvokeDelegate(context) changed context.method from\n // \"return\" to \"throw\", let that override the TypeError below.\n return ContinueSentinel;\n }\n }\n\n context.method = \"throw\";\n context.arg = new TypeError(\n \"The iterator does not provide a 'throw' method\");\n }\n\n return ContinueSentinel;\n }\n\n var record = tryCatch(method, delegate.iterator, context.arg);\n\n if (record.type === \"throw\") {\n context.method = \"throw\";\n context.arg = record.arg;\n context.delegate = null;\n return ContinueSentinel;\n }\n\n var info = record.arg;\n\n if (! info) {\n context.method = \"throw\";\n context.arg = new TypeError(\"iterator result is not an object\");\n context.delegate = null;\n return ContinueSentinel;\n }\n\n if (info.done) {\n // Assign the result of the finished delegate to the temporary\n // variable specified by delegate.resultName (see delegateYield).\n context[delegate.resultName] = info.value;\n\n // Resume execution at the desired location (see delegateYield).\n context.next = delegate.nextLoc;\n\n // If context.method was \"throw\" but the delegate handled the\n // exception, let the outer generator proceed normally. If\n // context.method was \"next\", forget context.arg since it has been\n // \"consumed\" by the delegate iterator. If context.method was\n // \"return\", allow the original .return call to continue in the\n // outer generator.\n if (context.method !== \"return\") {\n context.method = \"next\";\n context.arg = undefined;\n }\n\n } else {\n // Re-yield the result returned by the delegate method.\n return info;\n }\n\n // The delegate iterator is finished, so forget it and continue with\n // the outer generator.\n context.delegate = null;\n return ContinueSentinel;\n }\n\n // Define Generator.prototype.{next,throw,return} in terms of the\n // unified ._invoke helper method.\n defineIteratorMethods(Gp);\n\n define(Gp, toStringTagSymbol, \"Generator\");\n\n // A Generator should always return itself as the iterator object when the\n // @@iterator function is called on it. Some browsers' implementations of the\n // iterator prototype chain incorrectly implement this, causing the Generator\n // object to not be returned from this call. This ensures that doesn't happen.\n // See https://github.com/facebook/regenerator/issues/274 for more details.\n define(Gp, iteratorSymbol, function() {\n return this;\n });\n\n define(Gp, \"toString\", function() {\n return \"[object Generator]\";\n });\n\n function pushTryEntry(locs) {\n var entry = { tryLoc: locs[0] };\n\n if (1 in locs) {\n entry.catchLoc = locs[1];\n }\n\n if (2 in locs) {\n entry.finallyLoc = locs[2];\n entry.afterLoc = locs[3];\n }\n\n this.tryEntries.push(entry);\n }\n\n function resetTryEntry(entry) {\n var record = entry.completion || {};\n record.type = \"normal\";\n delete record.arg;\n entry.completion = record;\n }\n\n function Context(tryLocsList) {\n // The root entry object (effectively a try statement without a catch\n // or a finally block) gives us a place to store values thrown from\n // locations where there is no enclosing try statement.\n this.tryEntries = [{ tryLoc: \"root\" }];\n tryLocsList.forEach(pushTryEntry, this);\n this.reset(true);\n }\n\n exports.keys = function(object) {\n var keys = [];\n for (var key in object) {\n keys.push(key);\n }\n keys.reverse();\n\n // Rather than returning an object with a next method, we keep\n // things simple and return the next function itself.\n return function next() {\n while (keys.length) {\n var key = keys.pop();\n if (key in object) {\n next.value = key;\n next.done = false;\n return next;\n }\n }\n\n // To avoid creating an additional object, we just hang the .value\n // and .done properties off the next function object itself. This\n // also ensures that the minifier will not anonymize the function.\n next.done = true;\n return next;\n };\n };\n\n function values(iterable) {\n if (iterable) {\n var iteratorMethod = iterable[iteratorSymbol];\n if (iteratorMethod) {\n return iteratorMethod.call(iterable);\n }\n\n if (typeof iterable.next === \"function\") {\n return iterable;\n }\n\n if (!isNaN(iterable.length)) {\n var i = -1, next = function next() {\n while (++i < iterable.length) {\n if (hasOwn.call(iterable, i)) {\n next.value = iterable[i];\n next.done = false;\n return next;\n }\n }\n\n next.value = undefined;\n next.done = true;\n\n return next;\n };\n\n return next.next = next;\n }\n }\n\n // Return an iterator with no values.\n return { next: doneResult };\n }\n exports.values = values;\n\n function doneResult() {\n return { value: undefined, done: true };\n }\n\n Context.prototype = {\n constructor: Context,\n\n reset: function(skipTempReset) {\n this.prev = 0;\n this.next = 0;\n // Resetting context._sent for legacy support of Babel's\n // function.sent implementation.\n this.sent = this._sent = undefined;\n this.done = false;\n this.delegate = null;\n\n this.method = \"next\";\n this.arg = undefined;\n\n this.tryEntries.forEach(resetTryEntry);\n\n if (!skipTempReset) {\n for (var name in this) {\n // Not sure about the optimal order of these conditions:\n if (name.charAt(0) === \"t\" &&\n hasOwn.call(this, name) &&\n !isNaN(+name.slice(1))) {\n this[name] = undefined;\n }\n }\n }\n },\n\n stop: function() {\n this.done = true;\n\n var rootEntry = this.tryEntries[0];\n var rootRecord = rootEntry.completion;\n if (rootRecord.type === \"throw\") {\n throw rootRecord.arg;\n }\n\n return this.rval;\n },\n\n dispatchException: function(exception) {\n if (this.done) {\n throw exception;\n }\n\n var context = this;\n function handle(loc, caught) {\n record.type = \"throw\";\n record.arg = exception;\n context.next = loc;\n\n if (caught) {\n // If the dispatched exception was caught by a catch block,\n // then let that catch block handle the exception normally.\n context.method = \"next\";\n context.arg = undefined;\n }\n\n return !! caught;\n }\n\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n var record = entry.completion;\n\n if (entry.tryLoc === \"root\") {\n // Exception thrown outside of any try block that could handle\n // it, so set the completion value of the entire function to\n // throw the exception.\n return handle(\"end\");\n }\n\n if (entry.tryLoc <= this.prev) {\n var hasCatch = hasOwn.call(entry, \"catchLoc\");\n var hasFinally = hasOwn.call(entry, \"finallyLoc\");\n\n if (hasCatch && hasFinally) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n } else if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else if (hasCatch) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n }\n\n } else if (hasFinally) {\n if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else {\n throw new Error(\"try statement without catch or finally\");\n }\n }\n }\n },\n\n abrupt: function(type, arg) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc <= this.prev &&\n hasOwn.call(entry, \"finallyLoc\") &&\n this.prev < entry.finallyLoc) {\n var finallyEntry = entry;\n break;\n }\n }\n\n if (finallyEntry &&\n (type === \"break\" ||\n type === \"continue\") &&\n finallyEntry.tryLoc <= arg &&\n arg <= finallyEntry.finallyLoc) {\n // Ignore the finally entry if control is not jumping to a\n // location outside the try/catch block.\n finallyEntry = null;\n }\n\n var record = finallyEntry ? finallyEntry.completion : {};\n record.type = type;\n record.arg = arg;\n\n if (finallyEntry) {\n this.method = \"next\";\n this.next = finallyEntry.finallyLoc;\n return ContinueSentinel;\n }\n\n return this.complete(record);\n },\n\n complete: function(record, afterLoc) {\n if (record.type === \"throw\") {\n throw record.arg;\n }\n\n if (record.type === \"break\" ||\n record.type === \"continue\") {\n this.next = record.arg;\n } else if (record.type === \"return\") {\n this.rval = this.arg = record.arg;\n this.method = \"return\";\n this.next = \"end\";\n } else if (record.type === \"normal\" && afterLoc) {\n this.next = afterLoc;\n }\n\n return ContinueSentinel;\n },\n\n finish: function(finallyLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.finallyLoc === finallyLoc) {\n this.complete(entry.completion, entry.afterLoc);\n resetTryEntry(entry);\n return ContinueSentinel;\n }\n }\n },\n\n \"catch\": function(tryLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc === tryLoc) {\n var record = entry.completion;\n if (record.type === \"throw\") {\n var thrown = record.arg;\n resetTryEntry(entry);\n }\n return thrown;\n }\n }\n\n // The context.catch method must only be called with a location\n // argument that corresponds to a known catch block.\n throw new Error(\"illegal catch attempt\");\n },\n\n delegateYield: function(iterable, resultName, nextLoc) {\n this.delegate = {\n iterator: values(iterable),\n resultName: resultName,\n nextLoc: nextLoc\n };\n\n if (this.method === \"next\") {\n // Deliberately forget the last sent value so that we don't\n // accidentally pass it on to the delegate.\n this.arg = undefined;\n }\n\n return ContinueSentinel;\n }\n };\n\n // Regardless of whether this script is executing as a CommonJS module\n // or not, return the runtime object so that we can declare the variable\n // regeneratorRuntime in the outer scope, which allows this module to be\n // injected easily by `bin/regenerator --include-runtime script.js`.\n return exports;\n\n}(\n // If this script is executing as a CommonJS module, use module.exports\n // as the regeneratorRuntime namespace. Otherwise create a new empty\n // object. Either way, the resulting object will be used to initialize\n // the regeneratorRuntime variable at the top of this file.\n typeof module === \"object\" ? module.exports : {}\n));\n\ntry {\n regeneratorRuntime = runtime;\n} catch (accidentalStrictMode) {\n // This module should not be running in strict mode, so the above\n // assignment should always work unless something is misconfigured. Just\n // in case runtime.js accidentally runs in strict mode, in modern engines\n // we can explicitly access globalThis. In older engines we can escape\n // strict mode using a global Function call. This could conceivably fail\n // if a Content Security Policy forbids using Function, but in that case\n // the proper solution is to fix the accidental strict mode problem. If\n // you've misconfigured your bundler to force strict mode and applied a\n // CSP to forbid Function, and you're not willing to fix either of those\n // problems, please detail your unique predicament in a GitHub issue.\n if (typeof globalThis === \"object\") {\n globalThis.regeneratorRuntime = runtime;\n } else {\n Function(\"r\", \"regeneratorRuntime = r\")(runtime);\n }\n}\n","module.exports = require(\"regenerator-runtime\");\n","import { ClassOptions, BindingData, vLazyImgOptions } from './types'\nexport * from './types'\n\nconst EMPTY_PHOTO =\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n\nexport const DEFAULT_OPTIONS: ClassOptions = {\n baseClass: 'm-lazy-img',\n loadedClass: 'm-lazy-loaded',\n loadingClass: 'm-lazy-loading',\n errorClass: 'm-lazy-error',\n noPhotoClass: 'm-lazy-no-photo',\n noPhoto: false,\n observerOnce: true,\n loadOnce: false,\n noUseErrorPhoto: false,\n observerOptions: {\n threshold: 0.1,\n },\n}\n\nexport class LazyImg {\n private observers: IntersectionObserver[] = []\n private readonly defaultOptions: ClassOptions = DEFAULT_OPTIONS\n private options: ClassOptions\n private onImgLoadedCallback: (el: HTMLElement) => void\n private onImgErrorCallback: (el: HTMLElement, err: ErrorEvent) => void\n private hasImgLoaded = false\n\n constructor(opts: vLazyImgOptions = {}) {\n this.options = this.buildOptions(opts)\n this.onImgLoadedCallback = this.imageIsLoaded.bind(this)\n this.onImgErrorCallback = this.imageHasError.bind(this)\n }\n\n private async loadErrorPhoto() {\n return (await import('./assets/no_photo.svg')).default\n }\n\n private buildOptions(opts: vLazyImgOptions): ClassOptions {\n return {\n ...this.defaultOptions,\n ...opts,\n observerOptions: {\n ...this.defaultOptions.observerOptions,\n ...opts.observerOptions,\n },\n }\n }\n\n private removeClass(el: HTMLElement, className: string) {\n el.classList.remove(className)\n }\n\n private addClass(el: HTMLElement, className: string) {\n el.classList.add(className)\n }\n\n private removeAllStateClasses(el: HTMLElement) {\n this.removeClass(el, this.options.loadedClass)\n this.removeClass(el, this.options.loadingClass)\n this.removeClass(el, this.options.errorClass)\n this.removeClass(el, this.options.noPhotoClass)\n }\n\n private setBaseClass(el: HTMLElement) {\n this.addClass(el, this.options.baseClass)\n }\n\n private imageIsLoading(el: HTMLElement) {\n this.addClass(el, this.options.loadingClass)\n this.options.onLoading?.(el)\n }\n\n private imageHasNoPhoto(el: HTMLElement) {\n this.removeClass(el, this.options.loadingClass)\n this.addClass(el, this.options.noPhotoClass)\n\n this.setDefaultPhoto(el)\n }\n\n private imageIsLoaded(el: HTMLElement): void {\n this.hasImgLoaded = true\n this.removeClass(el, this.options.loadingClass)\n this.addClass(el, this.options.loadedClass)\n this.options.onLoaded?.(el)\n }\n\n private imageHasError(el: HTMLElement, event?: ErrorEvent): void {\n console.warn(`[MazLazyImg] Error while loading image`, event)\n this.removeClass(el, this.options.loadingClass)\n this.addClass(el, this.options.errorClass)\n\n this.options.onError?.(el)\n\n this.setDefaultPhoto(el)\n }\n\n private getImageUrl(\n el: HTMLElement,\n binding: BindingData,\n ): string | null | undefined {\n const dataSrc = this.getImgElement(el).getAttribute('data-src')\n if (dataSrc) return dataSrc\n\n const bindingSrc =\n typeof binding.value === 'object' ? binding.value.src : binding.value\n\n if (!bindingSrc) console.warn(`[MazLazyImg] src url is not defined`)\n\n return bindingSrc\n }\n\n private async setPictureSourceUrls(el: HTMLElement): Promise<void> {\n const sourceElements = el.querySelectorAll('source')\n\n if (sourceElements.length > 0) {\n for await (const source of sourceElements) {\n const srcSet = source.getAttribute('data-srcset')\n if (!srcSet)\n console.warn(\n '[MazLazyImg] the \"[data-srcset]\" attribute is not provided on \"<source />\"',\n )\n else source.srcset = srcSet\n }\n } else {\n console.warn(\n '[MazLazyImg] No \"<source />\" elements provided into the \"<picture />\" element',\n )\n this.imageHasError(el)\n }\n }\n\n private hasBgImgMode(binding: BindingData): boolean {\n return binding.arg === 'bg-image'\n }\n\n private isPictureElement(el: HTMLElement): boolean {\n return el instanceof HTMLPictureElement\n }\n\n private getImgElement(el: HTMLElement): HTMLImageElement {\n const isPictureElement = this.isPictureElement(el)\n return (isPictureElement ? el.querySelector('img') : el) as HTMLImageElement\n }\n\n private async setDefaultPhoto(el: HTMLElement) {\n if (this.options.noUseErrorPhoto) return\n const errorPhoto = this.options.errorPhoto\n ? this.options.errorPhoto\n : await this.loadErrorPhoto()\n const sourceElements = el.querySelectorAll('source')\n if (sourceElements.length > 0) {\n for await (const source of sourceElements) {\n source.srcset = errorPhoto\n }\n } else {\n this.setImgSrc(el, errorPhoto)\n }\n }\n\n private addEventListenerToImg(el: HTMLElement) {\n const imgElement = this.getImgElement(el)\n imgElement.addEventListener('load', () => this.onImgLoadedCallback(el), {\n once: true,\n })\n imgElement.addEventListener(\n 'error',\n (err) => this.onImgErrorCallback(el, err),\n { once: true },\n )\n }\n\n private async loadImage(\n el: HTMLElement,\n binding: BindingData,\n ): Promise<void> {\n this.imageIsLoading(el)\n\n if (this.isPictureElement(el)) {\n this.addEventListenerToImg(el)\n\n await this.setPictureSourceUrls(el)\n } else {\n const imageUrl = this.getImageUrl(el, binding)\n\n if (!imageUrl) return this.imageHasError(el)\n\n if (this.hasBgImgMode(binding)) {\n el.style.backgroundImage = `url('${imageUrl}')`\n this.imageIsLoaded(el)\n } else {\n this.addEventListenerToImg(el)\n\n this.setImgSrc(el, imageUrl)\n }\n }\n }\n\n public setImgSrc(el: HTMLElement, src: string) {\n const imgElement = this.getImgElement(el)\n imgElement.src = src\n }\n\n private handleIntersectionObserver(\n el: HTMLElement,\n binding: BindingData,\n entries: IntersectionObserverEntry[],\n observer: IntersectionObserver,\n ) {\n this.observers.push(observer)\n for (const entry of entries) {\n if (entry.isIntersecting) {\n this.options.onIntersecting?.(entry.target)\n\n if (this.options.observerOnce) {\n observer.unobserve(el)\n }\n\n if (this.options.loadOnce && this.hasImgLoaded) return\n this.loadImage(el, binding)\n }\n }\n }\n\n private createObserver(el: HTMLElement, binding: BindingData) {\n const observerCallback = (\n entries: IntersectionObserverEntry[],\n intersectionObserver: IntersectionObserver,\n ) => {\n this.handleIntersectionObserver(\n el,\n binding,\n entries,\n intersectionObserver,\n )\n }\n const observerOptions: ClassOptions['observerOptions'] =\n this.options.observerOptions\n\n const observer = new IntersectionObserver(observerCallback, observerOptions)\n\n observer.observe(el)\n }\n\n private async imageHandler(\n el: HTMLElement,\n binding: BindingData,\n type: 'bind' | 'update',\n ): Promise<void> {\n if (type === 'update') {\n // Clean all previous observers\n for await (const observer of this.observers) observer.unobserve(el)\n }\n\n if (window.IntersectionObserver) {\n this.createObserver(el, binding)\n } else {\n this.loadImage(el, binding)\n }\n }\n\n private async bindUpdateHandler(\n el: HTMLElement,\n binding: BindingData,\n type: 'bind' | 'update',\n ): Promise<void> {\n if (this.options.noPhoto) return this.imageHasNoPhoto(el)\n\n await this.imageHandler(el, binding, type)\n }\n\n public async add(el: HTMLElement, binding: BindingData): Promise<void> {\n if (this.hasBgImgMode(binding) && this.isPictureElement(el)) {\n throw new Error(\n `[MazLazyImg] You can't use the \"bg-image\" mode with \"<picture />\" element`,\n )\n }\n\n setTimeout(() => this.setBaseClass(el), 0)\n\n if (!el.getAttribute('src')) this.setImgSrc(el, EMPTY_PHOTO)\n\n await this.bindUpdateHandler(el, binding, 'bind')\n }\n\n public async update(el: HTMLElement, binding: BindingData): Promise<void> {\n if (binding.value !== binding.oldValue) {\n this.hasImgLoaded = false\n this.removeAllStateClasses(el)\n\n await this.bindUpdateHandler(el, binding, 'update')\n }\n }\n\n public remove(el: HTMLElement, binding: BindingData) {\n this.hasImgLoaded = false\n if (this.hasBgImgMode(binding)) el.style.backgroundImage = ''\n\n this.removeAllStateClasses(el)\n\n for (const observer of this.observers) observer.unobserve(el)\n this.observers = []\n }\n}\n","import { Directive } from 'vue'\nimport { LazyImg, BindingData } from './lazy-img-handler'\n\nlet instance: LazyImg\n\nconst vLazyImg: Directive = {\n created(el: HTMLElement, binding: BindingData) {\n const options = typeof binding.value === 'object' ? binding.value : {}\n instance = new LazyImg(options)\n instance.add(el, binding)\n },\n updated(el: HTMLElement, binding: BindingData): void {\n instance.update(el, binding)\n },\n unmounted(el: HTMLElement, binding: BindingData): void {\n instance.remove(el, binding)\n },\n}\n\nexport { vLazyImg }\n","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","<template>\n <picture\n v-lazy-img=\"{\n noPhoto: noPhoto,\n observerOnce: !noObserverOnce,\n loadOnce: loadOnce,\n onIntersecting: (el: HTMLElement) => $emit('intersecting', el),\n onLoading: (el: HTMLElement) => $emit('loading', el),\n onLoaded: (el: HTMLElement) => $emit('loaded', el),\n onError: (el: HTMLElement) => $emit('error', el),\n observerOptions: observerOptions,\n }\"\n class=\"m-lazy-img-component\"\n :class=\"{ '-use-loader': !noLoader, '--height-full': imageHeightFull }\"\n >\n <source\n v-for=\"({ srcset, media }, sourceIndex) in sources\"\n :key=\"sourceIndex\"\n :data-srcset=\"srcset\"\n :media=\"media\"\n />\n <img\n v-bind=\"$attrs\"\n src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n />\n <div v-if=\"!noLoader\" class=\"m-lazy-img-component-loader\">\n <MazSpinner color=\"black\" size=\"2em\" />\n </div>\n <slot />\n </picture>\n</template>\n\n<script lang=\"ts\">\n export type { Image } from './types'\n</script>\n\n<script lang=\"ts\" setup>\n import { Prop, computed } from 'vue'\n import { vLazyImgOptions, vLazyImg } from '../directives/v-lazy-img'\n\n import MazSpinner from './MazSpinner.vue'\n import { Image } from './types'\n\n const props = defineProps({\n image: { type: [String, Object], default: undefined } as Prop<Image>,\n noPhoto: { type: Boolean, default: false },\n noLoader: { type: Boolean, default: false },\n noObserverOnce: { type: Boolean, default: false },\n loadOnce: { type: Boolean, default: false },\n imageHeightFull: { type: Boolean, default: false },\n observerOptions: { type: Object, default: null } as Prop<\n vLazyImgOptions['observerOptions']\n >,\n })\n\n defineEmits(['intersecting', 'loading', 'loaded', 'error'])\n\n const sources = computed(() =>\n typeof props.image === 'string'\n ? [{ srcset: props.image }]\n : props.image?.sources,\n )\n</script>\n\n<style lang=\"postcss\" scoped>\n /* stylelint-disable no-descending-specificity */\n .m-lazy-img-component {\n @apply maz-relative maz-inline-flex maz-bg-color-lighter maz-flex-center;\n\n &-loader {\n @apply maz-absolute maz-inset-0 maz-hidden maz-flex-center;\n }\n\n &:not(.m-lazy-error):not(.m-lazy-no-photo) img {\n @apply maz-h-full maz-w-full;\n }\n\n &.--height-full img {\n @apply maz-max-h-full maz-w-min maz-max-w-min !important;\n }\n\n &:not(.m-lazy-loaded):not(.m-lazy-no-photo) {\n & .m-lazy-img-component-loader {\n @apply maz-flex;\n }\n }\n }\n</style>\n","<template>\n <!-- eslint-disable vue/no-v-html -->\n <svg\n v-if=\"svgElSource\"\n ref=\"svgElem\"\n width=\"1em\"\n height=\"1em\"\n v-bind=\"{\n ...getSvgAttrs(svgElSource),\n ...filterAttrs($attrs),\n }\"\n :style=\"`font-size: ${size}`\"\n v-html=\"getSvgContent(svgElSource)\"\n ></svg>\n <!-- eslint-enable vue/no-v-html -->\n</template>\n\n<!-- // inheritAttrs: false -->\n<script lang=\"ts\" setup>\n import { nextTick, onMounted, PropType, ref, watch, computed } from 'vue'\n import { injectStrict } from '../utils/injectStrict'\n\n const cache: Record<string, Promise<SVGElement>> = {}\n const svgElSource = ref<SVGElement>()\n const svgElem = ref<SVGElement>()\n\n const mazIconPath = injectStrict<string>('mazIconPath')\n\n const props = defineProps({\n src: { type: String, default: undefined },\n path: { type: String, default: undefined },\n name: { type: String, default: undefined },\n size: { type: String, default: '1.5rem' },\n title: { type: String, default: undefined },\n transformSource: {\n type: Function as PropType<(param: SVGElement) => typeof param>,\n default: (svg: SVGElement) => svg,\n },\n keepDuringLoading: { type: Boolean, default: true },\n })\n\n const emits = defineEmits(['loaded', 'unloaded', 'error'])\n\n const iconPath = computed(() => props.path ?? mazIconPath)\n const fullSrc = computed(() =>\n props.src\n ? props.src\n : iconPath.value\n ? `${iconPath.value}/${props.name}.svg`\n : `/${props.name}.svg`,\n )\n\n onMounted(() => {\n if (!props.name && !props.src) {\n throw new Error('[MazIcon] you should provide \"name\" or \"src\" as prop')\n }\n getSource(fullSrc.value)\n })\n\n const setTitle = (svg: SVGElement, title: string) => {\n const titleTags = svg.getElementsByTagName('title')\n if (titleTags.length) {\n // overwrite existing title\n titleTags[0].textContent = title\n } else {\n // create a title element if one doesn't already exist\n const titleEl = document.createElementNS(\n 'http://www.w3.org/2000/svg',\n 'title',\n )\n titleEl.textContent = title\n svg.appendChild(titleEl)\n }\n }\n\n const filterAttrs = (attrs: Record<string, unknown>) => {\n return Object.keys(attrs).reduce((result, key) => {\n if (\n attrs[key] !== false &&\n attrs[key] !== null &&\n attrs[key] !== undefined\n ) {\n result[key] = attrs[key]\n }\n return result\n }, {})\n }\n\n const getSvgAttrs = (svgEl: SVGElement) => {\n // copy attrs\n const svgAttrs = {}\n const attrs = svgEl.attributes\n if (!attrs) {\n return svgAttrs\n }\n for (let i = attrs.length - 1; i >= 0; i--) {\n svgAttrs[attrs[i].name] = attrs[i].value\n }\n return svgAttrs\n }\n\n const getSvgContent = (svgEl: SVGElement) => {\n let svgElNode = svgEl.cloneNode(true)\n svgElNode = props.transformSource(svgEl)\n\n if (props.title) {\n setTitle(svgElNode as SVGElement, props.title)\n }\n\n // copy inner html\n return svgEl.innerHTML\n }\n\n const getSource = async (src: string) => {\n // fill cache by src with promise\n if (!cache[src]) {\n // download\n cache[src] = download(src)\n }\n\n // inline svg when cached promise resolves\n try {\n const svg = await cache[src]\n svgElSource.value = svg\n // wait to render\n await nextTick()\n emits('loaded', svgElem.value)\n } catch (err) {\n if (svgElSource.value) {\n svgElSource.value = undefined\n emits('unloaded')\n }\n // remove cached rejected promise so next image can try load again\n delete cache[src]\n emits('error', err)\n }\n }\n\n const download = (url: string): Promise<SVGElement> => {\n return new Promise((resolve, reject) => {\n const request = new XMLHttpRequest()\n request.open('GET', url, true)\n\n request.onload = () => {\n if (request.status >= 200 && request.status < 400) {\n try {\n // Setup a parser to convert the response to text/xml in order for it to be manipulated and changed\n const parser = new DOMParser()\n const result = parser.parseFromString(\n request.responseText,\n 'text/xml',\n )\n const svgEl = result.getElementsByTagName('svg')[0]\n if (svgEl) {\n // svgEl = this.transformSource(svgEl);\n resolve(svgEl)\n } else {\n reject(new Error('Loaded file is not valid SVG\"'))\n }\n } catch (e) {\n reject(e)\n }\n } else {\n reject(new Error('Error loading SVG'))\n }\n }\n\n request.onerror = reject\n request.send()\n })\n }\n\n watch(\n () => props.src,\n () => getSource(fullSrc.value),\n )\n</script>\n","import { inject } from 'vue'\n\nexport function injectStrict<T>(key: string, fallback?: T) {\n const resolved = inject(key, fallback)\n\n if (!resolved) {\n return undefined\n }\n\n return resolved\n}\n","<template>\n <Component\n :is=\"componentType\"\n :style=\"{ fontSize: size }\"\n class=\"m-avatar\"\n :class=\"[\n {\n '--has-link': isLink,\n },\n ]\"\n v-bind=\"$attrs\"\n :href=\"href\"\n :to=\"to\"\n :target=\"isLink ? target : undefined\"\n >\n <div\n class=\"m-avatar__wrapper\"\n :tabindex=\"clickable ? 0 : -1\"\n :class=\"{\n '--has-shadow': !noElevation,\n '--bordered': bordered,\n '--clickable': clickable,\n '--square': square,\n '--has-initial': !src && caption,\n }\"\n @keydown.enter=\"clickable ? $emit('click', $event) : undefined\"\n >\n <MazLazyImg\n v-if=\"src\"\n class=\"m-avatar__picture\"\n :image=\"src\"\n :alt=\"alt\"\n image-height-full\n :no-loader=\"noLoader\"\n @click=\"clickable ? $emit('click', $event) : null\"\n />\n <slot v-if=\"caption\" name=\"round-text\">\n <span class=\"m-avatar__initial\"> {{ caption?.charAt(0) }} </span>\n </slot>\n\n <button\n v-if=\"clickable\"\n type=\"button\"\n tabindex=\"-1\"\n class=\"m-avatar__button maz-flex maz-flex-center\"\n @click=\"$emit('click', $event)\"\n >\n <slot name=\"icon\">\n <MazIcon :src=\"PencilIcon\" class=\"m-avatar__button__icon\" />\n </slot>\n </button>\n </div>\n <slot name=\"caption\">\n <p v-if=\"showCaption && caption\" class=\"m-avatar__caption\">\n {{ caption }}\n </p>\n </slot>\n </Component>\n</template>\n\n<script lang=\"ts\" setup>\n import { PropType, computed } from 'vue'\n import MazLazyImg from './MazLazyImg.vue'\n import MazIcon from './MazIcon.vue'\n import PencilIcon from './../icons/pencil.svg'\n\n const props = defineProps({\n // url or path of the image\n src: {\n type: String as PropType<undefined | null | string>,\n default: undefined,\n },\n caption: {\n type: String as PropType<undefined | null | string>,\n default: undefined,\n },\n // url or path to link another page\n href: { type: String, default: undefined },\n // route config\n to: { type: Object, default: undefined },\n // alt text of image\n alt: { type: String, default: 'avatar image' },\n // target attribute of link (if url is provide)\n target: { type: String, default: '_self' },\n // size of avatar\n size: { type: String, default: '1rem' },\n // add border around the avatar\n bordered: { type: Boolean, default: false },\n // add an edit layer & emit `edit` event on click\n clickable: { type: Boolean, default: false },\n // Make the avatar square\n square: { type: Boolean, default: false },\n // Remove the shadow behind the avatar\n noElevation: { type: Boolean, default: false },\n showCaption: { type: Boolean, default: false },\n imageHeightFull: { type: Boolean, default: false },\n noLoader: { type: Boolean, default: false },\n })\n\n const componentType = computed(() =>\n props.to ? 'RouterLink' : props.href ? 'a' : 'div',\n )\n const isLink = computed(() => !!props.to || !!props.href)\n\n defineEmits(['click'])\n</script>\n\n<style lang=\"postcss\" scoped>\n .m-avatar {\n @apply maz-inline-flex maz-flex-col maz-flex-center;\n @apply maz-no-underline !important;\n\n &__caption {\n @apply maz-mt-2 maz-w-full maz-truncate maz-text-center maz-text-base maz-font-medium maz-capitalize maz-text-black;\n }\n\n &__initial {\n @apply maz-capitalize maz-text-white;\n\n font-size: 1.5em;\n }\n\n &__wrapper {\n @apply maz-relative maz-flex maz-flex-none maz-justify-center maz-overflow-hidden\n maz-rounded-full maz-bg-color-lighter;\n\n height: 3em;\n width: 3em;\n\n &.--clickable {\n & .m-avatar__button {\n @apply maz-outline-none maz-absolute maz-inset-0 maz-w-full maz-cursor-pointer maz-rounded-lg maz-border-none\n maz-bg-transparent maz-opacity-0 maz-transition-all maz-duration-200;\n\n transform: scale(0);\n\n &__icon {\n @apply maz-text-white;\n\n height: 1em;\n width: 1em;\n }\n }\n\n &:not(.--square) .m-avatar__button {\n @apply maz-rounded-full;\n }\n\n &:hover,\n &:focus {\n & .m-avatar__picture {\n filter: blur(1.5px);\n }\n\n & .m-avatar__button {\n @apply maz-opacity-100;\n\n transform: scale(1.05);\n background-color: var(--maz-color-info-alpha);\n }\n }\n }\n\n &.--bordered {\n @apply maz-border-2 maz-border-solid maz-border-white;\n }\n\n &.--square {\n @apply maz-rounded-lg;\n }\n\n &.--has-shadow {\n @apply maz-shadow;\n }\n\n &.--has-initial {\n @apply maz-items-center maz-bg-primary;\n\n &.--clickable {\n & .m-avatar__button {\n @apply maz-bg-danger;\n }\n }\n }\n }\n\n &.--has-link {\n @apply maz-cursor-pointer;\n }\n }\n</style>\n","export default \"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\""],"names":["_typeof","obj","module","Symbol","iterator","constructor","prototype","exports","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","protoProps","staticProps","runtime","undefined","Op","hasOwn","hasOwnProperty","$Symbol","iteratorSymbol","asyncIteratorSymbol","asyncIterator","toStringTagSymbol","toStringTag","define","value","err","wrap","innerFn","outerFn","self","tryLocsList","protoGenerator","Generator","generator","create","context","Context","_invoke","state","GenStateSuspendedStart","method","arg","GenStateExecuting","Error","GenStateCompleted","doneResult","delegate","delegateResult","maybeInvokeDelegate","ContinueSentinel","sent","_sent","dispatchException","abrupt","record","tryCatch","type","done","GenStateSuspendedYield","makeInvokeMethod","fn","call","GeneratorFunction","GeneratorFunctionPrototype","IteratorPrototype","this","getProto","getPrototypeOf","NativeIteratorPrototype","values","Gp","defineIteratorMethods","forEach","AsyncIterator","PromiseImpl","invoke","resolve","reject","result","__await","then","unwrapped","error","previousPromise","callInvokeWithMethodAndArg","info","resultName","next","nextLoc","pushTryEntry","locs","entry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","push","resetTryEntry","completion","reset","iterable","iteratorMethod","isNaN","displayName","isGeneratorFunction","genFun","ctor","name","mark","setPrototypeOf","__proto__","awrap","async","Promise","iter","keys","object","reverse","pop","skipTempReset","prev","charAt","slice","stop","rootRecord","rval","exception","handle","loc","caught","hasCatch","hasFinally","finallyEntry","complete","finish","catch","thrown","delegateYield","regeneratorRuntime","accidentalStrictMode","globalThis","Function","regenerator","require$$0","DEFAULT_OPTIONS","baseClass","loadedClass","loadingClass","errorClass","noPhotoClass","noPhoto","observerOnce","loadOnce","noUseErrorPhoto","observerOptions","threshold","LazyImg","opts","options","buildOptions","onImgLoadedCallback","imageIsLoaded","bind","onImgErrorCallback","imageHasError","import","default","defaultOptions","el","className","classList","remove","add","removeClass","addClass","onLoading","setDefaultPhoto","hasImgLoaded","onLoaded","event","console","warn","onError","binding","dataSrc","getImgElement","getAttribute","bindingSrc","src","sourceElements","querySelectorAll","sourceElements_1","__asyncValues","source","srcSet","srcset","HTMLPictureElement","isPictureElement","querySelector","errorPhoto","loadErrorPhoto","sourceElements_2","setImgSrc","imgElement","addEventListener","_this","once","imageIsLoading","addEventListenerToImg","setPictureSourceUrls","imageUrl","getImageUrl","hasBgImgMode","style","backgroundImage","entries","observer","observers","isIntersecting","onIntersecting","unobserve","loadImage","IntersectionObserver","intersectionObserver","_this2","handleIntersectionObserver","observe","_b","window","createObserver","imageHasNoPhoto","imageHandler","setTimeout","_this3","setBaseClass","bindUpdateHandler","oldValue","removeAllStateClasses","vLazyImg","created","updated","update","unmounted","styleInject","css","ref","insertAt","document","head","getElementsByTagName","createElement","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","sources","computed","image","cache","svgElSource","svgElem","mazIconPath","fallback","resolved","inject","injectStrict","iconPath","path","fullSrc","onMounted","getSource","getSvgContent","svgEl","svgElNode","cloneNode","transformSource","title","svg","titleTags","textContent","titleEl","createElementNS","setTitle","innerHTML","download","nextTick","emits","url","request","XMLHttpRequest","open","onload","status","DOMParser","parseFromString","responseText","e","onerror","send","watch","svgAttrs","attrs","attributes","reduce","componentType","to","href","isLink"],"mappings":"6kBAAA,SAASA,EAAQC,GAGf,OAAQC,UAAiBF,EAAU,mBAAqBG,QAAU,iBAAmBA,OAAOC,SAAW,SAAUH,GAC/G,cAAcA,GACZ,SAAUA,GACZ,OAAOA,GAAO,mBAAqBE,QAAUF,EAAII,cAAgBF,QAAUF,IAAQE,OAAOG,UAAY,gBAAkBL,GACvHC,sBAA4B,EAAMA,EAAOK,QAAiB,QAAIL,EAAOK,QAAUP,EAAQC,GAG5FC,UAAiBF,EAASE,sBAA4B,EAAMA,EAAOK,QAAiB,QAAIL,EAAOK,8DCV/F,SAAyBC,EAAUC,GACjC,KAAMD,aAAoBC,GACxB,MAAM,IAAIC,UAAU,sCAIUR,sBAA4B,EAAMA,EAAOK,QAAiB,QAAIL,EAAOK,uDCNvG,SAASI,EAAkBC,EAAQC,GACjC,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAME,OAAQD,IAAK,CACrC,IAAIE,EAAaH,EAAMC,GACvBE,EAAWC,WAAaD,EAAWC,aAAc,EACjDD,EAAWE,cAAe,EACtB,UAAWF,IAAYA,EAAWG,UAAW,GACjDC,OAAOC,eAAeT,EAAQI,EAAWM,IAAKN,IAalDd,UATA,SAAsBO,EAAac,EAAYC,GAM7C,OALID,GAAYZ,EAAkBF,EAAYH,UAAWiB,GACrDC,GAAab,EAAkBF,EAAae,GAChDJ,OAAOC,eAAeZ,EAAa,YAAa,CAC9CU,UAAU,IAELV,GAGsBP,sBAA4B,EAAMA,EAAOK,QAAiB,QAAIL,EAAOK,2DCZpG,IAAIkB,EAAW,SAAUlB,GAGvB,IAEImB,EAFAC,EAAKP,OAAOd,UACZsB,EAASD,EAAGE,eAEZC,EAA4B,mBAAX3B,OAAwBA,OAAS,GAClD4B,EAAiBD,EAAQ1B,UAAY,aACrC4B,EAAsBF,EAAQG,eAAiB,kBAC/CC,EAAoBJ,EAAQK,aAAe,gBAE/C,SAASC,EAAOnC,EAAKqB,EAAKe,GAOxB,OANAjB,OAAOC,eAAepB,EAAKqB,EAAK,CAC9Be,MAAOA,EACPpB,YAAY,EACZC,cAAc,EACdC,UAAU,IAELlB,EAAIqB,GAEb,IAEEc,EAAO,GAAI,IACX,MAAOE,GACPF,EAAS,SAASnC,EAAKqB,EAAKe,GAC1B,OAAOpC,EAAIqB,GAAOe,GAItB,SAASE,EAAKC,EAASC,EAASC,EAAMC,GAEpC,IAAIC,EAAiBH,GAAWA,EAAQnC,qBAAqBuC,EAAYJ,EAAUI,EAC/EC,EAAY1B,OAAO2B,OAAOH,EAAetC,WACzC0C,EAAU,IAAIC,EAAQN,GAAe,IAMzC,OAFAG,EAAUI,QAuMZ,SAA0BV,EAASE,EAAMM,GACvC,IAAIG,EAAQC,EAEZ,OAAO,SAAgBC,EAAQC,GAC7B,GAAIH,IAAUI,EACZ,MAAM,IAAIC,MAAM,gCAGlB,GAAIL,IAAUM,EAAmB,CAC/B,GAAe,UAAXJ,EACF,MAAMC,EAKR,OAAOI,IAMT,IAHAV,EAAQK,OAASA,EACjBL,EAAQM,IAAMA,IAED,CACX,IAAIK,EAAWX,EAAQW,SACvB,GAAIA,EAAU,CACZ,IAAIC,EAAiBC,EAAoBF,EAAUX,GACnD,GAAIY,EAAgB,CAClB,GAAIA,IAAmBE,EAAkB,SACzC,OAAOF,GAIX,GAAuB,SAAnBZ,EAAQK,OAGVL,EAAQe,KAAOf,EAAQgB,MAAQhB,EAAQM,SAElC,GAAuB,UAAnBN,EAAQK,OAAoB,CACrC,GAAIF,IAAUC,EAEZ,MADAD,EAAQM,EACFT,EAAQM,IAGhBN,EAAQiB,kBAAkBjB,EAAQM,SAEN,WAAnBN,EAAQK,QACjBL,EAAQkB,OAAO,SAAUlB,EAAQM,KAGnCH,EAAQI,EAER,IAAIY,EAASC,EAAS5B,EAASE,EAAMM,GACrC,GAAoB,WAAhBmB,EAAOE,KAAmB,CAO5B,GAJAlB,EAAQH,EAAQsB,KACZb,EACAc,EAEAJ,EAAOb,MAAQQ,EACjB,SAGF,MAAO,CACLzB,MAAO8B,EAAOb,IACdgB,KAAMtB,EAAQsB,MAGS,UAAhBH,EAAOE,OAChBlB,EAAQM,EAGRT,EAAQK,OAAS,QACjBL,EAAQM,IAAMa,EAAOb,OA/QPkB,CAAiBhC,EAASE,EAAMM,GAE7CF,EAcT,SAASsB,EAASK,EAAIxE,EAAKqD,GACzB,IACE,MAAO,CAAEe,KAAM,SAAUf,IAAKmB,EAAGC,KAAKzE,EAAKqD,IAC3C,MAAOhB,GACP,MAAO,CAAE+B,KAAM,QAASf,IAAKhB,IAhBjC/B,EAAQgC,KAAOA,EAoBf,IAAIa,EAAyB,iBACzBmB,EAAyB,iBACzBhB,EAAoB,YACpBE,EAAoB,YAIpBK,EAAmB,GAMvB,SAASjB,KACT,SAAS8B,KACT,SAASC,KAIT,IAAIC,EAAoB,GACxBzC,EAAOyC,EAAmB9C,GAAgB,WACxC,OAAO+C,QAGT,IAAIC,EAAW3D,OAAO4D,eAClBC,EAA0BF,GAAYA,EAASA,EAASG,EAAO,MAC/DD,GACAA,IAA4BtD,GAC5BC,EAAO8C,KAAKO,EAAyBlD,KAGvC8C,EAAoBI,GAGtB,IAAIE,EAAKP,EAA2BtE,UAClCuC,EAAUvC,UAAYc,OAAO2B,OAAO8B,GAYtC,SAASO,EAAsB9E,GAC7B,CAAC,OAAQ,QAAS,UAAU+E,SAAQ,SAAShC,GAC3CjB,EAAO9B,EAAW+C,GAAQ,SAASC,GACjC,OAAOwB,KAAK5B,QAAQG,EAAQC,SAkClC,SAASgC,EAAcxC,EAAWyC,GAChC,SAASC,EAAOnC,EAAQC,EAAKmC,EAASC,GACpC,IAAIvB,EAASC,EAAStB,EAAUO,GAASP,EAAWQ,GACpD,GAAoB,UAAhBa,EAAOE,KAEJ,CACL,IAAIsB,EAASxB,EAAOb,IAChBjB,EAAQsD,EAAOtD,MACnB,OAAIA,GACiB,iBAAVA,GACPT,EAAO8C,KAAKrC,EAAO,WACdkD,EAAYE,QAAQpD,EAAMuD,SAASC,MAAK,SAASxD,GACtDmD,EAAO,OAAQnD,EAAOoD,EAASC,MAC9B,SAASpD,GACVkD,EAAO,QAASlD,EAAKmD,EAASC,MAI3BH,EAAYE,QAAQpD,GAAOwD,MAAK,SAASC,GAI9CH,EAAOtD,MAAQyD,EACfL,EAAQE,MACP,SAASI,GAGV,OAAOP,EAAO,QAASO,EAAON,EAASC,MAvBzCA,EAAOvB,EAAOb,KA4BlB,IAAI0C,EAgCJlB,KAAK5B,QA9BL,SAAiBG,EAAQC,GACvB,SAAS2C,IACP,OAAO,IAAIV,GAAY,SAASE,EAASC,GACvCF,EAAOnC,EAAQC,EAAKmC,EAASC,MAIjC,OAAOM,EAaLA,EAAkBA,EAAgBH,KAChCI,EAGAA,GACEA,KAkHV,SAASpC,EAAoBF,EAAUX,GACrC,IAAIK,EAASM,EAASvD,SAAS4C,EAAQK,QACvC,GAAIA,IAAW3B,EAAW,CAKxB,GAFAsB,EAAQW,SAAW,KAEI,UAAnBX,EAAQK,OAAoB,CAE9B,GAAIM,EAASvD,SAAiB,SAG5B4C,EAAQK,OAAS,SACjBL,EAAQM,IAAM5B,EACdmC,EAAoBF,EAAUX,GAEP,UAAnBA,EAAQK,QAGV,OAAOS,EAIXd,EAAQK,OAAS,QACjBL,EAAQM,IAAM,IAAI5C,UAChB,kDAGJ,OAAOoD,EAGT,IAAIK,EAASC,EAASf,EAAQM,EAASvD,SAAU4C,EAAQM,KAEzD,GAAoB,UAAhBa,EAAOE,KAIT,OAHArB,EAAQK,OAAS,QACjBL,EAAQM,IAAMa,EAAOb,IACrBN,EAAQW,SAAW,KACZG,EAGT,IAAIoC,EAAO/B,EAAOb,IAElB,OAAM4C,EAOFA,EAAK5B,MAGPtB,EAAQW,EAASwC,YAAcD,EAAK7D,MAGpCW,EAAQoD,KAAOzC,EAAS0C,QAQD,WAAnBrD,EAAQK,SACVL,EAAQK,OAAS,OACjBL,EAAQM,IAAM5B,GAUlBsB,EAAQW,SAAW,KACZG,GANEoC,GA3BPlD,EAAQK,OAAS,QACjBL,EAAQM,IAAM,IAAI5C,UAAU,oCAC5BsC,EAAQW,SAAW,KACZG,GAoDX,SAASwC,EAAaC,GACpB,IAAIC,EAAQ,CAAEC,OAAQF,EAAK,IAEvB,KAAKA,IACPC,EAAME,SAAWH,EAAK,IAGpB,KAAKA,IACPC,EAAMG,WAAaJ,EAAK,GACxBC,EAAMI,SAAWL,EAAK,IAGxBzB,KAAK+B,WAAWC,KAAKN,GAGvB,SAASO,EAAcP,GACrB,IAAIrC,EAASqC,EAAMQ,YAAc,GACjC7C,EAAOE,KAAO,gBACPF,EAAOb,IACdkD,EAAMQ,WAAa7C,EAGrB,SAASlB,EAAQN,GAIfmC,KAAK+B,WAAa,CAAC,CAAEJ,OAAQ,SAC7B9D,EAAY0C,QAAQiB,EAAcxB,MAClCA,KAAKmC,OAAM,GA8Bb,SAAS/B,EAAOgC,GACd,GAAIA,EAAU,CACZ,IAAIC,EAAiBD,EAASnF,GAC9B,GAAIoF,EACF,OAAOA,EAAezC,KAAKwC,GAG7B,GAA6B,mBAAlBA,EAASd,KAClB,OAAOc,EAGT,IAAKE,MAAMF,EAASnG,QAAS,CAC3B,IAAID,GAAK,EAAGsF,EAAO,SAASA,IAC1B,OAAStF,EAAIoG,EAASnG,QACpB,GAAIa,EAAO8C,KAAKwC,EAAUpG,GAGxB,OAFAsF,EAAK/D,MAAQ6E,EAASpG,GACtBsF,EAAK9B,MAAO,EACL8B,EAOX,OAHAA,EAAK/D,MAAQX,EACb0E,EAAK9B,MAAO,EAEL8B,GAGT,OAAOA,EAAKA,KAAOA,GAKvB,MAAO,CAAEA,KAAM1C,GAIjB,SAASA,IACP,MAAO,CAAErB,MAAOX,EAAW4C,MAAM,GA+MnC,OA7mBAK,EAAkBrE,UAAYsE,EAC9BxC,EAAO+C,EAAI,cAAeP,GAC1BxC,EAAOwC,EAA4B,cAAeD,GAClDA,EAAkB0C,YAAcjF,EAC9BwC,EACA1C,EACA,qBAaF3B,EAAQ+G,oBAAsB,SAASC,GACrC,IAAIC,EAAyB,mBAAXD,GAAyBA,EAAOlH,YAClD,QAAOmH,IACHA,IAAS7C,GAG2B,uBAAnC6C,EAAKH,aAAeG,EAAKC,QAIhClH,EAAQmH,KAAO,SAASH,GAQtB,OAPInG,OAAOuG,eACTvG,OAAOuG,eAAeJ,EAAQ3C,IAE9B2C,EAAOK,UAAYhD,EACnBxC,EAAOmF,EAAQrF,EAAmB,sBAEpCqF,EAAOjH,UAAYc,OAAO2B,OAAOoC,GAC1BoC,GAOThH,EAAQsH,MAAQ,SAASvE,GACvB,MAAO,CAAEsC,QAAStC,IAsEpB8B,EAAsBE,EAAchF,WACpC8B,EAAOkD,EAAchF,UAAW0B,GAAqB,WACnD,OAAO8C,QAETvE,EAAQ+E,cAAgBA,EAKxB/E,EAAQuH,MAAQ,SAAStF,EAASC,EAASC,EAAMC,EAAa4C,QACxC,IAAhBA,IAAwBA,EAAcwC,SAE1C,IAAIC,EAAO,IAAI1C,EACb/C,EAAKC,EAASC,EAASC,EAAMC,GAC7B4C,GAGF,OAAOhF,EAAQ+G,oBAAoB7E,GAC/BuF,EACAA,EAAK5B,OAAOP,MAAK,SAASF,GACxB,OAAOA,EAAOrB,KAAOqB,EAAOtD,MAAQ2F,EAAK5B,WAuKjDhB,EAAsBD,GAEtB/C,EAAO+C,EAAIjD,EAAmB,aAO9BE,EAAO+C,EAAIpD,GAAgB,WACzB,OAAO+C,QAGT1C,EAAO+C,EAAI,YAAY,WACrB,MAAO,wBAkCT5E,EAAQ0H,KAAO,SAASC,GACtB,IAAID,EAAO,GACX,IAAK,IAAI3G,KAAO4G,EACdD,EAAKnB,KAAKxF,GAMZ,OAJA2G,EAAKE,UAIE,SAAS/B,IACd,KAAO6B,EAAKlH,QAAQ,CAClB,IAAIO,EAAM2G,EAAKG,MACf,GAAI9G,KAAO4G,EAGT,OAFA9B,EAAK/D,MAAQf,EACb8E,EAAK9B,MAAO,EACL8B,EAQX,OADAA,EAAK9B,MAAO,EACL8B,IAsCX7F,EAAQ2E,OAASA,EAMjBjC,EAAQ3C,UAAY,CAClBD,YAAa4C,EAEbgE,MAAO,SAASoB,GAcd,GAbAvD,KAAKwD,KAAO,EACZxD,KAAKsB,KAAO,EAGZtB,KAAKf,KAAOe,KAAKd,MAAQtC,EACzBoD,KAAKR,MAAO,EACZQ,KAAKnB,SAAW,KAEhBmB,KAAKzB,OAAS,OACdyB,KAAKxB,IAAM5B,EAEXoD,KAAK+B,WAAWxB,QAAQ0B,IAEnBsB,EACH,IAAK,IAAIZ,KAAQ3C,KAEQ,MAAnB2C,EAAKc,OAAO,IACZ3G,EAAO8C,KAAKI,KAAM2C,KACjBL,OAAOK,EAAKe,MAAM,MACrB1D,KAAK2C,GAAQ/F,IAMrB+G,KAAM,WACJ3D,KAAKR,MAAO,EAEZ,IACIoE,EADY5D,KAAK+B,WAAW,GACLG,WAC3B,GAAwB,UAApB0B,EAAWrE,KACb,MAAMqE,EAAWpF,IAGnB,OAAOwB,KAAK6D,MAGd1E,kBAAmB,SAAS2E,GAC1B,GAAI9D,KAAKR,KACP,MAAMsE,EAGR,IAAI5F,EAAU8B,KACd,SAAS+D,EAAOC,EAAKC,GAYnB,OAXA5E,EAAOE,KAAO,QACdF,EAAOb,IAAMsF,EACb5F,EAAQoD,KAAO0C,EAEXC,IAGF/F,EAAQK,OAAS,OACjBL,EAAQM,IAAM5B,KAGNqH,EAGZ,IAAK,IAAIjI,EAAIgE,KAAK+B,WAAW9F,OAAS,EAAGD,GAAK,IAAKA,EAAG,CACpD,IAAI0F,EAAQ1B,KAAK+B,WAAW/F,GACxBqD,EAASqC,EAAMQ,WAEnB,GAAqB,SAAjBR,EAAMC,OAIR,OAAOoC,EAAO,OAGhB,GAAIrC,EAAMC,QAAU3B,KAAKwD,KAAM,CAC7B,IAAIU,EAAWpH,EAAO8C,KAAK8B,EAAO,YAC9ByC,EAAarH,EAAO8C,KAAK8B,EAAO,cAEpC,GAAIwC,GAAYC,EAAY,CAC1B,GAAInE,KAAKwD,KAAO9B,EAAME,SACpB,OAAOmC,EAAOrC,EAAME,UAAU,GACzB,GAAI5B,KAAKwD,KAAO9B,EAAMG,WAC3B,OAAOkC,EAAOrC,EAAMG,iBAGjB,GAAIqC,GACT,GAAIlE,KAAKwD,KAAO9B,EAAME,SACpB,OAAOmC,EAAOrC,EAAME,UAAU,OAG3B,CAAA,IAAIuC,EAMT,MAAM,IAAIzF,MAAM,0CALhB,GAAIsB,KAAKwD,KAAO9B,EAAMG,WACpB,OAAOkC,EAAOrC,EAAMG,gBAU9BzC,OAAQ,SAASG,EAAMf,GACrB,IAAK,IAAIxC,EAAIgE,KAAK+B,WAAW9F,OAAS,EAAGD,GAAK,IAAKA,EAAG,CACpD,IAAI0F,EAAQ1B,KAAK+B,WAAW/F,GAC5B,GAAI0F,EAAMC,QAAU3B,KAAKwD,MACrB1G,EAAO8C,KAAK8B,EAAO,eACnB1B,KAAKwD,KAAO9B,EAAMG,WAAY,CAChC,IAAIuC,EAAe1C,EACnB,OAIA0C,IACU,UAAT7E,GACS,aAATA,IACD6E,EAAazC,QAAUnD,GACvBA,GAAO4F,EAAavC,aAGtBuC,EAAe,MAGjB,IAAI/E,EAAS+E,EAAeA,EAAalC,WAAa,GAItD,OAHA7C,EAAOE,KAAOA,EACdF,EAAOb,IAAMA,EAET4F,GACFpE,KAAKzB,OAAS,OACdyB,KAAKsB,KAAO8C,EAAavC,WAClB7C,GAGFgB,KAAKqE,SAAShF,IAGvBgF,SAAU,SAAShF,EAAQyC,GACzB,GAAoB,UAAhBzC,EAAOE,KACT,MAAMF,EAAOb,IAcf,MAXoB,UAAhBa,EAAOE,MACS,aAAhBF,EAAOE,KACTS,KAAKsB,KAAOjC,EAAOb,IACM,WAAhBa,EAAOE,MAChBS,KAAK6D,KAAO7D,KAAKxB,IAAMa,EAAOb,IAC9BwB,KAAKzB,OAAS,SACdyB,KAAKsB,KAAO,OACa,WAAhBjC,EAAOE,MAAqBuC,IACrC9B,KAAKsB,KAAOQ,GAGP9C,GAGTsF,OAAQ,SAASzC,GACf,IAAK,IAAI7F,EAAIgE,KAAK+B,WAAW9F,OAAS,EAAGD,GAAK,IAAKA,EAAG,CACpD,IAAI0F,EAAQ1B,KAAK+B,WAAW/F,GAC5B,GAAI0F,EAAMG,aAAeA,EAGvB,OAFA7B,KAAKqE,SAAS3C,EAAMQ,WAAYR,EAAMI,UACtCG,EAAcP,GACP1C,IAKbuF,MAAS,SAAS5C,GAChB,IAAK,IAAI3F,EAAIgE,KAAK+B,WAAW9F,OAAS,EAAGD,GAAK,IAAKA,EAAG,CACpD,IAAI0F,EAAQ1B,KAAK+B,WAAW/F,GAC5B,GAAI0F,EAAMC,SAAWA,EAAQ,CAC3B,IAAItC,EAASqC,EAAMQ,WACnB,GAAoB,UAAhB7C,EAAOE,KAAkB,CAC3B,IAAIiF,EAASnF,EAAOb,IACpByD,EAAcP,GAEhB,OAAO8C,GAMX,MAAM,IAAI9F,MAAM,0BAGlB+F,cAAe,SAASrC,EAAUf,EAAYE,GAa5C,OAZAvB,KAAKnB,SAAW,CACdvD,SAAU8E,EAAOgC,GACjBf,WAAYA,EACZE,QAASA,GAGS,SAAhBvB,KAAKzB,SAGPyB,KAAKxB,IAAM5B,GAGNoC,IAQJvD,GAOsBL,EAAOK,SAGtC,IACEiJ,mBAAqB/H,EACrB,MAAOgI,GAWmB,iBAAfC,WACTA,WAAWF,mBAAqB/H,EAEhCkI,SAAS,IAAK,yBAAdA,CAAwClI,YC/uB5CmI,EAAiBC;;;;;;;;;;;;;;wmECGjB,ICAIrJ,EDGSsJ,EAAgC,CAC3CC,UAAW,aACXC,YAAa,gBACbC,aAAc,iBACdC,WAAY,eACZC,aAAc,kBACdC,SAAS,EACTC,cAAc,EACdC,UAAU,EACVC,iBAAiB,EACjBC,gBAAiB,CACfC,UAAW,KAIFC,8BAQCC,yDAAwB,4BAPQ,uBACIb,qBAIzB,OAGhBc,QAAU9F,KAAK+F,aAAaF,QAC5BG,oBAAsBhG,KAAKiG,cAAcC,KAAKlG,WAC9CmG,mBAAqBnG,KAAKoG,cAAcF,KAAKlG,8CAGtC,2IACEqG,OAAO,iEAA0BC,gFAGzC,SAAaT,uDAEd7F,KAAKuG,gBACLV,IACHH,+CACK1F,KAAKuG,eAAeb,iBACpBG,EAAKH,8CAKN,SAAYc,EAAiBC,GACnCD,EAAGE,UAAUC,OAAOF,2BAGd,SAASD,EAAiBC,GAChCD,EAAGE,UAAUE,IAAIH,wCAGX,SAAsBD,QACvBK,YAAYL,EAAIxG,KAAK8F,QAAQZ,kBAC7B2B,YAAYL,EAAIxG,KAAK8F,QAAQX,mBAC7B0B,YAAYL,EAAIxG,KAAK8F,QAAQV,iBAC7ByB,YAAYL,EAAIxG,KAAK8F,QAAQT,0CAG5B,SAAamB,QACdM,SAASN,EAAIxG,KAAK8F,QAAQb,yCAGzB,SAAeuB,gBAChBM,SAASN,EAAIxG,KAAK8F,QAAQX,2BAC/BnF,KAAK8F,SAAQiB,iCAAYP,kCAGnB,SAAgBA,QACjBK,YAAYL,EAAIxG,KAAK8F,QAAQX,mBAC7B2B,SAASN,EAAIxG,KAAK8F,QAAQT,mBAE1B2B,gBAAgBR,gCAGf,SAAcA,gBACfS,cAAe,OACfJ,YAAYL,EAAIxG,KAAK8F,QAAQX,mBAC7B2B,SAASN,EAAIxG,KAAK8F,QAAQZ,0BAC/BlF,KAAK8F,SAAQoB,gCAAWV,gCAGlB,SAAcA,EAAiBW,WACrCC,QAAQC,8CAA+CF,QAClDN,YAAYL,EAAIxG,KAAK8F,QAAQX,mBAC7B2B,SAASN,EAAIxG,KAAK8F,QAAQV,yBAE/BpF,KAAK8F,SAAQwB,+BAAUd,QAElBQ,gBAAgBR,8BAGf,SACNA,EACAe,OAEMC,EAAUxH,KAAKyH,cAAcjB,GAAIkB,aAAa,eAChDF,EAAS,OAAOA,MAEdG,EACqB,WAAzBzM,EAAOqM,EAAQhK,OAAqBgK,EAAQhK,MAAMqK,IAAML,EAAQhK,aAE7DoK,GAAYP,QAAQC,4CAElBM,sCAGK,SAAqBnB,+IAC3BqB,EAAiBrB,EAAGsB,iBAAiB,WAExB7L,OAAS,6BACC8L,EAAAC,EAAAH,8EAAVI,WACTC,EAASD,EAAOP,aAAa,gBAK9BO,EAAOE,OAASD,EAHnBd,QAAQC,KACN,kaAKND,QAAQC,KACN,sFAEGjB,cAAcI,2GAIf,SAAae,SACI,aAAhBA,EAAQ/I,oCAGT,SAAiBgI,UAChBA,aAAc4B,gDAGf,SAAc5B,UACKxG,KAAKqI,iBAAiB7B,GACpBA,EAAG8B,cAAc,OAAS9B,iCAGzC,SAAgBA,2IACxBxG,KAAK8F,QAAQL,qEACEzF,KAAK8F,QAAQyC,gCAC5BvI,KAAK8F,QAAQyC,iDACPvI,KAAKwI,8CAFTD,UAGAV,EAAiBrB,EAAGsB,iBAAiB,WACxB7L,OAAS,8BACCwM,EAAAT,EAAAH,yFAClBM,OAASI,6VAGbG,UAAUlC,EAAI+B,qHAIf,SAAsB/B,cACtBmC,EAAa3I,KAAKyH,cAAcjB,GACtCmC,EAAWC,iBAAiB,QAAQ,kBAAMC,EAAK7C,oBAAoBQ,KAAK,CACtEsC,MAAM,IAERH,EAAWC,iBACT,SACA,SAACpL,UAAQqL,EAAK1C,mBAAmBK,EAAIhJ,KACrC,CAAEsL,MAAM,6BAIE,SACZtC,EACAe,iIAEKwB,eAAevC,IAEhBxG,KAAKqI,iBAAiB7B,+BACnBwC,sBAAsBxC,YAErBxG,KAAKiJ,qBAAqBzC,oCAE1B0C,EAAWlJ,KAAKmJ,YAAY3C,EAAIe,6CAEhBvH,KAAKoG,cAAcI,YAErCxG,KAAKoJ,aAAa7B,IACpBf,EAAG6C,MAAMC,+BAA0BJ,aAC9BjD,cAAcO,UAEdwC,sBAAsBxC,QAEtBkC,UAAUlC,EAAI0C,8EAKlB,SAAU1C,EAAiBoB,GACb5H,KAAKyH,cAAcjB,GAC3BoB,IAAMA,4CAGX,SACNpB,EACAe,EACAgC,EACAC,gBAEKC,UAAUzH,KAAKwH,aACAD,kCAAS,KAAlB7H,aACLA,EAAMgI,eAAgB,iBACxB1J,KAAK8F,SAAQ6D,sCAAiBjI,EAAM5F,QAEhCkE,KAAK8F,QAAQP,cACfiE,EAASI,UAAUpD,GAGjBxG,KAAK8F,QAAQN,UAAYxF,KAAKiH,aAAc,YAC3C4C,UAAUrD,EAAIe,kEAKjB,SAAef,EAAiBe,cAYhC7B,EACJ1F,KAAK8F,QAAQJ,gBAEE,IAAIoE,sBAdI,SACvBP,EACAQ,GAEAC,EAAKC,2BACHzD,EACAe,EACAgC,EACAQ,KAMwDrE,GAEnDwE,QAAQ1D,+BAGL,SACZA,EACAe,EACAhI,sIAEa,WAATA,4BAE2B4K,EAAAnC,EAAAhI,KAAKyJ,8FAAoBG,UAAUpD,8TAG9D4D,OAAON,0BACJO,eAAe7D,EAAIe,QAEnBsC,UAAUrD,EAAIe,gHAIT,SACZf,EACAe,EACAhI,uHAEIS,KAAK8F,QAAQR,iDAAgBtF,KAAKsK,gBAAgB9D,2BAEhDxG,KAAKuK,aAAa/D,EAAIe,EAAShI,sEAG1B,SAAIiH,EAAiBe,kIAC5BvH,KAAKoJ,aAAa7B,KAAYvH,KAAKqI,iBAAiB7B,yBAChD,IAAI9H,kGAKZ8L,YAAW,kBAAMC,EAAKC,aAAalE,KAAK,GAEnCA,EAAGkB,aAAa,QAAQ1H,KAAK0I,UAAUlC,EArR9C,2FAuRQxG,KAAK2K,kBAAkBnE,EAAIe,EAAS,8EAG/B,SAAOf,EAAiBe,sHAC/BA,EAAQhK,QAAUgK,EAAQqD,qCACvB3D,cAAe,OACf4D,sBAAsBrE,YAErBxG,KAAK2K,kBAAkBnE,EAAIe,EAAS,gFAIvC,SAAOf,EAAiBe,QACxBN,cAAe,EAChBjH,KAAKoJ,aAAa7B,KAAUf,EAAG6C,MAAMC,gBAAkB,SAEtDuB,sBAAsBrE,aAEJxG,KAAKyJ,mDAAoBG,UAAUpD,uCACrDiD,UAAY,YCzSfqB,EAAsB,CAC1BC,iBAAQvE,EAAiBe,OACjBzB,EAAmC,WAAzB5K,EAAOqM,EAAQhK,OAAqBgK,EAAQhK,MAAQ,IACpE7B,EAAW,IAAIkK,EAAQE,IACdc,IAAIJ,EAAIe,IAEnByD,iBAAQxE,EAAiBe,GACvB7L,EAASuP,OAAOzE,EAAIe,IAEtB2D,mBAAU1E,EAAiBe,GACzB7L,EAASiL,OAAOH,EAAIe,ozBCfxB,SAAS4D,EAAYC,EAAKC,QACX,IAARA,IAAiBA,EAAM,IAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DpC,EAAQkC,SAASG,cAAc,SACnCrC,EAAM9J,KAAO,WAEI,QAAb+L,GACEE,EAAKG,WACPH,EAAKI,aAAavC,EAAOmC,EAAKG,YAKhCH,EAAKK,YAAYxC,GAGfA,EAAMyC,WACRzC,EAAMyC,WAAWC,QAAUX,EAE3B/B,EAAMwC,YAAYN,SAASS,eAAeZ,u8CCkCtCa,EAAUC,GAAS,uBACA,iBAAhBnQ,EAAMoQ,MACT,CAAC,CAAEhE,OAAQpM,EAAMoQ,kBACjBpQ,EAAMoQ,4BAAOF,wsFCtCbG,EAA6C,GAC7CC,EAAchB,IACdiB,EAAUjB,IAEVkB,WCxBwB/P,EAAagQ,OACrCC,EAAWC,EAAOlQ,EAAKgQ,MAExBC,SAIEA,EDiBaE,CAAqB,eAiBnCC,EAAWV,GAAS,kCAAMnQ,EAAM8Q,oBAAQN,KACxCO,EAAUZ,GAAS,kBACvBnQ,EAAM6L,IACF7L,EAAM6L,IACNgF,EAASrP,gBACNqP,EAASrP,kBAASxB,EAAM4G,wBACvB5G,EAAM4G,gBAGhBoK,GAAU,eACHhR,EAAM4G,OAAS5G,EAAM6L,UAClB,IAAIlJ,MAAM,wDAElBsO,EAAUF,EAAQvP,cA6Cd0P,EAAgB,SAACC,OACjBC,EAAYD,EAAME,WAAU,UAChCD,EAAYpR,EAAMsR,gBAAgBH,GAE9BnR,EAAMuR,OA9CK,SAACC,EAAiBD,OAC3BE,EAAYD,EAAI9B,qBAAqB,YACvC+B,EAAUvR,OAEZuR,EAAU,GAAGC,YAAcH,MACtB,KAECI,EAAUnC,SAASoC,gBACvB,6BACA,SAEFD,EAAQD,YAAcH,EACtBC,EAAI1B,YAAY6B,IAmChBE,CAAST,EAAyBpR,EAAMuR,OAInCJ,EAAMW,WAGTb,EAAY,SAAOpF,6HAElBwE,EAAMxE,KAETwE,EAAMxE,GAAOkG,EAASlG,sBAKJwE,EAAMxE,iBAAlB2F,SACNlB,EAAY9O,MAAQgQ,WAEdQ,WACNC,EAAM,SAAU1B,EAAQ/O,yDAEpB8O,EAAY9O,QACd8O,EAAY9O,WAAQX,EACpBoR,EAAM,oBAGD5B,EAAMxE,GACboG,EAAM,yEAIJF,EAAW,SAACG,UACT,IAAIhL,SAAQ,SAACtC,EAASC,OACrBsN,EAAU,IAAIC,eACpBD,EAAQE,KAAK,MAAOH,GAAK,GAEzBC,EAAQG,OAAS,cACXH,EAAQI,QAAU,KAAOJ,EAAQI,OAAS,YAQpCpB,GALS,IAAIqB,WACGC,gBACpBN,EAAQO,aACR,YAEmBhD,qBAAqB,OAAO,GAC7CyB,EAEFvM,EAAQuM,GAERtM,EAAO,IAAIlC,MAAM,kCAEnB,MAAOgQ,GACP9N,EAAO8N,QAGT9N,EAAO,IAAIlC,MAAM,uBAIrBwP,EAAQS,QAAU/N,EAClBsN,EAAQU,kBAIZC,GACE,kBAAM9S,EAAM6L,OACZ,kBAAMoF,EAAUF,EAAQvP,8IAtFN,SAAC2P,OAEb4B,EAAW,GACXC,EAAQ7B,EAAM8B,eACfD,SACID,MAEJ,IAAI9S,EAAI+S,EAAM9S,OAAS,EAAGD,GAAK,EAAGA,IACrC8S,EAASC,EAAM/S,GAAG2G,MAAQoM,EAAM/S,GAAGuB,aAE9BuR,cAvBYC,WACZzS,OAAO6G,KAAK4L,GAAOE,QAAO,SAACpO,EAAQrE,UAEvB,IAAfuS,EAAMvS,IACS,OAAfuS,EAAMvS,SACSI,IAAfmS,EAAMvS,KAENqE,EAAOrE,GAAOuS,EAAMvS,IAEfqE,IACN,sFAVe,IAACkO,2oBEwBfG,EAAgBhD,GAAS,kBAC7BnQ,EAAMoT,GAAK,aAAepT,EAAMqT,KAAO,IAAM,SAEzCC,EAASnD,GAAS,mBAAQnQ,EAAMoT,MAAQpT,EAAMqT,qmCCtGvC"}
|
|
File without changes
|
|
@@ -0,0 +1,2 @@
|
|
|
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-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"),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};
|
|
2
|
+
//# sourceMappingURL=MazBackDrop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MazBackDrop.js","sources":["../package/components/MazBackDrop.vue","../node_modules/style-inject/dist/style-inject.es.js","../package/components/MazBackDrop.vue?vue&type=template&id=448dc8fc&lang.js"],"sourcesContent":["<template>\n <Teleport to=\"body\" :selector=\"selector\">\n <Transition\n appear\n :name=\"transition\"\n @after-enter=\"onBackdropAnimationEnter\"\n @after-leave=\"onBackdropAnimationLeave\"\n >\n <div\n v-if=\"present\"\n :class=\"[\n 'm-backdrop',\n { '--backdrop-present': present },\n backdropClass,\n ]\"\n tabindex=\"-1\"\n role=\"dialog\"\n >\n <div\n class=\"m-backdrop-overlay\"\n :class=\"{ '--disabled': persistent }\"\n tabindex=\"-1\"\n @click.self=\"onBackdropClicked\"\n />\n <div\n class=\"m-backdrop-content\"\n :class=\"modalClass\"\n v-bind=\"$attrs\"\n role=\"document\"\n tabindex=\"0\"\n >\n <slot :close=\"() => close()\"></slot>\n </div>\n </div>\n </Transition>\n </Teleport>\n</template>\n\n<script lang=\"ts\">\n import { defineComponent, ref, PropType, watch } from 'vue'\n\n const MODAL_OPENED_CLASS = '--backdrop-present'\n\n const addClassToDocument = () =>\n document.documentElement.classList.add(MODAL_OPENED_CLASS)\n const removeClassFromDocument = () =>\n document.documentElement.classList.remove(MODAL_OPENED_CLASS)\n\n export default defineComponent({\n inheritAttrs: false,\n\n props: {\n modelValue: { type: Boolean, default: true },\n selector: { type: String, default: '#modals-container' },\n beforeClose: {\n type: Function as PropType<() => boolean>,\n default: undefined,\n },\n persistent: { type: Boolean, default: false },\n backdropClass: { type: [Array, String, Object], default: () => [] },\n transition: { type: String, default: 'backdrop-anim' },\n escKey: { type: Boolean, default: true },\n zOffset: { type: Number, default: 20 },\n defaultZIndex: { type: Number, default: 1050 },\n modalClass: { type: String, default: undefined },\n },\n\n emits: ['open', 'close', 'update:model-value'],\n\n setup(props, { emit }) {\n const present = ref(props.modelValue)\n\n const $toggleBackdrop = (show: boolean) => (present.value = show)\n\n const openModal = () => $toggleBackdrop(true)\n const close = () => $toggleBackdrop(false)\n\n const toggleModal = (show: boolean, ...rest: unknown[]) => {\n const guard: (...args: unknown[]) => boolean = props.beforeClose\n ? props.beforeClose\n : () => true\n\n if (show) {\n openModal()\n } else if (!props.beforeClose || guard(...rest) === false) {\n close()\n }\n }\n\n const onBackdropAnimationEnter = () => {\n emit('open')\n }\n\n const onBackdropAnimationLeave = () => {\n emit('update:model-value', false)\n emit('close')\n }\n\n const onBackdropClicked = () => {\n if (!props.persistent) toggleModal(false)\n }\n\n const onKeyPress = (event: KeyboardEvent) => {\n if (props.escKey && event.code === 'Escape') {\n if (!props.persistent) toggleModal(false)\n }\n }\n\n watch(\n () => props.modelValue,\n (value) => {\n present.value = value\n if (value) {\n addClassToDocument()\n window.addEventListener('keyup', onKeyPress, false)\n } else {\n window.removeEventListener('keyup', onKeyPress)\n removeClassFromDocument()\n }\n },\n // { immediate: true },\n )\n\n return {\n present,\n openModal,\n close,\n onBackdropClicked,\n onBackdropAnimationEnter,\n onBackdropAnimationLeave,\n toggleModal,\n }\n },\n })\n</script>\n\n<style lang=\"postcss\">\n /* stylelint-disable no-descending-specificity */\n html.--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 transition: opacity ease-in-out 250ms;\n\n & .m-backdrop-content {\n transition: transform ease-in-out 250ms;\n transform: translateY(0);\n }\n }\n\n .m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n\n & .m-backdrop-content {\n transform: translateY(100%);\n }\n }\n\n .m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n transition: opacity ease-in-out 250ms;\n\n & .m-backdrop-content {\n transition: transform ease-in-out 250ms;\n transform: translateY(0);\n }\n }\n\n .m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n\n & .m-backdrop-content {\n transform: translateY(-25px);\n }\n }\n\n .m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\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 @apply maz-fixed maz-inset-0 maz-flex maz-opacity-100 maz-flex-center;\n\n backdrop-filter: blur(3px);\n z-index: 1050;\n\n &-overlay {\n touch-action: none;\n\n @apply maz-absolute maz-inset-0 maz-bg-black maz-opacity-40;\n\n &:not(.--disabled) {\n @apply maz-cursor-pointer;\n }\n }\n\n &-content {\n @apply focus:maz-outline-none maz-relative maz-z-1;\n }\n\n &.--bottom-sheet {\n & .m-backdrop-content {\n @apply maz-absolute maz-bottom-0 maz-left-0 maz-right-0;\n }\n }\n\n &.--fullscreen {\n @apply maz-items-start mob-l:maz-items-center;\n\n &.--center-top {\n @apply maz-items-start mob-l:maz-pt-28;\n }\n\n & .m-backdrop-content {\n @apply maz-relative maz-w-full mob-l:maz-w-auto;\n }\n }\n }\n</style>\n","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","<template>\n <Teleport to=\"body\" :selector=\"selector\">\n <Transition\n appear\n :name=\"transition\"\n @after-enter=\"onBackdropAnimationEnter\"\n @after-leave=\"onBackdropAnimationLeave\"\n >\n <div\n v-if=\"present\"\n :class=\"[\n 'm-backdrop',\n { '--backdrop-present': present },\n backdropClass,\n ]\"\n tabindex=\"-1\"\n role=\"dialog\"\n >\n <div\n class=\"m-backdrop-overlay\"\n :class=\"{ '--disabled': persistent }\"\n tabindex=\"-1\"\n @click.self=\"onBackdropClicked\"\n />\n <div\n class=\"m-backdrop-content\"\n :class=\"modalClass\"\n v-bind=\"$attrs\"\n role=\"document\"\n tabindex=\"0\"\n >\n <slot :close=\"() => close()\"></slot>\n </div>\n </div>\n </Transition>\n </Teleport>\n</template>\n\n<script lang=\"ts\">\n import { defineComponent, ref, PropType, watch } from 'vue'\n\n const MODAL_OPENED_CLASS = '--backdrop-present'\n\n const addClassToDocument = () =>\n document.documentElement.classList.add(MODAL_OPENED_CLASS)\n const removeClassFromDocument = () =>\n document.documentElement.classList.remove(MODAL_OPENED_CLASS)\n\n export default defineComponent({\n inheritAttrs: false,\n\n props: {\n modelValue: { type: Boolean, default: true },\n selector: { type: String, default: '#modals-container' },\n beforeClose: {\n type: Function as PropType<() => boolean>,\n default: undefined,\n },\n persistent: { type: Boolean, default: false },\n backdropClass: { type: [Array, String, Object], default: () => [] },\n transition: { type: String, default: 'backdrop-anim' },\n escKey: { type: Boolean, default: true },\n zOffset: { type: Number, default: 20 },\n defaultZIndex: { type: Number, default: 1050 },\n modalClass: { type: String, default: undefined },\n },\n\n emits: ['open', 'close', 'update:model-value'],\n\n setup(props, { emit }) {\n const present = ref(props.modelValue)\n\n const $toggleBackdrop = (show: boolean) => (present.value = show)\n\n const openModal = () => $toggleBackdrop(true)\n const close = () => $toggleBackdrop(false)\n\n const toggleModal = (show: boolean, ...rest: unknown[]) => {\n const guard: (...args: unknown[]) => boolean = props.beforeClose\n ? props.beforeClose\n : () => true\n\n if (show) {\n openModal()\n } else if (!props.beforeClose || guard(...rest) === false) {\n close()\n }\n }\n\n const onBackdropAnimationEnter = () => {\n emit('open')\n }\n\n const onBackdropAnimationLeave = () => {\n emit('update:model-value', false)\n emit('close')\n }\n\n const onBackdropClicked = () => {\n if (!props.persistent) toggleModal(false)\n }\n\n const onKeyPress = (event: KeyboardEvent) => {\n if (props.escKey && event.code === 'Escape') {\n if (!props.persistent) toggleModal(false)\n }\n }\n\n watch(\n () => props.modelValue,\n (value) => {\n present.value = value\n if (value) {\n addClassToDocument()\n window.addEventListener('keyup', onKeyPress, false)\n } else {\n window.removeEventListener('keyup', onKeyPress)\n removeClassFromDocument()\n }\n },\n // { immediate: true },\n )\n\n return {\n present,\n openModal,\n close,\n onBackdropClicked,\n onBackdropAnimationEnter,\n onBackdropAnimationLeave,\n toggleModal,\n }\n },\n })\n</script>\n\n<style lang=\"postcss\">\n /* stylelint-disable no-descending-specificity */\n html.--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 transition: opacity ease-in-out 250ms;\n\n & .m-backdrop-content {\n transition: transform ease-in-out 250ms;\n transform: translateY(0);\n }\n }\n\n .m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n\n & .m-backdrop-content {\n transform: translateY(100%);\n }\n }\n\n .m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n transition: opacity ease-in-out 250ms;\n\n & .m-backdrop-content {\n transition: transform ease-in-out 250ms;\n transform: translateY(0);\n }\n }\n\n .m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n\n & .m-backdrop-content {\n transform: translateY(-25px);\n }\n }\n\n .m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\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 @apply maz-fixed maz-inset-0 maz-flex maz-opacity-100 maz-flex-center;\n\n backdrop-filter: blur(3px);\n z-index: 1050;\n\n &-overlay {\n touch-action: none;\n\n @apply maz-absolute maz-inset-0 maz-bg-black maz-opacity-40;\n\n &:not(.--disabled) {\n @apply maz-cursor-pointer;\n }\n }\n\n &-content {\n @apply focus:maz-outline-none maz-relative maz-z-1;\n }\n\n &.--bottom-sheet {\n & .m-backdrop-content {\n @apply maz-absolute maz-bottom-0 maz-left-0 maz-right-0;\n }\n }\n\n &.--fullscreen {\n @apply maz-items-start mob-l:maz-items-center;\n\n &.--center-top {\n @apply maz-items-start mob-l:maz-pt-28;\n }\n\n & .m-backdrop-content {\n @apply maz-relative maz-w-full mob-l:maz-w-auto;\n }\n }\n }\n</style>\n"],"names":["defineComponent","inheritAttrs","props","modelValue","type","Boolean","default","selector","String","beforeClose","Function","undefined","persistent","backdropClass","Array","Object","transition","escKey","zOffset","Number","defaultZIndex","modalClass","emits","setup","emit","present","ref","$toggleBackdrop","show","value","openModal","close","toggleModal","guard","rest","onKeyPress","event","code","watch","document","documentElement","classList","add","window","addEventListener","removeEventListener","remove","onBackdropClicked","onBackdropAnimationEnter","onBackdropAnimationLeave","css","insertAt","head","getElementsByTagName","style","createElement","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","_createBlock","to","_ctx","_createVNode","appear","name","onAfterEnter","onAfterLeave","_createElementBlock","class","tabindex","role","_createElementVNode","onClick","_mergeProps","_renderSlot"],"mappings":"qSAyCE,MAOeA,EAAgB,CAC7BC,cAAc,EAEdC,MAAO,CACLC,WAAY,CAAEC,KAAMC,QAASC,SAAS,GACtCC,SAAU,CAAEH,KAAMI,OAAQF,QAAS,qBACnCG,YAAa,CACXL,KAAMM,SACNJ,aAASK,GAEXC,WAAY,CAAER,KAAMC,QAASC,SAAS,GACtCO,cAAe,CAAET,KAAM,CAACU,MAAON,OAAQO,QAAST,QAAS,iBAAM,KAC/DU,WAAY,CAAEZ,KAAMI,OAAQF,QAAS,iBACrCW,OAAQ,CAAEb,KAAMC,QAASC,SAAS,GAClCY,QAAS,CAAEd,KAAMe,OAAQb,QAAS,IAClCc,cAAe,CAAEhB,KAAMe,OAAQb,QAAS,MACxCe,WAAY,CAAEjB,KAAMI,OAAQF,aAASK,IAGvCW,MAAO,CAAC,OAAQ,QAAS,sBAEzBC,eAAMrB,SAASsB,IAAAA,KACPC,EAAUC,EAAIxB,EAAMC,YAEpBwB,EAAkB,SAACC,UAAmBH,EAAQI,MAAQD,GAEtDE,EAAY,kBAAMH,GAAgB,IAClCI,EAAQ,kBAAMJ,GAAgB,IAE9BK,EAAc,SAACJ,WACbK,EAAyC/B,EAAMO,YACjDP,EAAMO,YACN,kBAAM,sBAH2ByB,mCAAAA,oBAKjCN,EACFE,IACU5B,EAAMO,cAAkC,IAAnBwB,eAASC,IACxCH,KAiBEI,EAAa,SAACC,GACdlC,EAAMe,QAAyB,WAAfmB,EAAMC,OACnBnC,EAAMU,YAAYoB,GAAY,YAIvCM,GACE,kBAAMpC,EAAMC,cACZ,SAAC0B,GACCJ,EAAQI,MAAQA,EACZA,GApEVU,SAASC,gBAAgBC,UAAUC,IAHV,sBAyEjBC,OAAOC,iBAAiB,QAAST,GAAY,KAE7CQ,OAAOE,oBAAoB,QAASV,GAtE5CI,SAASC,gBAAgBC,UAAUK,OALV,0BAkFhB,CACLrB,QAAAA,EACAK,UAAAA,EACAC,MAAAA,EACAgB,kBA7BwB,WACnB7C,EAAMU,YAAYoB,GAAY,IA6BnCgB,yBAvC+B,WAC/BxB,EAAK,SAuCLyB,yBApC+B,WAC/BzB,EAAK,sBAAsB,GAC3BA,EAAK,UAmCLQ,YAAAA,OClIR,SAAqBkB,EAAKxB,QACX,IAARA,IAAiBA,EAAM,IAC5B,IAAIyB,EAAWzB,EAAIyB,SAEnB,GAAKD,GAA2B,oBAAbX,SAAnB,CAEA,IAAIa,EAAOb,SAASa,MAAQb,SAASc,qBAAqB,QAAQ,GAC9DC,EAAQf,SAASgB,cAAc,SACnCD,EAAMlD,KAAO,WAEI,QAAb+C,GACEC,EAAKI,WACPJ,EAAKK,aAAaH,EAAOF,EAAKI,YAKhCJ,EAAKM,YAAYJ,GAGfA,EAAMK,WACRL,EAAMK,WAAWC,QAAUV,EAE3BI,EAAMI,YAAYnB,SAASsB,eAAeX,sgICtB5CY,KAAUC,GAAG,OAAQxD,SAAUyD,aAC7BC,KACEC,OAAA,GACCC,KAAMH,aACNI,aAAaJ,2BACbK,aAAaL,wCAEd,kBACQA,eADRM,eAEGC,yEAKDC,SAAS,KACTC,KAAK,WAELC,SACEH,SAAM,mCACkBP,gBACxBQ,SAAS,KACRG,yCAAYX,kFAEfU,QAAAE,GACEL,OAAM,qBACEP,eACAA,UACRS,KAAK,WACLD,SAAS,OAETK,sBAAO9C,wBAAaiC"}
|
|
File without changes
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as a,pushScopeId as r,popScopeId as e,createElementVNode as i,inject as c,ref as l,computed as s,onMounted as d,watch as u,mergeProps as b,createCommentVNode as m,nextTick as f,useAttrs as p,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as k,withCtx as y,renderSlot as w,createVNode as x,Teleport as z,Transition as _,withModifiers as L}from"vue";var E=["width","height"],S=[function(n){return r("data-v-57af58bb"),n=n(),e(),n}((function(){return i("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)}))],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,e){return t(),o("svg",{width:n.size,height:n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:a(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},S,10,E)}}});function C(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}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,a=o.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},e=r.iterator||"@@iterator",i=r.asyncIterator||"@@asyncIterator",c=r.toStringTag||"@@toStringTag";function l(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{l({},"")}catch(n){l=function(n,t,o){return n[t]=o}}function s(n,t,o,a){var r=t&&t.prototype instanceof v?t:v,e=Object.create(r.prototype),i=new B(a||[]);return e._invoke=function(n,t,o){var a=u;return function(r,e){if(a===m)throw new Error("Generator is already running");if(a===f){if("throw"===r)throw e;return j()}for(o.method=r,o.arg=e;;){var i=o.delegate;if(i){var c=L(i,o);if(c){if(c===p)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(a===u)throw a=f,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);a=m;var l=d(n,t,o);if("normal"===l.type){if(a=o.done?f:b,l.arg===p)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(a=f,o.method="throw",o.arg=l.arg)}}}(n,o,i),e}function d(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}n.wrap=s;var u="suspendedStart",b="suspendedYield",m="executing",f="completed",p={};function v(){}function g(){}function h(){}var k={};l(k,e,(function(){return this}));var y=Object.getPrototypeOf,w=y&&y(y(C([])));w&&w!==o&&a.call(w,e)&&(k=w);var x=h.prototype=v.prototype=Object.create(k);function z(n){["next","throw","return"].forEach((function(t){l(n,t,(function(n){return this._invoke(t,n)}))}))}function _(n,t){function o(r,e,i,c){var l=d(n[r],n,e);if("throw"!==l.type){var s=l.arg,u=s.value;return u&&"object"==typeof u&&a.call(u,"__await")?t.resolve(u.__await).then((function(n){o("next",n,i,c)}),(function(n){o("throw",n,i,c)})):t.resolve(u).then((function(n){s.value=n,i(s)}),(function(n){return o("throw",n,i,c)}))}c(l.arg)}var r;this._invoke=function(n,a){function e(){return new t((function(t,r){o(n,a,t,r)}))}return r=r?r.then(e,e):e()}}function L(n,o){var a=n.iterator[o.method];if(a===t){if(o.delegate=null,"throw"===o.method){if(n.iterator.return&&(o.method="return",o.arg=t,L(n,o),"throw"===o.method))return p;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var r=d(a,n.iterator,o.arg);if("throw"===r.type)return o.method="throw",o.arg=r.arg,o.delegate=null,p;var e=r.arg;return e?e.done?(o[n.resultName]=e.value,o.next=n.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,p):e:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,p)}function E(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function S(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function B(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(E,this),this.reset(!0)}function C(n){if(n){var o=n[e];if(o)return o.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var r=-1,i=function o(){for(;++r<n.length;)if(a.call(n,r))return o.value=n[r],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next: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,a,r,e){void 0===e&&(e=Promise);var i=new _(s(t,o,a,r),e);return n.isGeneratorFunction(o)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},z(x),l(x,c,"Generator"),l(x,e,(function(){return this})),l(x,"toString",(function(){return"[object Generator]"})),n.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var a=t.pop();if(a in n)return o.value=a,o.done=!1,o}return o.done=!0,o}},n.values=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)&&a.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var o=this;function r(a,r){return c.type="throw",c.arg=n,o.next=a,r&&(o.method="next",o.arg=t),!!r}for(var e=this.tryEntries.length-1;e>=0;--e){var i=this.tryEntries[e],c=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var l=a.call(i,"catchLoc"),s=a.call(i,"finallyLoc");if(l&&s){if(this.prev<i.catchLoc)return r(i.catchLoc,!0);if(this.prev<i.finallyLoc)return r(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return r(i.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return r(i.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var e=r;break}}e&&("break"===n||"continue"===n)&&e.tryLoc<=t&&t<=e.finallyLoc&&(e=null);var i=e?e.completion:{};return i.type=n,i.arg=t,e?(this.method="next",this.next=e.finallyLoc,p):this.complete(i)},complete:function(n,t){if("throw"===n.type)throw n.arg;return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&t&&(this.next=t),p},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===n)return this.complete(o.completion,o.afterLoc),S(o),p}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var a=o.completion;if("throw"===a.type){var r=a.arg;S(o)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,o,a){return this.delegate={iterator:C(n),resultName:o,nextLoc:a},"next"===this.method&&(this.arg=t),p}},n}(n.exports);try{regeneratorRuntime=t}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(j);var O=j.exports;
|
|
2
|
+
/*! *****************************************************************************
|
|
3
|
+
Copyright (c) Microsoft Corporation.
|
|
4
|
+
|
|
5
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
6
|
+
purpose with or without fee is hereby granted.
|
|
7
|
+
|
|
8
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
9
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
10
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
11
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
12
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
+
***************************************************************************** */function I(n,t,o,a){return new(o||(o=Promise))((function(r,e){function i(n){try{l(a.next(n))}catch(n){e(n)}}function c(n){try{l(a.throw(n))}catch(n){e(n)}}function l(n){var t;n.done?r(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((a=a.apply(n,t||[])).next())}))}var 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,a){var r=this,e=a.emit,i=n,p={},v=l(),g=l(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),k=s((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),y=s((function(){return i.src?i.src:k.value?"".concat(k.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));d((function(){if(!i.name&&!i.src)throw new Error('[MazIcon] you should provide "name" or "src" as prop');x(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var a=document.createElementNS("http://www.w3.org/2000/svg","title");a.textContent=t,n.appendChild(a)}}(t,i.title),n.innerHTML},x=function(n){return 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 p[n]||(p[n]=z(n)),t.prev=1,t.next=4,p[n];case 4:return o=t.sent,v.value=o,t.next=8,f();case 8:e("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,e("unloaded")),delete p[n],e("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var a=new XMLHttpRequest;a.open("GET",n,!0),a.onload=function(){if(a.status>=200&&a.status<400)try{var n=(new DOMParser).parseFromString(a.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},a.onerror=o,a.send()}))};return u((function(){return i.src}),(function(){return x(y.value)})),function(a,r){return v.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var a=o.length-1;a>=0;a--)t[o[a].name]=o[a].value;return t}(v.value)),(e=a.$attrs,Object.keys(e).reduce((function(n,t){return!1!==e[t]&&null!==e[t]&&void 0!==e[t]&&(n[t]=e[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:w(v.value)}),null,16,N)):m("",!0);var e}}}),F={key:0,class:"m-btn__icon-left"},A={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}},setup:function(n){var r=n,e=p(),c=e.href,l=e.to,d=v(),u=s((function(){return c?"a":l?"router-link":"button"})),f=s((function(){return r.pastel?"--".concat(r.color,"-pastel"):r.outline||r.loading?"--".concat(r.color,"-outline"):"--".concat(r.color)})),z=s((function(){return(r.loading||r.disabled)&&"button"===u.value})),_=s((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=s((function(){return"--is-".concat(r.variant)})),E=s((function(){return"--".concat(r.color)})),S=s((function(){return["white"].includes(r.color)?"black":"white"})),C=s((function(){return r.loading&&"button"===r.variant})),j=s((function(){return!!d["left-icon"]||r.leftIcon})),O=s((function(){return!!d["right-icon"]||r.rightIcon})),I=s((function(){return j.value||O.value})),N=s((function(){return"button"===u.value?r.type:void 0}));return function(r,e){return t(),g(h(k(u)),b(r.$attrs,{disabled:k(z),class:["m-btn",["--".concat(n.size),k(f),k(_),k(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":k(z),"--icon":k(I),"--rounded":n.rounded}]],type:k(N)}),{default:y((function(){return[k(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",null,[w(r.$slots,"default")]),k(O)?(t(),o("div",A,[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:a(["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-60f2c1aa] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-60f2c1aa] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-60f2c1aa] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-60f2c1aa] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-60f2c1aa] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-60f2c1aa] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-60f2c1aa] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-normal-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-60f2c1aa]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-60f2c1aa]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-60f2c1aa]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-60f2c1aa] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-60f2c1aa] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-60f2c1aa] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-60f2c1aa] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-60f2c1aa] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-60f2c1aa] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-60f2c1aa] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-60f2c1aa] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-60f2c1aa] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-60f2c1aa] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-60f2c1aa] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-60f2c1aa] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-60f2c1aa] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-60f2c1aa] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-60f2c1aa] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-60f2c1aa] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-60f2c1aa] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-60f2c1aa]:not(.--disabled):hover, .m-btn.--is-button[data-v-60f2c1aa]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-60f2c1aa] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));\n}\n\n.m-btn.--is-button.--block[data-v-60f2c1aa] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-60f2c1aa] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-60f2c1aa] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-60f2c1aa] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-60f2c1aa] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-60f2c1aa] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-60f2c1aa] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-60f2c1aa] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-60f2c1aa]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-60f2c1aa] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-60f2c1aa]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-60f2c1aa] {\n background-color: transparent;\n color: var(--maz-color-normal-text);\n}\n\n.m-btn.--is-button.--transparent[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--transparent[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-bg-light);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-60f2c1aa] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-60f2c1aa] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-60f2c1aa] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-60f2c1aa] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-60f2c1aa] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-60f2c1aa] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-60f2c1aa] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-60f2c1aa] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-60f2c1aa] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-60f2c1aa]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-60f2c1aa]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-60f2c1aa] {\n cursor: not-allowed;\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-60f2c1aa] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-60f2c1aa] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-60f2c1aa] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-60f2c1aa] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-60f2c1aa] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-60f2c1aa] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-60f2c1aa] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-60f2c1aa] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-60f2c1aa] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),D.__scopeId="data-v-60f2c1aa";var P=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,a=l(n.modelValue),r=function(n){return a.value=n},e=function(){return r(!0)},i=function(){return r(!1)},c=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},a=arguments.length,r=new Array(a>1?a-1:0),c=1;c<a;c++)r[c-1]=arguments[c];t?e():n.beforeClose&&!1!==o.apply(void 0,r)||i()},s=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||c(!1))};return u((function(){return n.modelValue}),(function(n){a.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",s,!1)):(window.removeEventListener("keyup",s),document.documentElement.classList.remove("--backdrop-present"))})),{present:a,openModal:e,close:i,onBackdropClicked:function(){n.persistent||c(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:c}}});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"),P.render=function(n,r,e,c,l,s){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:y((function(){return[n.present?(t(),o("div",{key:0,class:a(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:a(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:r[0]||(r[0]=L((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",b({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};var G=function(n){return r("data-v-0eeba4c7"),n=n(),e(),n}((function(){return i("div",{class:"maz-direction-column maz-flex maz-flex-center"},[i("h1",null,"Default content")],-1)})),M=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,e){return t(),g(P,b(o.$attrs,{transition:"bottom-sheet-anim","backdrop-class":"--bottom-sheet","onUpdate:modelValue":e[0]||(e[0]=function(t){n.persistent||function(n){r("update:model-value",n)}(t)})}),{default:y((function(r){var e=r.close;return[i("div",{class:a(["m-bottom-sheet__container maz-relative maz-bg-color maz-elevation",{"maz-py-6":!n.noPadding}])},[w(o.$slots,"default",{},(function(){return[G]})),n.noClose?m("",!0):(t(),g(D,{key:0,size:"mini",class:"m-bottom-sheet__close",color:"transparent",onClick:e},{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"),M.__scopeId="data-v-0eeba4c7";export{M as default};
|
|
16
|
+
//# sourceMappingURL=MazBottomSheet.js.map
|