maz-ui 3.0.0-next.9 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/MazArrowIcon.d.ts +18 -12
- package/components/MazArrowIcon.js +1 -1
- package/components/MazAvatar.d.ts +64 -35
- package/components/MazAvatar.js +3 -15
- package/components/MazBackDrop.d.ts +43 -25
- package/components/MazBadge.d.ts +30 -17
- package/components/MazBadge.js +1 -1
- package/components/MazBottomSheet.d.ts +14 -9
- package/components/MazBottomSheet.js +3 -15
- package/components/MazBtn.d.ts +81 -38
- package/components/MazBtn.js +3 -15
- package/components/MazCard.d.ts +81 -44
- package/components/MazCard.js +3 -15
- package/components/MazCarousel.d.ts +16 -0
- package/components/MazCarousel.js +3 -0
- package/components/MazChart.d.ts +65 -31
- package/components/MazChart.js +1 -1
- package/components/MazCheckbox.d.ts +21 -13
- package/components/MazCheckbox.js +1 -1
- package/components/MazDialog.d.ts +6 -5
- package/components/MazDialog.js +3 -15
- package/components/MazDialogPromise/use-maz-dialog-promise.d.ts +1 -1
- package/components/MazDialogPromise.d.ts +12 -10
- package/components/MazDialogPromise.js +3 -15
- package/components/MazDrawer.d.ts +28 -17
- package/components/MazDrawer.js +3 -15
- package/components/MazDropzone.d.ts +21 -13
- package/components/MazDropzone.js +3 -15
- package/components/MazGallery.d.ts +56 -31
- package/components/MazGallery.js +3 -15
- package/components/MazIcon.d.ts +27 -24
- package/components/MazIcon.js +3 -15
- package/components/MazInput.d.ts +111 -59
- package/components/MazInput.js +3 -15
- package/components/MazInputNumber.d.ts +29 -17
- package/components/MazInputNumber.js +3 -15
- package/components/MazInputPrice.d.ts +22 -14
- package/components/MazInputPrice.js +3 -15
- package/components/MazInputTags.d.ts +96 -0
- package/components/MazInputTags.js +3 -0
- package/components/MazLazyImg.d.ts +36 -26
- package/components/MazLazyImg.js +3 -15
- package/components/MazPhoneNumberInput/types.d.ts +2 -2
- package/components/MazPhoneNumberInput/utils/countries-name-list-by-iso-code.d.ts +1 -1
- package/components/MazPhoneNumberInput/utils/index.d.ts +3 -3
- package/components/MazPhoneNumberInput.d.ts +106 -59
- package/components/MazPhoneNumberInput.js +3 -15
- package/components/MazPicker/MazPickerCalendar.d.ts +137 -0
- package/components/MazPicker/MazPickerCalendarMonth/{MazPickerCalendarDays.vue.d.ts → MazPickerCalendarDays.d.ts} +10 -7
- package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.d.ts +114 -0
- package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.d.ts +124 -0
- package/components/MazPicker/{MazPickerCalendarSwitcher.vue.d.ts → MazPickerCalendarSwitcher.d.ts} +17 -19
- package/components/MazPicker/MazPickerContainer.d.ts +212 -0
- package/components/MazPicker/MazPickerHeader.d.ts +84 -0
- package/components/MazPicker/MazPickerMonthSwitcher.d.ts +43 -0
- package/components/MazPicker/MazPickerShortcuts.d.ts +62 -0
- package/components/MazPicker/MazPickerTime.d.ts +129 -0
- package/components/MazPicker/MazPickerYearSwitcher.d.ts +35 -0
- package/components/MazPicker/types.d.ts +2 -2
- package/components/MazPicker/utils.d.ts +13 -23
- package/components/MazPicker.d.ts +195 -112
- package/components/MazPicker.js +3 -15
- package/components/MazRadioButtons.d.ts +69 -0
- package/components/MazRadioButtons.js +1 -0
- package/components/MazSelect.d.ts +59 -32
- package/components/MazSelect.js +3 -15
- package/components/MazSlider.d.ts +42 -24
- package/components/MazSlider.js +3 -15
- package/components/MazSpinner.d.ts +12 -8
- package/components/MazSpinner.js +1 -1
- package/components/MazSwitch.d.ts +56 -0
- package/components/MazSwitch.js +1 -0
- package/components/MazTabsBar.d.ts +19 -12
- package/components/MazTabsBar.js +3 -15
- package/components/MazTabsContent.d.ts +6 -5
- package/components/MazTabsContent.js +1 -1
- package/components/MazTabsContentItem.d.ts +6 -5
- package/components/MazTabsContentItem.js +3 -15
- package/components/MazTransitionExpand.d.ts +1 -1
- package/components/MazTransitionExpand.js +1 -1
- package/components/index.d.ts +9 -1
- package/components/index.js +12 -0
- package/css/aos.css +1 -0
- package/css/main.css +636 -534
- package/maz-ui.d.ts +173 -23
- package/modules/index.js +3 -15
- package/package.json +81 -59
- package/tailwindcss/tailwind.config.js +0 -1
- package/tailwindcss/variables/colors.js +1 -0
- package/components/MazPicker/MazPickerCalendar.vue.d.ts +0 -103
- package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts +0 -77
- package/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts +0 -85
- package/components/MazPicker/MazPickerContainer.vue.d.ts +0 -154
- package/components/MazPicker/MazPickerHeader.vue.d.ts +0 -68
- package/components/MazPicker/MazPickerMonthSwitcher.vue.d.ts +0 -36
- package/components/MazPicker/MazPickerShortcuts.vue.d.ts +0 -53
- package/components/MazPicker/MazPickerTime.vue.d.ts +0 -71
- package/components/MazPicker/MazPickerYearSwitcher.vue.d.ts +0 -30
|
@@ -17,18 +17,24 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
17
17
|
};
|
|
18
18
|
}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
19
19
|
[key: string]: any;
|
|
20
|
-
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
|
21
|
-
dark
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
20
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
21
|
+
dark: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: boolean;
|
|
24
|
+
};
|
|
25
|
+
hex: {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
default: undefined;
|
|
28
|
+
};
|
|
29
|
+
size: {
|
|
30
|
+
type: NumberConstructor;
|
|
31
|
+
default: number;
|
|
32
|
+
};
|
|
33
|
+
orientation: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
}>>, {
|
|
32
38
|
dark: boolean;
|
|
33
39
|
hex: string;
|
|
34
40
|
size: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as t,openBlock as e,createElementBlock as n,normalizeClass as
|
|
1
|
+
import{defineComponent as t,openBlock as e,createElementBlock as n,normalizeClass as a,createElementVNode as r,pushScopeId as o,popScopeId as i}from"vue";var d=["width","height"],l=["fill"],s=function(t){return o("data-v-75728505"),t=t(),i(),t}((function(){return r("path",{fill:"none",d:"M0 0h24v24H0V0z"},null,-1)})),c=t({__name:"MazArrowIcon",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:a(["maz-arrow-icon",[{"is-white":t.dark},t.orientation]])},[r("path",{fill:t.hex,class:a([[t.hex],"arrow"]),d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"},null,10,l),s],10,d)}}});!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=t:r.appendChild(document.createTextNode(t))}}("\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.maz-arrow-icon path.arrow[data-v-75728505] {\n fill: currentColor;\n}\n.maz-arrow-icon.is-white path.arrow[data-v-75728505] {\n fill: white;\n}\n.maz-arrow-icon.top[data-v-75728505] {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n.maz-arrow-icon.right[data-v-75728505] {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n}\n.maz-arrow-icon.left[data-v-75728505] {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n"),c.__scopeId="data-v-75728505";export{c as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
1
|
+
import type { PropType } from 'vue';
|
|
2
2
|
import type { Color } from './types';
|
|
3
3
|
export type { Color } from './types';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
@@ -65,40 +65,69 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
65
65
|
};
|
|
66
66
|
}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
67
67
|
[key: string]: any;
|
|
68
|
-
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
|
69
|
-
src
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
}
|
|
85
|
-
alt:
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
68
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
69
|
+
src: {
|
|
70
|
+
type: PropType<string | null | undefined>;
|
|
71
|
+
default: undefined;
|
|
72
|
+
};
|
|
73
|
+
caption: {
|
|
74
|
+
type: PropType<string | null | undefined>;
|
|
75
|
+
default: undefined;
|
|
76
|
+
};
|
|
77
|
+
href: {
|
|
78
|
+
type: StringConstructor;
|
|
79
|
+
default: undefined;
|
|
80
|
+
};
|
|
81
|
+
to: {
|
|
82
|
+
type: ObjectConstructor;
|
|
83
|
+
default: undefined;
|
|
84
|
+
};
|
|
85
|
+
alt: {
|
|
86
|
+
type: StringConstructor;
|
|
87
|
+
default: string;
|
|
88
|
+
};
|
|
89
|
+
target: {
|
|
90
|
+
type: StringConstructor;
|
|
91
|
+
default: string;
|
|
92
|
+
};
|
|
93
|
+
size: {
|
|
94
|
+
type: StringConstructor;
|
|
95
|
+
default: undefined;
|
|
96
|
+
};
|
|
97
|
+
bordered: {
|
|
98
|
+
type: BooleanConstructor;
|
|
99
|
+
default: boolean;
|
|
100
|
+
};
|
|
101
|
+
clickable: {
|
|
102
|
+
type: BooleanConstructor;
|
|
103
|
+
default: boolean;
|
|
104
|
+
};
|
|
105
|
+
square: {
|
|
106
|
+
type: BooleanConstructor;
|
|
107
|
+
default: boolean;
|
|
108
|
+
};
|
|
109
|
+
noElevation: {
|
|
110
|
+
type: BooleanConstructor;
|
|
111
|
+
default: boolean;
|
|
112
|
+
};
|
|
113
|
+
showCaption: {
|
|
114
|
+
type: BooleanConstructor;
|
|
115
|
+
default: boolean;
|
|
116
|
+
};
|
|
117
|
+
imageHeightFull: {
|
|
118
|
+
type: BooleanConstructor;
|
|
119
|
+
default: boolean;
|
|
120
|
+
};
|
|
121
|
+
noLoader: {
|
|
122
|
+
type: BooleanConstructor;
|
|
123
|
+
default: boolean;
|
|
124
|
+
};
|
|
125
|
+
buttonColor: {
|
|
126
|
+
type: PropType<Color>;
|
|
127
|
+
default: string;
|
|
128
|
+
validator: (value: Color) => boolean;
|
|
129
|
+
};
|
|
130
|
+
}>> & {
|
|
102
131
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
103
132
|
}, {
|
|
104
133
|
src: string | null | undefined;
|
package/components/MazAvatar.js
CHANGED
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
import{defineComponent as e,openBlock as t,createElementBlock as n,normalizeClass as r,pushScopeId as
|
|
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 H(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 F(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 N(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=F(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 D(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 $(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 $(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 $(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,U={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}},q=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};P(this,e),this.observers=[],this.defaultOptions=U,this.hasImgLoaded=!1,this.options=this.buildOptions(t),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}return B(e,[{key:"loadErrorPhoto",value:function(){return H(this,void 0,void 0,M.mark((function e(){return M.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,import("./no_photo-a72545e4.js");case 2:return e.abrupt("return",e.sent.default);case 3:case"end":return e.stop()}}),e)})))}},{key:"buildOptions",value:function(e){return Object.assign(Object.assign(Object.assign({},this.defaultOptions),e),{observerOptions:Object.assign(Object.assign({},this.defaultOptions.observerOptions),e.observerOptions)})}},{key:"removeClass",value:function(e,t){e.classList.remove(t)}},{key:"addClass",value:function(e,t){e.classList.add(t)}},{key:"removeAllStateClasses",value:function(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}},{key:"setBaseClass",value:function(e){this.addClass(e,this.options.baseClass)}},{key:"imageIsLoading",value:function(e){var t,n;this.addClass(e,this.options.loadingClass),null===(n=(t=this.options).onLoading)||void 0===n||n.call(t,e)}},{key:"imageHasNoPhoto",value:function(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}},{key:"imageIsLoaded",value:function(e){var t,n;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null===(n=(t=this.options).onLoaded)||void 0===n||n.call(t,e)}},{key:"imageHasError",value:function(e,t){var n,r;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null===(r=(n=this.options).onError)||void 0===r||r.call(n,e),this.setDefaultPhoto(e)}},{key:"getImageUrl",value:function(e,t){var n=this.getImgElement(e).getAttribute("data-src");if(n)return n;var r="object"===C(t.value)?t.value.src:t.value;return r||console.warn("[maz-ui][MazLazyImg] src url is not defined"),r}},{key:"setPictureSourceUrls",value:function(e){var t,n;return H(this,void 0,void 0,M.mark((function r(){var a,o,i,s,c;return M.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=N(a);case 4:return r.next=6,o.next();case 6:if((i=r.sent).done){r.next=13;break}s=i.value,(c=s.getAttribute("data-srcset"))?s.srcset=c:console.warn('[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"');case 11:r.next=4;break;case 13:r.next=18;break;case 15:r.prev=15,r.t0=r.catch(2),t={error:r.t0};case 18:if(r.prev=18,r.prev=19,!i||i.done||!(n=o.return)){r.next=23;break}return r.next=23,n.call(o);case 23:if(r.prev=23,!t){r.next=26;break}throw t.error;case 26:return r.finish(23);case 27:return r.finish(18);case 28:r.next=32;break;case 30:console.warn('[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e);case 32:case"end":return r.stop()}}),r,this,[[2,15,18,28],[19,,23,27]])})))}},{key:"hasBgImgMode",value:function(e){return"bg-image"===e.arg}},{key:"isPictureElement",value:function(e){return e instanceof HTMLPictureElement}},{key:"getImgElement",value:function(e){return this.isPictureElement(e)?e.querySelector("img"):e}},{key:"setDefaultPhoto",value:function(e){var t,n;return H(this,void 0,void 0,M.mark((function r(){var a,o,i,s;return M.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=N(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 H(this,void 0,void 0,M.mark((function n(){var r;return M.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=D(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 H(this,void 0,void 0,M.mark((function o(){var i,s;return M.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if("update"!==n){o.next=26;break}o.prev=1,i=N(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 H(this,void 0,void 0,M.mark((function r(){return M.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 H(this,void 0,void 0,M.mark((function n(){var r=this;return M.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 H(this,void 0,void 0,M.mark((function n(){return M.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=D(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}(),R={created:function(e,t){var n="object"===C(t.value)?t.value:{};(G=new q(n)).add(e,t)},updated:function(e,t){G.update(e,t)},unmounted:function(e,t){G.remove(e,t)}},V=["width","height"],Y=[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)}))],Q=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"}},Y,10,V)}}});function K(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))}}K("/* 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"),Q.__scopeId="data-v-57af58bb";var X=["data-srcset","media"],J={key:0,class:"m-lazy-img-component-loader"},W=e({props:{image:{type:[String,Object],default:void 0},noPhoto:{type:Boolean,default:!1},noLoader:{type:Boolean,default:!1},noObserverOnce:{type:Boolean,default:!1},loadOnce:{type:Boolean,default:!1},imageHeightFull:{type:Boolean,default:!1},observerOptions:{type:Object,default:null}},emits:["intersecting","loading","loaded","error"],setup:function(e){var a=e,o=s((function(){var e;return"string"==typeof a.image?[{srcset:a.image}]:null===(e=a.image)||void 0===e?void 0:e.sources}));return function(a,s){return c((t(),n("picture",{class:r(["m-lazy-img-component",{"-use-loader":!e.noLoader,"--height-full":e.imageHeightFull}])},[(t(!0),n(l,null,u(d(o),(function(e,r){var a=e.srcset,o=e.media;return t(),n("source",{key:r,"data-srcset":a,media:o},null,8,X)})),128)),i("img",f(a.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"}),null,16),e.noLoader?h("",!0):(t(),n("div",J,[p(Q,{color:"black",size:"2em"})])),v(a.$slots,"default")],2)),[[d(R),{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}]])}}});K("/* 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"),W.__scopeId="data-v-2ba18b6b";var Z=["innerHTML"],ee=e({props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(e){return e}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(e,r){var a=this,o=r.emit,i=e,c={},l=g(),u=g(),d=function(e,t){var n=m(e,t);if(n)return n}("mazIconPath"),p=s((function(){var e;return null!==(e=i.path)&&void 0!==e?e:d})),v=s((function(){return i.src?i.src:p.value?"".concat(p.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));b((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');k(v.value)}));var x=function(e){var t=e.cloneNode(!0);return t=i.transformSource(e),i.title&&function(e,t){var n=e.getElementsByTagName("title");if(n.length)n[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,e.appendChild(r)}}(t,i.title),e.innerHTML},k=function(e){return H(a,void 0,void 0,M.mark((function t(){var n;return M.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return c[e]||(c[e]=_(e)),t.prev=1,t.next=4,c[e];case 4:return n=t.sent,l.value=n,t.next=8,w();case 8:o("loaded",u.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),l.value&&(l.value=void 0,o("unloaded")),delete c[e],o("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},_=function(e){return new Promise((function(t,n){var r=new XMLHttpRequest;r.open("GET",e,!0),r.onload=function(){if(r.status>=200&&r.status<400)try{var e=(new DOMParser).parseFromString(r.responseText,"text/xml").getElementsByTagName("svg")[0];e?t(e):n(new Error('Loaded file is not valid SVG"'))}catch(e){n(e)}else n(new Error("Error loading SVG"))},r.onerror=n,r.send()}))};return y((function(){return i.src}),(function(){return k(v.value)})),function(r,a){return l.value?(t(),n("svg",f({key:0,ref_key:"svgElem",ref:u,width:"1em",height:"1em"},Object.assign(Object.assign({},function(e){var t={},n=e.attributes;if(!n)return t;for(var r=n.length-1;r>=0;r--)t[n[r].name]=n[r].value;return t}(l.value)),(o=r.$attrs,Object.keys(o).reduce((function(e,t){return!1!==o[t]&&null!==o[t]&&void 0!==o[t]&&(e[t]=o[t]),e}),{}))),{style:"font-size: ".concat(e.size),innerHTML:x(l.value)}),null,16,Z)):h("",!0);var o}}}),te=["tabindex"],ne={class:"m-avatar__initial"},re={key:0,class:"m-avatar__caption"},ae=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:void 0},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},buttonColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}}},emits:["click"],setup:function(e){var a=e,o=s((function(){return a.to?"RouterLink":a.href?"a":"div"})),c=s((function(){return!!a.to||!!a.href}));return function(a,s){return t(),x(k(d(o)),f({style:{fontSize:e.size},class:["m-avatar",[{"--has-link":d(c)}]]},a.$attrs,{href:e.href,to:e.to,target:d(c)?e.target:void 0}),{default:_((function(){return[i("div",{class:r(["m-avatar__wrapper",{"--has-shadow":!e.noElevation,"--bordered":e.bordered,"--clickable":e.clickable,"--square":e.square,"--has-initial":!e.src&&e.caption}]),tabindex:e.clickable?0:-1,onKeydown:s[2]||(s[2]=A((function(t){return e.clickable?a.$emit("click",t):void 0}),["enter"]))},[e.src?(t(),x(W,{key:0,class:"m-avatar__picture",image:e.src,alt:e.alt,"image-height-full":"","no-loader":e.noLoader,onClick:s[0]||(s[0]=function(t){return e.clickable?a.$emit("click",t):null})},null,8,["image","alt","no-loader"])):h("",!0),e.caption&&!e.src?v(a.$slots,"round-text",{key:1},(function(){var t;return[i("span",ne,z(null===(t=e.caption)||void 0===t?void 0:t.charAt(0)),1)]})):h("",!0),e.clickable?(t(),n("button",{key:2,type:"button",tabindex:"-1",class:"m-avatar__button",style:E({backgroundColor:"var(--maz-color-".concat(e.buttonColor,"-alpha)")}),onClick:s[1]||(s[1]=function(e){return a.$emit("click",e)})},[v(a.$slots,"icon",{},(function(){return[p(ee,{src:d("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15.232%205.232l3.536%203.536m-2.036-5.036a2.5%202.5%200%20113.536%203.536L6.5%2021.036H3v-3.572L16.732%203.732z%22%2F%3E%3C%2Fsvg%3E"),class:"m-avatar__button__icon"},null,8,["src"])]}))],4)):h("",!0)],42,te),v(a.$slots,"caption",{},(function(){return[e.showCaption&&e.caption?(t(),n("p",re,z(e.caption),1)):h("",!0)]}))]})),_:3},16,["style","class","href","to","target"])}}});K("/* purgecss start ignore */\n\n.m-avatar[data-v-2ce23275] {\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-2ce23275] {\n margin-top: 0.5rem;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 500;\n text-transform: capitalize;\n}\n\n.m-avatar__initial[data-v-2ce23275] {\n text-transform: capitalize;\n color: var(--maz-color-white);\n font-size: 1.5em;\n}\n\n.m-avatar__wrapper[data-v-2ce23275] {\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-2ce23275] {\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 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-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-transform: scale(0);\n transform: scale(0);\n}\n\n.m-avatar__wrapper.--clickable .m-avatar__button__icon[data-v-2ce23275] {\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-2ce23275] {\n border-radius: 9999px;\n}\n\n.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-2ce23275], .m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-2ce23275] {\n -webkit-filter: blur(1.5px);\n filter: blur(1.5px);\n}\n\n.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-2ce23275], .m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-2ce23275] {\n opacity: 1;\n -webkit-transform: scale(1.05);\n transform: scale(1.05);\n}\n\n.m-avatar__wrapper.--bordered[data-v-2ce23275] {\n border-width: 2px;\n border-style: solid;\n border-color: var(--maz-color-white);\n}\n\n.m-avatar__wrapper.--square[data-v-2ce23275] {\n border-radius: 0.5rem;\n}\n\n.m-avatar__wrapper.--has-shadow[data-v-2ce23275] {\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-2ce23275] {\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-2ce23275] {\n background-color: var(--maz-color-danger);\n}\n\n.m-avatar.--has-link[data-v-2ce23275] {\n cursor: pointer;\n}\n\n/* purgecss end ignore */\n"),ae.__scopeId="data-v-2ce23275";export{ae as default};
|
|
1
|
+
import{defineComponent as e,openBlock as t,createElementBlock as n,normalizeClass as r,pushScopeId as o,popScopeId as a,createElementVNode as i,computed as s,withDirectives as c,Fragment as l,renderList as u,unref as d,mergeProps as p,createVNode as f,createCommentVNode as h,renderSlot as m,inject as v,ref as b,onMounted as y,nextTick as g,watch as w,createBlock as x,resolveDynamicComponent as k,withCtx as _,withKeys as O,toDisplayString as z,normalizeStyle as E}from"vue";function A(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var L,I={exports:{}};(L=I).exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},L.exports.__esModule=!0,L.exports.default=L.exports;var C=A(I.exports),P={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}(P);var S=A(P.exports),j={exports:{}};!function(e){function t(e,t,n,r,o,a,i){try{var s=e[a](i),c=s.value}catch(e){return void n(e)}s.done?t(c):Promise.resolve(c).then(r,o)}e.exports=function(e){return function(){var n=this,r=arguments;return new Promise((function(o,a){var i=e.apply(n,r);function s(e){t(i,o,a,s,c,"next",e)}function c(e){t(i,o,a,s,c,"throw",e)}s(void 0)}))}},e.exports.__esModule=!0,e.exports.default=e.exports}(j);var B=A(j.exports),M={exports:{}};!function(e){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.__esModule=!0,e.exports.default=e.exports}(M);var T=A(M.exports),D={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}(D);var H=A(D.exports),F={exports:{}};!function(e){var t=P.exports.default;function n(){
|
|
2
|
+
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
|
|
3
|
+
e.exports=n=function(){return r},e.exports.__esModule=!0,e.exports.default=e.exports;var r={},o=Object.prototype,a=o.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},s=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",l=i.toStringTag||"@@toStringTag";function u(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{u({},"")}catch(e){u=function(e,t,n){return e[t]=n}}function d(e,t,n,r){var o=t&&t.prototype instanceof h?t:h,a=Object.create(o.prototype),i=new E(r||[]);return a._invoke=function(e,t,n){var r="suspendedStart";return function(o,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw a;return L()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var s=_(i,n);if(s){if(s===f)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var c=p(e,t,n);if("normal"===c.type){if(r=n.done?"completed":"suspendedYield",c.arg===f)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(r="completed",n.method="throw",n.arg=c.arg)}}}(e,n,i),a}function p(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}r.wrap=d;var f={};function h(){}function m(){}function v(){}var b={};u(b,s,(function(){return this}));var y=Object.getPrototypeOf,g=y&&y(y(A([])));g&&g!==o&&a.call(g,s)&&(b=g);var w=v.prototype=h.prototype=Object.create(b);function x(e){["next","throw","return"].forEach((function(t){u(e,t,(function(e){return this._invoke(t,e)}))}))}function k(e,n){function r(o,i,s,c){var l=p(e[o],e,i);if("throw"!==l.type){var u=l.arg,d=u.value;return d&&"object"==t(d)&&a.call(d,"__await")?n.resolve(d.__await).then((function(e){r("next",e,s,c)}),(function(e){r("throw",e,s,c)})):n.resolve(d).then((function(e){u.value=e,s(u)}),(function(e){return r("throw",e,s,c)}))}c(l.arg)}var o;this._invoke=function(e,t){function a(){return new n((function(n,o){r(e,t,n,o)}))}return o=o?o.then(a,a):a()}}function _(e,t){var n=e.iterator[t.method];if(void 0===n){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=void 0,_(e,t),"throw"===t.method))return f;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var r=p(n,e.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,f;var o=r.arg;return o?o.done?(t[e.resultName]=o.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,f):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function O(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 E(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(O,this),this.reset(!0)}function A(e){if(e){var t=e[s];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,r=function t(){for(;++n<e.length;)if(a.call(e,n))return t.value=e[n],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:L}}function L(){return{value:void 0,done:!0}}return m.prototype=v,u(w,"constructor",v),u(v,"constructor",m),m.displayName=u(v,l,"GeneratorFunction"),r.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===m||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,v):(e.__proto__=v,u(e,l,"GeneratorFunction")),e.prototype=Object.create(w),e},r.awrap=function(e){return{__await:e}},x(k.prototype),u(k.prototype,c,(function(){return this})),r.AsyncIterator=k,r.async=function(e,t,n,o,a){void 0===a&&(a=Promise);var i=new k(d(e,t,n,o),a);return r.isGeneratorFunction(t)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},x(w),u(w,l,"Generator"),u(w,s,(function(){return this})),u(w,"toString",(function(){return"[object Generator]"})),r.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}},r.values=A,E.prototype={constructor:E,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(z),!e)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function n(n,r){return i.type="throw",i.arg=e,t.next=n,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r],i=o.completion;if("root"===o.tryLoc)return n("end");if(o.tryLoc<=this.prev){var s=a.call(o,"catchLoc"),c=a.call(o,"finallyLoc");if(s&&c){if(this.prev<o.catchLoc)return n(o.catchLoc,!0);if(this.prev<o.finallyLoc)return n(o.finallyLoc)}else if(s){if(this.prev<o.catchLoc)return n(o.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return n(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var o=r;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,f):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),f},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),z(n),f}},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 o=r.arg;z(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:A(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),f}},r}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports}(F);var N=F.exports(),$=N;try{regeneratorRuntime=N}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=N:Function("r","regeneratorRuntime = r")(N)}function G(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 U(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 U(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}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 a,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,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(s)throw a}}}}function U(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}function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(e){var t,n,r,o=2;for("undefined"!=typeof Symbol&&(n=Symbol.asyncIterator,r=Symbol.iterator);o--;){if(n&&null!=(t=e[n]))return t.call(e);if(r&&null!=(t=e[r]))return new Y(t.call(e));n="@@asyncIterator",r="@@iterator"}throw new TypeError("Object is not async iterable")}function Y(e){function t(e){if(Object(e)!==e)return Promise.reject(new TypeError(e+" is not an object."));var t=e.done;return Promise.resolve(e.value).then((function(e){return{value:e,done:t}}))}return Y=function(e){this.s=e,this.n=e.next},Y.prototype={s:null,n:null,next:function(){return t(this.n.apply(this.s,arguments))},return:function(e){var n=this.s.return;return void 0===n?Promise.resolve({value:e,done:!0}):t(n.apply(this.s,arguments))},throw:function(e){var n=this.s.return;return void 0===n?Promise.reject(e):t(n.apply(this.s,arguments))}},new Y(e)}var Q,K={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}},X=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};T(this,e),C(this,"observers",[]),C(this,"defaultOptions",K),C(this,"hasImgLoaded",!1),this.options=this.buildOptions(t),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}var t,n,r,o,a,i,s,c;return H(e,[{key:"loadErrorPhoto",value:(c=B($.mark((function e(){return $.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)}))),function(){return c.apply(this,arguments)})},{key:"buildOptions",value:function(e){return R(R(R({},this.defaultOptions),e),{},{observerOptions:R(R({},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===(t=(n=this.options).onLoading)||void 0===t||t.call(n,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===(t=(n=this.options).onLoaded)||void 0===t||t.call(n,e)}},{key:"imageHasError",value:function(e,t){var n,r;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null===(n=(r=this.options).onError)||void 0===n||n.call(r,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"===S(t.value)?t.value.src:t.value;return r||console.warn("[maz-ui][MazLazyImg] src url is not defined"),r}},{key:"setPictureSourceUrls",value:(s=B($.mark((function e(t){var n,r,o,a,i,s,c,l;return $.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!((n=t.querySelectorAll("source")).length>0)){e.next=33;break}r=!1,o=!1,e.prev=4,i=V(n);case 6:return e.next=8,i.next();case 8:if(!(r=!(s=e.sent).done)){e.next=15;break}c=s.value,(l=c.getAttribute("data-srcset"))?c.srcset=l:console.warn('[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"');case 12:r=!1,e.next=6;break;case 15:e.next=21;break;case 17:e.prev=17,e.t0=e.catch(4),o=!0,a=e.t0;case 21:if(e.prev=21,e.prev=22,!r||null==i.return){e.next=26;break}return e.next=26,i.return();case 26:if(e.prev=26,!o){e.next=29;break}throw a;case 29:return e.finish(26);case 30:return e.finish(21);case 31:e.next=35;break;case 33:console.warn('[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(t);case 35:case"end":return e.stop()}}),e,this,[[4,17,21,31],[22,,26,30]])}))),function(e){return s.apply(this,arguments)})},{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:(i=B($.mark((function e(t){var n,r,o,a,i,s,c;return $.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.options.noUseErrorPhoto){e.next=2;break}return e.abrupt("return");case 2:if(!this.options.errorPhoto){e.next=6;break}e.t0=this.options.errorPhoto,e.next=9;break;case 6:return e.next=8,this.loadErrorPhoto();case 8:e.t0=e.sent;case 9:if(n=e.t0,!((r=t.querySelectorAll("source")).length>0)){e.next=42;break}o=!1,a=!1,e.prev=14,s=V(r);case 16:return e.next=18,s.next();case 18:if(!(o=!(c=e.sent).done)){e.next=24;break}c.value.srcset=n;case 21:o=!1,e.next=16;break;case 24:e.next=30;break;case 26:e.prev=26,e.t1=e.catch(14),a=!0,i=e.t1;case 30:if(e.prev=30,e.prev=31,!o||null==s.return){e.next=35;break}return e.next=35,s.return();case 35:if(e.prev=35,!a){e.next=38;break}throw i;case 38:return e.finish(35);case 39:return e.finish(30);case 40:e.next=43;break;case 42:this.setImgSrc(t,n);case 43:case"end":return e.stop()}}),e,this,[[14,26,30,40],[31,,35,39]])}))),function(e){return i.apply(this,arguments)})},{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:(a=B($.mark((function e(t,n){var r;return $.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(this.imageIsLoading(t),!this.isPictureElement(t)){e.next=7;break}return this.addEventListenerToImg(t),e.next=5,this.setPictureSourceUrls(t);case 5:e.next=11;break;case 7:if(r=this.getImageUrl(t,n)){e.next=10;break}return e.abrupt("return",this.imageHasError(t));case 10:this.hasBgImgMode(n)?(t.style.backgroundImage="url('".concat(r,"')"),this.imageIsLoaded(t)):(this.addEventListenerToImg(t),this.setImgSrc(t,r));case 11:case"end":return e.stop()}}),e,this)}))),function(e,t){return a.apply(this,arguments)})},{key:"setImgSrc",value:function(e,t){this.getImgElement(e).src=t}},{key:"handleIntersectionObserver",value:function(e,t,n,r){this.observers.push(r);var o,a=G(n);try{for(a.s();!(o=a.n()).done;){var i=o.value;if(i.isIntersecting){var s,c;if(null===(s=(c=this.options).onIntersecting)||void 0===s||s.call(c,i.target),this.options.observerOnce&&r.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}}catch(e){a.e(e)}finally{a.f()}}},{key:"createObserver",value:function(e,t){var n=this,r=this.options.observerOptions;new IntersectionObserver((function(r,o){n.handleIntersectionObserver(e,t,r,o)}),r).observe(e)}},{key:"imageHandler",value:(o=B($.mark((function e(t,n,r){var o,a,i,s,c;return $.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("update"!==r){e.next=29;break}o=!1,a=!1,e.prev=3,s=V(this.observers);case 5:return e.next=7,s.next();case 7:if(!(o=!(c=e.sent).done)){e.next=13;break}c.value.unobserve(t);case 10:o=!1,e.next=5;break;case 13:e.next=19;break;case 15:e.prev=15,e.t0=e.catch(3),a=!0,i=e.t0;case 19:if(e.prev=19,e.prev=20,!o||null==s.return){e.next=24;break}return e.next=24,s.return();case 24:if(e.prev=24,!a){e.next=27;break}throw i;case 27:return e.finish(24);case 28:return e.finish(19);case 29:window.IntersectionObserver?this.createObserver(t,n):this.loadImage(t,n);case 30:case"end":return e.stop()}}),e,this,[[3,15,19,29],[20,,24,28]])}))),function(e,t,n){return o.apply(this,arguments)})},{key:"bindUpdateHandler",value:(r=B($.mark((function e(t,n,r){return $.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.options.noPhoto){e.next=2;break}return e.abrupt("return",this.imageHasNoPhoto(t));case 2:return e.next=4,this.imageHandler(t,n,r);case 4:case"end":return e.stop()}}),e,this)}))),function(e,t,n){return r.apply(this,arguments)})},{key:"add",value:(n=B($.mark((function e(t,n){var r=this;return $.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.hasBgImgMode(n)||!this.isPictureElement(t)){e.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(t)}),0),t.getAttribute("src")||this.setImgSrc(t,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),e.next=6,this.bindUpdateHandler(t,n,"bind");case 6:case"end":return e.stop()}}),e,this)}))),function(e,t){return n.apply(this,arguments)})},{key:"update",value:(t=B($.mark((function e(t,n){return $.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n.value===n.oldValue){e.next=5;break}return this.hasImgLoaded=!1,this.removeAllStateClasses(t),e.next=5,this.bindUpdateHandler(t,n,"update");case 5:case"end":return e.stop()}}),e,this)}))),function(e,n){return t.apply(this,arguments)})},{key:"remove",value:function(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);var n,r=G(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}(),J={created:function(e,t){var n="object"===S(t.value)?t.value:{};(Q=new X(n)).add(e,t)},updated:function(e,t){Q.update(e,t)},unmounted:function(e,t){Q.remove(e,t)}},W=["width","height"],Z=[function(e){return o("data-v-67dbd337"),e=e(),a(),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)}))],ee=e({__name:"MazSpinner",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(o,a){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"}},Z,10,W)}}});function te(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}te("\n@-webkit-keyframes maz-spin {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg)\n }\n}\n@keyframes maz-spin {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg)\n }\n}\n.m-spinner[data-v-67dbd337] {\n -webkit-animation: maz-spin 1s linear infinite;\n animation: maz-spin 1s linear infinite;\n fill: currentColor;\n color: var(--maz-color-white);\n margin: 0px !important\n}\n.m-spinner--primary[data-v-67dbd337] {\n color: var(--maz-color-primary)\n}\n.m-spinner--secondary[data-v-67dbd337] {\n color: var(--maz-color-secondary)\n}\n.m-spinner--info[data-v-67dbd337] {\n color: var(--maz-color-info)\n}\n.m-spinner--warning[data-v-67dbd337] {\n color: var(--maz-color-warning)\n}\n.m-spinner--danger[data-v-67dbd337] {\n color: var(--maz-color-danger)\n}\n.m-spinner--success[data-v-67dbd337] {\n color: var(--maz-color-success)\n}\n.m-spinner--black[data-v-67dbd337] {\n color: var(--maz-color-black)\n}\n.m-spinner--white[data-v-67dbd337] {\n color: var(--maz-color-white)\n}\n.m-spinner--transparent[data-v-67dbd337] {\n color: var(--maz-color-white)\n}\n"),ee.__scopeId="data-v-67dbd337";var ne=["data-srcset","media"],re={key:0,class:"m-lazy-img-component-loader"},oe=e({__name:"MazLazyImg",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 o=e,a=s((function(){var e;return"string"==typeof o.image?[{srcset:o.image}]:null===(e=o.image)||void 0===e?void 0:e.sources}));return function(o,s){return c((t(),n("picture",{class:r(["m-lazy-img-component",{"-use-loader":!e.noLoader,"--height-full":e.imageHeightFull}])},[(t(!0),n(l,null,u(d(a),(function(e,r){var o=e.srcset,a=e.media;return t(),n("source",{key:r,"data-srcset":o,media:a},null,8,ne)})),128)),i("img",p(o.$attrs,{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"}),null,16),e.noLoader?h("",!0):(t(),n("div",re,[f(ee,{color:"black",size:"2em"})])),m(o.$slots,"default")],2)),[[d(J),{noPhoto:e.noPhoto,observerOnce:!e.noObserverOnce,loadOnce:e.loadOnce,onIntersecting:function(e){return o.$emit("intersecting",e)},onLoading:function(e){return o.$emit("loading",e)},onLoaded:function(e){return o.$emit("loaded",e)},onError:function(e){return o.$emit("error",e)},observerOptions:e.observerOptions}]])}}});function ae(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ie(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ae(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ae(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}te("\n.m-lazy-img-component[data-v-305df525] {\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.m-lazy-img-component-loader[data-v-305df525] {\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.m-lazy-img-component:not(.m-lazy-error, .m-lazy-no-photo) img[data-v-305df525] {\n height: 100%;\n width: 100%\n}\n.m-lazy-img-component.--height-full img[data-v-305df525] {\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.m-lazy-img-component:not(.m-lazy-loaded, .m-lazy-no-photo) .m-lazy-img-component-loader[data-v-305df525] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex\n}\n"),oe.__scopeId="data-v-305df525";var se=["innerHTML"],ce=e({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(e){return e}}},emits:["loaded","unloaded","error"],setup:function(e,r){var o=r.emit,a=e,i={},c=b(),l=b(),u=function(){try{return function(e,t){var n=v(e,t);if(!n)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(e));return n}("mazIconPath")}catch(e){return}},d=s((function(){var e;return null!==(e=a.path)&&void 0!==e?e:u()})),f=s((function(){return a.src?a.src:d.value?"".concat(d.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));y((function(){if(!a.name&&!a.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');x(f.value)}));var m=function(e){var t=e.cloneNode(!0);return t=a.transformSource(e),a.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,a.title),e.innerHTML},x=function(){var e=B($.mark((function e(t){var n;return $.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i[t]||(i[t]=k(t)),e.prev=1,e.next=4,i[t];case 4:return n=e.sent,c.value=n,e.next=8,g();case 8:o("loaded",l.value),e.next=16;break;case 11:e.prev=11,e.t0=e.catch(1),c.value&&(c.value=void 0,o("unloaded")),delete i[t],o("error",e.t0);case 16:case"end":return e.stop()}}),e,null,[[1,11]])})));return function(t){return e.apply(this,arguments)}}(),k=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?(e=a.transformSource(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 w((function(){return a.src}),(function(){return x(f.value)})),function(r,o){return c.value?(t(),n("svg",p({key:0,ref_key:"svgElem",ref:l,width:"1em",height:"1em"},ie(ie({},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}(c.value)),(a=r.$attrs,Object.keys(a).reduce((function(e,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(e[t]=a[t]),e}),{}))),{style:"font-size: ".concat(e.size),innerHTML:m(c.value)}),null,16,se)):h("",!0);var a}}}),le=["tabindex"],ue={class:"m-avatar__initial"},de={key:0,class:"m-avatar__caption"},pe=e({__name:"MazAvatar",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:void 0},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},buttonColor:{type:String,default:"info",validator:function(e){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}}},emits:["click"],setup:function(e){var o=e,a=s((function(){return o.to?"RouterLink":o.href?"a":"div"})),c=s((function(){return!!o.to||!!o.href}));return function(o,s){return t(),x(k(d(a)),p({style:{fontSize:e.size},class:["m-avatar",[{"--has-link":d(c)}]]},o.$attrs,{href:e.href,to:e.to,target:d(c)?e.target:void 0}),{default:_((function(){return[i("div",{class:r(["m-avatar__wrapper",{"--has-shadow":!e.noElevation,"--bordered":e.bordered,"--clickable":e.clickable,"--square":e.square,"--has-initial":!e.src&&e.caption}]),tabindex:e.clickable?0:-1,onKeydown:s[2]||(s[2]=O((function(t){return e.clickable?o.$emit("click",t):void 0}),["enter"]))},[e.src?(t(),x(oe,{key:0,class:"m-avatar__picture maz-max-w-full",image:e.src,alt:e.alt,"image-height-full":"","no-loader":e.noLoader,onClick:s[0]||(s[0]=function(t){return e.clickable?o.$emit("click",t):null})},null,8,["image","alt","no-loader"])):h("",!0),e.caption&&!e.src?m(o.$slots,"round-text",{key:1},(function(){var t;return[i("span",ue,z(null===(t=e.caption)||void 0===t?void 0:t.charAt(0)),1)]})):h("",!0),e.clickable?(t(),n("button",{key:2,type:"button",tabindex:"-1",class:"m-avatar__button",style:E({backgroundColor:e.src?"var(--maz-color-".concat(e.buttonColor,"-alpha)"):"var(--maz-color-".concat(e.buttonColor,")")}),onClick:s[1]||(s[1]=function(e){return o.$emit("click",e)})},[m(o.$slots,"icon",{},(function(){return[f(ce,{src:d("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15.232%205.232l3.536%203.536m-2.036-5.036a2.5%202.5%200%20113.536%203.536L6.5%2021.036H3v-3.572L16.732%203.732z%22%2F%3E%3C%2Fsvg%3E"),class:"m-avatar__button__icon"},null,8,["src"])]}))],4)):h("",!0)],42,le),m(o.$slots,"caption",{},(function(){return[e.showCaption&&e.caption?(t(),n("p",de,z(e.caption),1)):h("",!0)]}))]})),_:3},16,["style","class","href","to","target"])}}});te("\n.m-avatar[data-v-6e43ad1b] {\n\n display: -webkit-inline-box;\n\n display: -ms-inline-flexbox;\n\n display: inline-flex;\n\n -webkit-box-orient: vertical;\n\n -webkit-box-direction: normal;\n\n -ms-flex-direction: column;\n\n flex-direction: column;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n -webkit-text-decoration-line: none !important;\n\n text-decoration-line: none !important;\n}\n.m-avatar__caption[data-v-6e43ad1b] {\n\n margin-top: 0.5rem;\n\n width: 100%;\n\n overflow: hidden;\n\n text-overflow: ellipsis;\n\n white-space: nowrap;\n\n text-align: center;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n font-weight: 500;\n\n text-transform: capitalize;\n}\n.m-avatar__initial[data-v-6e43ad1b] {\n\n text-transform: capitalize;\n\n color: var(--maz-color-white);\n\n font-size: 1.5em;\n}\n.m-avatar__wrapper[data-v-6e43ad1b] {\n\n position: relative;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-flex: 0;\n\n -ms-flex: none;\n\n flex: none;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n overflow: hidden;\n\n border-radius: 9999px;\n\n background-color: var(--maz-color-bg-lighter);\n\n height: 3em;\n width: 3em;\n}\n.m-avatar__wrapper.--clickable .m-avatar__button[data-v-6e43ad1b] {\n\n position: absolute;\n\n top: 0px;\n\n right: 0px;\n\n bottom: 0px;\n\n left: 0px;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n width: 100%;\n\n cursor: pointer;\n\n border-radius: 0.5rem;\n\n border-style: none;\n\n background-color: transparent;\n\n opacity: 0;\n\n outline: 2px solid transparent;\n\n outline-offset: 2px;\n\n -webkit-transition-property: all;\n\n transition-property: all;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n -webkit-transform: scale(0);\n\n transform: scale(0);\n}\n.m-avatar__wrapper.--clickable .m-avatar__button__icon[data-v-6e43ad1b] {\n\n color: var(--maz-color-white);\n\n height: 1em;\n width: 1em;\n}\n.m-avatar__wrapper.--clickable:not(.--square) .m-avatar__button[data-v-6e43ad1b] {\n\n border-radius: 9999px;\n}\n.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-6e43ad1b], .m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-6e43ad1b] {\n -webkit-filter: blur(1.5px);\n filter: blur(1.5px);\n}\n.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-6e43ad1b], .m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-6e43ad1b] {\n\n opacity: 1;\n\n -webkit-transform: scale(1.05);\n\n transform: scale(1.05);\n}\n.m-avatar__wrapper.--bordered[data-v-6e43ad1b] {\n\n border-width: 2px;\n\n border-style: solid;\n\n border-color: var(--maz-color-white);\n}\n.m-avatar__wrapper.--square[data-v-6e43ad1b] {\n\n border-radius: 0.5rem;\n}\n.m-avatar__wrapper.--has-shadow[data-v-6e43ad1b] {\n\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n\n -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.m-avatar__wrapper.--has-initial[data-v-6e43ad1b] {\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n background-color: var(--maz-color-primary);\n}\n.m-avatar.--has-link[data-v-6e43ad1b] {\n\n cursor: pointer;\n}\n"),pe.__scopeId="data-v-6e43ad1b";export{pe as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
2
|
declare const _default: import("vue").DefineComponent<{
|
|
3
3
|
modelValue: {
|
|
4
4
|
type: BooleanConstructor;
|
|
@@ -48,30 +48,48 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
48
48
|
onBackdropAnimationEnter: () => void;
|
|
49
49
|
onBackdropAnimationLeave: () => void;
|
|
50
50
|
toggleModal: (show: boolean, ...rest: unknown[]) => void;
|
|
51
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "update:model-value")[], "open" | "close" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
|
52
|
-
modelValue
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
51
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "update:model-value")[], "open" | "close" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
52
|
+
modelValue: {
|
|
53
|
+
type: BooleanConstructor;
|
|
54
|
+
default: boolean;
|
|
55
|
+
};
|
|
56
|
+
selector: {
|
|
57
|
+
type: StringConstructor;
|
|
58
|
+
default: string;
|
|
59
|
+
};
|
|
60
|
+
beforeClose: {
|
|
61
|
+
type: PropType<() => boolean>;
|
|
62
|
+
default: undefined;
|
|
63
|
+
};
|
|
64
|
+
persistent: {
|
|
65
|
+
type: BooleanConstructor;
|
|
66
|
+
default: boolean;
|
|
67
|
+
};
|
|
68
|
+
backdropClass: {
|
|
69
|
+
type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
|
|
70
|
+
default: () => never[];
|
|
71
|
+
};
|
|
72
|
+
transition: {
|
|
73
|
+
type: StringConstructor;
|
|
74
|
+
default: string;
|
|
75
|
+
};
|
|
76
|
+
escKey: {
|
|
77
|
+
type: BooleanConstructor;
|
|
78
|
+
default: boolean;
|
|
79
|
+
};
|
|
80
|
+
zOffset: {
|
|
81
|
+
type: NumberConstructor;
|
|
82
|
+
default: number;
|
|
83
|
+
};
|
|
84
|
+
defaultZIndex: {
|
|
85
|
+
type: NumberConstructor;
|
|
86
|
+
default: number;
|
|
87
|
+
};
|
|
88
|
+
modalClass: {
|
|
89
|
+
type: StringConstructor;
|
|
90
|
+
default: undefined;
|
|
91
|
+
};
|
|
92
|
+
}>> & {
|
|
75
93
|
onOpen?: ((...args: any[]) => any) | undefined;
|
|
76
94
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
77
95
|
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
|
package/components/MazBadge.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { Color } from './types';
|
|
1
|
+
import type { PropType } from 'vue';
|
|
2
|
+
import type { Color } from './types';
|
|
3
3
|
export declare type BadgeColor = Color | 'gray';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
color: {
|
|
@@ -30,21 +30,34 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
30
30
|
};
|
|
31
31
|
}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
32
32
|
[key: string]: any;
|
|
33
|
-
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
|
34
|
-
color
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
nowrap:
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
33
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
34
|
+
color: {
|
|
35
|
+
type: PropType<BadgeColor>;
|
|
36
|
+
default: string;
|
|
37
|
+
validator: (value: string) => boolean;
|
|
38
|
+
};
|
|
39
|
+
size: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
default: string;
|
|
42
|
+
};
|
|
43
|
+
nowrap: {
|
|
44
|
+
type: BooleanConstructor;
|
|
45
|
+
default: boolean;
|
|
46
|
+
};
|
|
47
|
+
outline: {
|
|
48
|
+
type: BooleanConstructor;
|
|
49
|
+
default: boolean;
|
|
50
|
+
};
|
|
51
|
+
pastel: {
|
|
52
|
+
type: BooleanConstructor;
|
|
53
|
+
default: boolean;
|
|
54
|
+
};
|
|
55
|
+
roundedSize: {
|
|
56
|
+
type: StringConstructor;
|
|
57
|
+
default: string;
|
|
58
|
+
validator: (value: string) => boolean;
|
|
59
|
+
};
|
|
60
|
+
}>>, {
|
|
48
61
|
color: BadgeColor;
|
|
49
62
|
size: string;
|
|
50
63
|
nowrap: boolean;
|
package/components/MazBadge.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as
|
|
1
|
+
import{defineComponent as n,openBlock as a,createElementBlock as r,normalizeClass as o,normalizeStyle as e,renderSlot as t}from"vue";var c=n({__name:"MazBadge",props:{color:{type:String,default:"primary",validator:function(n){return["primary","secondary","warning","danger","info","success","white","gray","black"].includes(n)}},size:{type:String,default:"0.8em"},nowrap:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},roundedSize:{type:String,default:"lg",validator:function(n){return["sm","md","lg","xl","full"].includes(n)}}},setup:function(n){return function(c,d){return a(),r("span",{class:o(["m-badge",["--".concat(n.color),{"--outline":n.outline,"--pastel":n.pastel,"--nowrap":n.nowrap},"--rounded-".concat(n.roundedSize)]]),style:e({fontSize:n.size})},[t(c.$slots,"default")],6)}}});!function(n,a){void 0===a&&(a={});var r=a.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===r&&o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}("\n.m-badge[data-v-896efa30] {\n\n display: -webkit-inline-box;\n\n display: -ms-inline-flexbox;\n\n display: inline-flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n font-weight: 500;\n\n padding: 0.25em 0.5em;\n line-height: 1.4em\n}\n.m-badge.--nowrap[data-v-896efa30] {\n\n white-space: nowrap\n}\n.m-badge.--rounded-sm[data-v-896efa30] {\n\n border-radius: 0.125rem\n}\n.m-badge.--rounded-md[data-v-896efa30] {\n\n border-radius: 0.25rem\n}\n.m-badge.--rounded-lg[data-v-896efa30] {\n\n border-radius: 0.5rem\n}\n.m-badge.--rounded-xl[data-v-896efa30] {\n\n border-radius: 0.75rem\n}\n.m-badge.--rounded-full[data-v-896efa30] {\n\n border-radius: 9999px\n}\n.m-badge.--primary[data-v-896efa30] {\n\n border-color: var(--maz-color-primary);\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast)\n}\n.m-badge.--primary.--outline[data-v-896efa30] {\n\n border-width: 2px;\n\n background-color: transparent;\n\n color: var(--maz-color-primary)\n}\n.m-badge.--primary.--pastel[data-v-896efa30] {\n\n border-color: var(--maz-color-primary-100);\n\n background-color: var(--maz-color-primary-100);\n\n color: var(--maz-color-primary-800)\n}\n.m-badge.--info[data-v-896efa30] {\n\n border-color: var(--maz-color-info);\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-info-contrast)\n}\n.m-badge.--info.--outline[data-v-896efa30] {\n\n border-width: 2px;\n\n background-color: transparent;\n\n color: var(--maz-color-info)\n}\n.m-badge.--info.--pastel[data-v-896efa30] {\n\n border-color: var(--maz-color-info-100);\n\n background-color: var(--maz-color-info-100);\n\n color: var(--maz-color-info-800)\n}\n.m-badge.--gray[data-v-896efa30] {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(156 163 175 / var(--tw-border-opacity));\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(156 163 175 / var(--tw-bg-opacity));\n\n color: var(--maz-color-white)\n}\n.m-badge.--gray.--outline[data-v-896efa30] {\n\n border-width: 2px;\n\n background-color: transparent;\n\n --tw-text-opacity: 1;\n\n color: rgb(156 163 175 / var(--tw-text-opacity))\n}\n.m-badge.--gray.--pastel[data-v-896efa30] {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(243 244 246 / var(--tw-border-opacity));\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n --tw-text-opacity: 1;\n\n color: rgb(31 41 55 / var(--tw-text-opacity))\n}\n.m-badge.--black[data-v-896efa30] {\n\n border-color: var(--maz-color-black);\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-white)\n}\n.m-badge.--black.--outline[data-v-896efa30] {\n\n border-width: 2px;\n\n background-color: transparent;\n\n color: var(--maz-color-black)\n}\n.m-badge.--black.--pastel[data-v-896efa30] {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(156 163 175 / var(--tw-border-opacity));\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(156 163 175 / var(--tw-bg-opacity));\n\n color: var(--maz-color-black)\n}\n.m-badge.--white[data-v-896efa30] {\n\n border-color: var(--maz-color-white);\n\n background-color: var(--maz-color-white);\n\n --tw-text-opacity: 1;\n\n color: rgb(31 41 55 / var(--tw-text-opacity))\n}\n.m-badge.--white.--outline[data-v-896efa30] {\n\n border-width: 2px;\n\n background-color: transparent;\n\n --tw-text-opacity: 1;\n\n color: rgb(31 41 55 / var(--tw-text-opacity))\n}\n.m-badge.--white.--pastel[data-v-896efa30] {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(243 244 246 / var(--tw-border-opacity));\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n --tw-text-opacity: 1;\n\n color: rgb(31 41 55 / var(--tw-text-opacity))\n}\n.m-badge.--secondary[data-v-896efa30] {\n\n border-color: var(--maz-color-secondary);\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary-contrast)\n}\n.m-badge.--secondary.--outline[data-v-896efa30] {\n\n border-width: 2px;\n\n background-color: transparent;\n\n color: var(--maz-color-secondary)\n}\n.m-badge.--secondary.--pastel[data-v-896efa30] {\n\n border-color: var(--maz-color-secondary-100);\n\n background-color: var(--maz-color-secondary-100);\n\n color: var(--maz-color-secondary-800)\n}\n.m-badge.--danger[data-v-896efa30] {\n\n border-color: var(--maz-color-danger);\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-danger-contrast)\n}\n.m-badge.--danger.--outline[data-v-896efa30] {\n\n border-width: 2px;\n\n background-color: transparent;\n\n color: var(--maz-color-danger)\n}\n.m-badge.--danger.--pastel[data-v-896efa30] {\n\n border-color: var(--maz-color-danger-100);\n\n background-color: var(--maz-color-danger-100);\n\n color: var(--maz-color-danger-800)\n}\n.m-badge.--warning[data-v-896efa30] {\n\n border-color: var(--maz-color-warning);\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning-contrast)\n}\n.m-badge.--warning.--outline[data-v-896efa30] {\n\n border-width: 2px;\n\n background-color: transparent;\n\n color: var(--maz-color-warning)\n}\n.m-badge.--warning.--pastel[data-v-896efa30] {\n\n border-color: var(--maz-color-warning-100);\n\n background-color: var(--maz-color-warning-100);\n\n color: var(--maz-color-warning-800)\n}\n.m-badge.--success[data-v-896efa30] {\n\n border-color: var(--maz-color-success);\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-success-contrast)\n}\n.m-badge.--success.--outline[data-v-896efa30] {\n\n border-width: 2px;\n\n background-color: transparent;\n\n color: var(--maz-color-success)\n}\n.m-badge.--success.--pastel[data-v-896efa30] {\n\n border-color: var(--maz-color-success-100);\n\n background-color: var(--maz-color-success-100);\n\n color: var(--maz-color-success-800)\n}\n"),c.__scopeId="data-v-896efa30";export{c as default};
|
|
@@ -13,15 +13,20 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
13
13
|
};
|
|
14
14
|
}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
15
15
|
[key: string]: any;
|
|
16
|
-
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
|
17
|
-
persistent
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
16
|
+
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
|
+
persistent: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
21
|
+
noClose: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: boolean;
|
|
24
|
+
};
|
|
25
|
+
noPadding: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
29
|
+
}>> & {
|
|
25
30
|
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
|
|
26
31
|
}, {
|
|
27
32
|
persistent: boolean;
|