maz-ui 3.18.0 → 3.18.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/MazAvatar.d.ts +3 -3
- package/components/MazBadge.d.ts +1 -1
- package/components/MazBtn.d.ts +4 -4
- package/components/MazCard.d.ts +1 -1
- package/components/MazDrawer.d.ts +1 -1
- package/components/MazInput.d.ts +1 -1
- package/components/MazLazyImg.d.ts +3 -3
- package/modules/assets/MazBtn.css +1 -0
- package/modules/assets/index.css +1 -1
- package/modules/chunks/MazBtn-bf5d1483.mjs +184 -0
- package/modules/chunks/MazIcon-1567cfaf.mjs +158 -0
- package/modules/chunks/{MazSpinner-747363d7.mjs → MazSpinner-dda0b697.mjs} +1 -1
- package/modules/chunks/arrow-top-right-on-square-3878577d.mjs +32 -0
- package/modules/chunks/{index-86628f38.mjs → index-a39534c8.mjs} +86 -14
- package/modules/chunks/link-74f1af7a.mjs +32 -0
- package/modules/index.mjs +1 -1
- package/nuxt/index.json +1 -1
- package/package.json +1 -1
- package/types/components/MazAvatar.vue.d.ts +3 -3
- package/types/components/MazBadge.vue.d.ts +1 -1
- package/types/components/MazBtn.vue.d.ts +4 -4
- package/types/components/MazCard.vue.d.ts +1 -1
- package/types/components/MazDrawer.vue.d.ts +1 -1
- package/types/components/MazInput.vue.d.ts +1 -1
- package/types/components/MazLazyImg.vue.d.ts +3 -3
- package/types/modules/plugins/toaster/MazToast.vue.d.ts +19 -1
- package/types/modules/plugins/toaster/types.d.ts +14 -0
|
@@ -133,14 +133,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
133
133
|
src: string | null | undefined;
|
|
134
134
|
alt: string;
|
|
135
135
|
target: string;
|
|
136
|
-
noLoader: boolean;
|
|
137
|
-
imageHeightFull: boolean;
|
|
138
136
|
href: string;
|
|
139
137
|
to: Record<string, any>;
|
|
138
|
+
noElevation: boolean;
|
|
139
|
+
noLoader: boolean;
|
|
140
|
+
imageHeightFull: boolean;
|
|
140
141
|
bordered: boolean;
|
|
141
142
|
clickable: boolean;
|
|
142
143
|
square: boolean;
|
|
143
|
-
noElevation: boolean;
|
|
144
144
|
showCaption: boolean;
|
|
145
145
|
buttonColor: Color;
|
|
146
146
|
}, {}>, {
|
package/components/MazBadge.d.ts
CHANGED
|
@@ -58,9 +58,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
58
58
|
}>>, {
|
|
59
59
|
size: string;
|
|
60
60
|
color: BadgeColor;
|
|
61
|
-
nowrap: boolean;
|
|
62
61
|
outline: boolean;
|
|
63
62
|
pastel: boolean;
|
|
63
|
+
nowrap: boolean;
|
|
64
64
|
roundedSize: string;
|
|
65
65
|
}, {}>, {
|
|
66
66
|
default?(_: {}): any;
|
package/components/MazBtn.d.ts
CHANGED
|
@@ -166,21 +166,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
166
166
|
color: Color;
|
|
167
167
|
type: "button" | "submit" | "reset";
|
|
168
168
|
disabled: boolean;
|
|
169
|
-
loading: boolean;
|
|
170
|
-
noElevation: boolean;
|
|
171
|
-
outline: boolean;
|
|
172
|
-
pastel: boolean;
|
|
173
169
|
variant: string;
|
|
174
170
|
rounded: boolean;
|
|
175
171
|
noRounded: boolean;
|
|
172
|
+
outline: boolean;
|
|
173
|
+
pastel: boolean;
|
|
176
174
|
block: boolean;
|
|
177
175
|
noUnderline: boolean;
|
|
178
176
|
noLeading: boolean;
|
|
177
|
+
loading: boolean;
|
|
179
178
|
fab: boolean;
|
|
180
179
|
icon: string;
|
|
181
180
|
leftIcon: string;
|
|
182
181
|
rightIcon: string;
|
|
183
182
|
noPadding: boolean;
|
|
183
|
+
noElevation: boolean;
|
|
184
184
|
}, {}>, {
|
|
185
185
|
"left-icon"?(_: {}): any;
|
|
186
186
|
icon?(_: {}): any;
|
package/components/MazCard.d.ts
CHANGED
|
@@ -160,8 +160,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
160
160
|
}>>, {
|
|
161
161
|
zoom: boolean;
|
|
162
162
|
href: string;
|
|
163
|
-
bordered: boolean;
|
|
164
163
|
noPadding: boolean;
|
|
164
|
+
bordered: boolean;
|
|
165
165
|
images: MazGalleryImage[];
|
|
166
166
|
noRemaining: boolean;
|
|
167
167
|
scale: boolean;
|
|
@@ -54,8 +54,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
54
54
|
}, {
|
|
55
55
|
size: string;
|
|
56
56
|
title: string;
|
|
57
|
-
backdropClass: string;
|
|
58
57
|
variant: "top" | "bottom" | "left" | "right";
|
|
58
|
+
backdropClass: string;
|
|
59
59
|
noClose: boolean;
|
|
60
60
|
}, {}>, {
|
|
61
61
|
title?(_: {
|
package/components/MazInput.d.ts
CHANGED
|
@@ -253,9 +253,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
253
253
|
required: boolean;
|
|
254
254
|
id: string;
|
|
255
255
|
error: boolean;
|
|
256
|
-
modelValue: ModelValueSimple;
|
|
257
256
|
leftIcon: string;
|
|
258
257
|
rightIcon: string;
|
|
258
|
+
modelValue: ModelValueSimple;
|
|
259
259
|
noRadius: boolean;
|
|
260
260
|
readonly: boolean;
|
|
261
261
|
hint: string;
|
|
@@ -30,9 +30,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
30
30
|
} | undefined>;
|
|
31
31
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
32
32
|
error: (...args: any[]) => void;
|
|
33
|
-
intersecting: (...args: any[]) => void;
|
|
34
|
-
loading: (...args: any[]) => void;
|
|
35
33
|
loaded: (...args: any[]) => void;
|
|
34
|
+
loading: (...args: any[]) => void;
|
|
35
|
+
intersecting: (...args: any[]) => void;
|
|
36
36
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
37
37
|
image: Prop<Image>;
|
|
38
38
|
noPhoto: {
|
|
@@ -62,8 +62,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
62
62
|
} | undefined>;
|
|
63
63
|
}>> & {
|
|
64
64
|
onError?: ((...args: any[]) => any) | undefined;
|
|
65
|
-
onLoading?: ((...args: any[]) => any) | undefined;
|
|
66
65
|
onLoaded?: ((...args: any[]) => any) | undefined;
|
|
66
|
+
onLoading?: ((...args: any[]) => any) | undefined;
|
|
67
67
|
onIntersecting?: ((...args: any[]) => any) | undefined;
|
|
68
68
|
}, {
|
|
69
69
|
noPhoto: boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.m-btn[data-v-054acd3d]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-054acd3d]{line-height:1}.m-btn__icon-left[data-v-054acd3d]{margin-left:-.25rem;margin-right:.5rem;line-height:1}.m-btn__icon-right[data-v-054acd3d]{margin-right:-.25rem;margin-left:.5rem;line-height:1}.m-btn.--cursor-pointer[data-v-054acd3d]{cursor:pointer}.m-btn.--cursor-default[data-v-054acd3d]{cursor:default}.m-btn.--is-link[data-v-054acd3d]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link:not(.--no-leading) span[data-v-054acd3d]{line-height:2.25rem}.m-btn.--is-link[data-v-054acd3d]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-054acd3d]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-054acd3d]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-054acd3d]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-054acd3d]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-054acd3d]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-054acd3d]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-054acd3d]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-054acd3d]{color:var(--maz-color-black)}.m-btn.--is-link.--theme[data-v-054acd3d]{color:var(--maz-color-text)}.m-btn.--is-button[data-v-054acd3d]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-button[data-v-054acd3d]:not(.--no-rounded){border-radius:var(--maz-border-radius)}.m-btn.--is-button.--rounded[data-v-054acd3d]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-054acd3d]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-054acd3d]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-054acd3d]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-054acd3d]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-054acd3d]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-054acd3d]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button[data-v-054acd3d]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-054acd3d]:not(.--disabled):hover,.m-btn.--is-button[data-v-054acd3d]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-054acd3d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-054acd3d]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--fab.--xl[data-v-054acd3d]{height:4.125rem;width:4.125rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--fab.--lg[data-v-054acd3d]{height:3.375rem;width:3.375rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--fab.--md[data-v-054acd3d]{height:3rem;width:3rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--fab.--sm[data-v-054acd3d]{height:2.375rem;width:2.375rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--fab.--xs[data-v-054acd3d]{height:1.725rem;width:1.725rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--fab.--mini[data-v-054acd3d]{height:1.4rem;width:1.4rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--block[data-v-054acd3d]{width:100%}.m-btn.--is-button.--primary[data-v-054acd3d]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-054acd3d]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-054acd3d]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-054acd3d]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-054acd3d]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-054acd3d]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-054acd3d]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-054acd3d]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-054acd3d]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-054acd3d]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-054acd3d]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-054acd3d]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--theme[data-v-054acd3d]{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--theme[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--theme[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-bg-theme-hover)}.m-btn.--is-button.--primary-outline[data-v-054acd3d]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-054acd3d]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-054acd3d]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-054acd3d]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-054acd3d]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-054acd3d]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-054acd3d]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-outline[data-v-054acd3d]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-outline[data-v-054acd3d]{border-color:var(--maz-color-bg-theme);color:var(--maz-color-bg-theme)}.m-btn.--is-button.--theme-outline[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--theme-outline[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-bg-theme);color:var(--maz-color-bg)}.m-btn.--is-button.--primary-pastel[data-v-054acd3d]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-054acd3d]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-054acd3d]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-054acd3d]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-054acd3d]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-054acd3d]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-054acd3d]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-054acd3d]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--theme-pastel[data-v-054acd3d]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--theme-pastel[data-v-054acd3d]:not(:disabled):hover,.m-btn.--is-button.--theme-pastel[data-v-054acd3d]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-054acd3d]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-054acd3d]{padding:0}
|
package/modules/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html.--m-fullscreen-open{height:100vh;overflow:hidden}.m-fullscreen-img[data-v-1b5808d8]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;height:100vh;width:100vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-bg-overlay);--tw-bg-opacity: .8;outline:2px solid transparent;outline-offset:2px;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-fullscreen-img .m-fullscreen-img-scroller[data-v-1b5808d8]{max-height:100vh;overflow:auto}.m-fullscreen-img.--animation-active .m-fullscreen-img-scroller[data-v-1b5808d8]{height:100vh;width:100vw}.m-fullscreen-img[data-v-1b5808d8]:not(.--animation-active){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-fullscreen-img img[data-v-1b5808d8]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.m-fullscreen-img .m-fullscreen-img-loader[data-v-1b5808d8]{position:absolute;left:50%;top:50%;z-index:10;--tw-translate-x: -50%;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:3.75rem;line-height:1}.m-fullscreen-img .m-fullscreen-btn[data-v-1b5808d8]{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;width:7%;min-width:5em;cursor:pointer;padding:1rem;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s}.m-fullscreen-img .m-fullscreen-btn.--close[data-v-1b5808d8]{right:0;top:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-fullscreen-img .m-fullscreen-btn.--previous[data-v-1b5808d8]{left:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-fullscreen-img .m-fullscreen-btn.--next[data-v-1b5808d8]{right:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.maz-scale-fade-enter-from[data-v-1b5808d8],.maz-scale-fade-leave-to[data-v-1b5808d8]{--tw-scale-x: .5;--tw-scale-y: .5;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.maz-scale-fade-enter-active[data-v-1b5808d8],.maz-scale-fade-leave-active[data-v-1b5808d8]{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-3d66c830],.m-toast *[data-v-3d66c830]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-3d66c830]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-3d66c830],.m-toast.--right[data-v-3d66c830]{width:20rem}.m-toast.--center[data-v-3d66c830]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-3d66c830]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-3d66c830]{margin:0;font-weight:500}.m-toast .--close[data-v-3d66c830]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-3d66c830]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-3d66c830]{cursor:pointer}.m-toast.--info[data-v-3d66c830]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-3d66c830]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-3d66c830]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-3d66c830]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-3d66c830]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-3d66c830]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-3d66c830]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-3d66c830]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-3d66c830]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-3d66c830]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-3d66c830]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-3d66c830]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-3d66c830],.m-slide-top-leave-active[data-v-3d66c830]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-3d66c830],.m-slide-top-leave-to[data-v-3d66c830]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-3d66c830],.m-slide-bottom-leave-active[data-v-3d66c830]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-3d66c830],.m-slide-bottom-leave-to[data-v-3d66c830]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-3d66c830],.m-slide-right-leave-active[data-v-3d66c830]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-3d66c830],.m-slide-right-leave-to[data-v-3d66c830]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-3d66c830],.m-slide-left-leave-active[data-v-3d66c830]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-3d66c830],.m-slide-left-leave-to[data-v-3d66c830]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}
|
|
1
|
+
html.--m-fullscreen-open{height:100vh;overflow:hidden}.m-fullscreen-img[data-v-1b5808d8]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;height:100vh;width:100vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-bg-overlay);--tw-bg-opacity: .8;outline:2px solid transparent;outline-offset:2px;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-fullscreen-img .m-fullscreen-img-scroller[data-v-1b5808d8]{max-height:100vh;overflow:auto}.m-fullscreen-img.--animation-active .m-fullscreen-img-scroller[data-v-1b5808d8]{height:100vh;width:100vw}.m-fullscreen-img[data-v-1b5808d8]:not(.--animation-active){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-fullscreen-img img[data-v-1b5808d8]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.m-fullscreen-img .m-fullscreen-img-loader[data-v-1b5808d8]{position:absolute;left:50%;top:50%;z-index:10;--tw-translate-x: -50%;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:3.75rem;line-height:1}.m-fullscreen-img .m-fullscreen-btn[data-v-1b5808d8]{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;width:7%;min-width:5em;cursor:pointer;padding:1rem;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s}.m-fullscreen-img .m-fullscreen-btn.--close[data-v-1b5808d8]{right:0;top:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-fullscreen-img .m-fullscreen-btn.--previous[data-v-1b5808d8]{left:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-fullscreen-img .m-fullscreen-btn.--next[data-v-1b5808d8]{right:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.maz-scale-fade-enter-from[data-v-1b5808d8],.maz-scale-fade-leave-to[data-v-1b5808d8]{--tw-scale-x: .5;--tw-scale-y: .5;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.maz-scale-fade-enter-active[data-v-1b5808d8],.maz-scale-fade-leave-active[data-v-1b5808d8]{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-04b2e191],.m-toast *[data-v-04b2e191]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-04b2e191]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-04b2e191],.m-toast.--right[data-v-04b2e191]{width:20rem}.m-toast.--center[data-v-04b2e191]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-04b2e191]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-04b2e191]{margin:0;text-align:left;font-weight:500}.m-toast .--close[data-v-04b2e191]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;width:2.25rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-04b2e191]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-04b2e191]{cursor:pointer}.m-toast.--info[data-v-04b2e191]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-04b2e191]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-04b2e191]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-04b2e191]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-04b2e191]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-04b2e191]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-04b2e191]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-04b2e191]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-04b2e191]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-04b2e191]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-04b2e191]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-04b2e191]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-04b2e191],.m-slide-top-leave-active[data-v-04b2e191]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-04b2e191],.m-slide-top-leave-to[data-v-04b2e191]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-04b2e191],.m-slide-bottom-leave-active[data-v-04b2e191]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-04b2e191],.m-slide-bottom-leave-to[data-v-04b2e191]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-04b2e191],.m-slide-right-leave-active[data-v-04b2e191]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-04b2e191],.m-slide-right-leave-to[data-v-04b2e191]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-04b2e191],.m-slide-left-leave-active[data-v-04b2e191]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-04b2e191],.m-slide-left-leave-to[data-v-04b2e191]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}
|
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
import "../assets/MazBtn.css";
|
|
2
|
+
import { defineComponent, defineAsyncComponent, useAttrs, useSlots, onBeforeMount, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, normalizeClass, renderSlot, unref, createCommentVNode, createElementVNode } from "vue";
|
|
3
|
+
import { _ as _export_sfc } from "./index-a39534c8.mjs";
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "MazBtn",
|
|
6
|
+
props: {
|
|
7
|
+
variant: {
|
|
8
|
+
type: String,
|
|
9
|
+
default: "button",
|
|
10
|
+
validator: (value) => {
|
|
11
|
+
return ["button", "link"].includes(value);
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
size: {
|
|
15
|
+
type: String,
|
|
16
|
+
default: "md",
|
|
17
|
+
validator: (value) => {
|
|
18
|
+
return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
color: {
|
|
22
|
+
type: String,
|
|
23
|
+
default: "primary"
|
|
24
|
+
},
|
|
25
|
+
type: {
|
|
26
|
+
type: String,
|
|
27
|
+
default: "button",
|
|
28
|
+
validator: (value) => {
|
|
29
|
+
return ["button", "submit", "reset"].includes(value);
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
rounded: { type: Boolean, default: false },
|
|
33
|
+
noRounded: { type: Boolean, default: false },
|
|
34
|
+
outline: { type: Boolean, default: false },
|
|
35
|
+
pastel: { type: Boolean, default: false },
|
|
36
|
+
block: { type: Boolean, default: false },
|
|
37
|
+
noUnderline: { type: Boolean, default: false },
|
|
38
|
+
noLeading: { type: Boolean, default: false },
|
|
39
|
+
loading: { type: Boolean, default: false },
|
|
40
|
+
disabled: { type: Boolean, default: false },
|
|
41
|
+
fab: { type: Boolean, default: false },
|
|
42
|
+
icon: { type: String, default: void 0 },
|
|
43
|
+
leftIcon: { type: String, default: void 0 },
|
|
44
|
+
rightIcon: { type: String, default: void 0 },
|
|
45
|
+
noPadding: { type: Boolean, default: false },
|
|
46
|
+
noElevation: { type: Boolean, default: false }
|
|
47
|
+
},
|
|
48
|
+
setup(__props) {
|
|
49
|
+
const props = __props;
|
|
50
|
+
const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-dda0b697.mjs"));
|
|
51
|
+
const MazIcon = defineAsyncComponent(() => import("./MazIcon-1567cfaf.mjs"));
|
|
52
|
+
const { href, to } = useAttrs();
|
|
53
|
+
const slots = useSlots();
|
|
54
|
+
onBeforeMount(() => {
|
|
55
|
+
if (props.icon && !props.fab) {
|
|
56
|
+
console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
const component = computed(() => {
|
|
60
|
+
if (href)
|
|
61
|
+
return "a";
|
|
62
|
+
else if (to)
|
|
63
|
+
return "router-link";
|
|
64
|
+
return "button";
|
|
65
|
+
});
|
|
66
|
+
const btnColorClass = computed(
|
|
67
|
+
() => props.pastel ? `--${props.color}-pastel` : props.outline ? `--${props.color}-outline` : `--${props.color}`
|
|
68
|
+
);
|
|
69
|
+
const isDisabled = computed(
|
|
70
|
+
() => (props.loading || props.disabled) && component.value === "button"
|
|
71
|
+
);
|
|
72
|
+
const cursorClass = computed(() => isDisabled.value ? "--cursor-default" : "--cursor-pointer");
|
|
73
|
+
const variantClass = computed(() => `--is-${props.variant}`);
|
|
74
|
+
const hasLoader = computed(() => props.loading && props.variant === "button");
|
|
75
|
+
const hasLeftIcon = computed(() => !!slots["left-icon"] || props.leftIcon);
|
|
76
|
+
const hasRightIcon = computed(() => !!slots["right-icon"] || props.rightIcon);
|
|
77
|
+
const hasIcon = computed(() => hasLeftIcon.value || hasRightIcon.value);
|
|
78
|
+
const hasFabIcon = computed(() => props.fab && props.icon);
|
|
79
|
+
const btnType = computed(() => component.value === "button" ? props.type : void 0);
|
|
80
|
+
return (_ctx, _cache) => {
|
|
81
|
+
return openBlock(), createBlock(resolveDynamicComponent(component.value), mergeProps(_ctx.$attrs, {
|
|
82
|
+
disabled: isDisabled.value,
|
|
83
|
+
class: ["m-btn", [
|
|
84
|
+
`--${__props.size}`,
|
|
85
|
+
btnColorClass.value,
|
|
86
|
+
cursorClass.value,
|
|
87
|
+
variantClass.value,
|
|
88
|
+
{
|
|
89
|
+
"--block": __props.block,
|
|
90
|
+
"--no-underline": __props.noUnderline,
|
|
91
|
+
"--no-leading": __props.noLeading,
|
|
92
|
+
"--fab": __props.fab,
|
|
93
|
+
"--loading": __props.loading,
|
|
94
|
+
"--disabled": isDisabled.value,
|
|
95
|
+
"--icon": hasIcon.value,
|
|
96
|
+
"--rounded": __props.rounded,
|
|
97
|
+
"--no-rounded": __props.noRounded,
|
|
98
|
+
"--no-padding": __props.noPadding,
|
|
99
|
+
"--no-elevation": __props.noElevation
|
|
100
|
+
}
|
|
101
|
+
]],
|
|
102
|
+
type: btnType.value
|
|
103
|
+
}), {
|
|
104
|
+
default: withCtx(() => [
|
|
105
|
+
hasLeftIcon.value ? (openBlock(), createElementBlock(
|
|
106
|
+
"div",
|
|
107
|
+
{
|
|
108
|
+
key: 0,
|
|
109
|
+
class: normalizeClass(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
|
|
110
|
+
},
|
|
111
|
+
[
|
|
112
|
+
renderSlot(_ctx.$slots, "left-icon", {}, () => [
|
|
113
|
+
__props.leftIcon ? (openBlock(), createBlock(unref(MazIcon), {
|
|
114
|
+
key: 0,
|
|
115
|
+
name: __props.leftIcon
|
|
116
|
+
}, null, 8, ["name"])) : createCommentVNode("v-if", true)
|
|
117
|
+
], true)
|
|
118
|
+
],
|
|
119
|
+
2
|
|
120
|
+
/* CLASS */
|
|
121
|
+
)) : createCommentVNode("v-if", true),
|
|
122
|
+
hasFabIcon.value ? (openBlock(), createElementBlock(
|
|
123
|
+
"div",
|
|
124
|
+
{
|
|
125
|
+
key: 1,
|
|
126
|
+
class: normalizeClass(["m-btn__icon maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
|
|
127
|
+
},
|
|
128
|
+
[
|
|
129
|
+
renderSlot(_ctx.$slots, "icon", {}, () => [
|
|
130
|
+
__props.icon ? (openBlock(), createBlock(unref(MazIcon), {
|
|
131
|
+
key: 0,
|
|
132
|
+
name: __props.icon
|
|
133
|
+
}, null, 8, ["name"])) : createCommentVNode("v-if", true)
|
|
134
|
+
], true)
|
|
135
|
+
],
|
|
136
|
+
2
|
|
137
|
+
/* CLASS */
|
|
138
|
+
)) : createCommentVNode("v-if", true),
|
|
139
|
+
createElementVNode(
|
|
140
|
+
"span",
|
|
141
|
+
{
|
|
142
|
+
class: normalizeClass(["maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
|
|
143
|
+
},
|
|
144
|
+
[
|
|
145
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
146
|
+
],
|
|
147
|
+
2
|
|
148
|
+
/* CLASS */
|
|
149
|
+
),
|
|
150
|
+
hasRightIcon.value ? (openBlock(), createElementBlock(
|
|
151
|
+
"div",
|
|
152
|
+
{
|
|
153
|
+
key: 2,
|
|
154
|
+
class: normalizeClass(["m-btn__icon-right maz-flex maz-flex-center", { "maz-invisible": hasLoader.value }])
|
|
155
|
+
},
|
|
156
|
+
[
|
|
157
|
+
renderSlot(_ctx.$slots, "right-icon", {}, () => [
|
|
158
|
+
__props.rightIcon ? (openBlock(), createBlock(unref(MazIcon), {
|
|
159
|
+
key: 0,
|
|
160
|
+
name: __props.rightIcon
|
|
161
|
+
}, null, 8, ["name"])) : createCommentVNode("v-if", true)
|
|
162
|
+
], true)
|
|
163
|
+
],
|
|
164
|
+
2
|
|
165
|
+
/* CLASS */
|
|
166
|
+
)) : createCommentVNode("v-if", true),
|
|
167
|
+
hasLoader.value ? (openBlock(), createBlock(unref(MazSpinner), {
|
|
168
|
+
key: 3,
|
|
169
|
+
size: "2em",
|
|
170
|
+
color: __props.color,
|
|
171
|
+
class: "maz-absolute"
|
|
172
|
+
}, null, 8, ["color"])) : createCommentVNode("v-if", true)
|
|
173
|
+
]),
|
|
174
|
+
_: 3
|
|
175
|
+
/* FORWARDED */
|
|
176
|
+
}, 16, ["disabled", "class", "type"]);
|
|
177
|
+
};
|
|
178
|
+
}
|
|
179
|
+
});
|
|
180
|
+
const MazBtn_vue_vue_type_style_index_0_scoped_054acd3d_lang = "";
|
|
181
|
+
const MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-054acd3d"]]);
|
|
182
|
+
export {
|
|
183
|
+
MazBtn as default
|
|
184
|
+
};
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, nextTick } from "vue";
|
|
2
|
+
import { i as injectStrict } from "./index-a39534c8.mjs";
|
|
3
|
+
const _hoisted_1 = ["innerHTML"];
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "MazIcon",
|
|
6
|
+
props: {
|
|
7
|
+
src: { type: String, default: void 0 },
|
|
8
|
+
path: { type: String, default: void 0 },
|
|
9
|
+
name: { type: String, default: void 0 },
|
|
10
|
+
size: { type: String, default: void 0 },
|
|
11
|
+
title: { type: String, default: void 0 },
|
|
12
|
+
transformSource: {
|
|
13
|
+
type: Function,
|
|
14
|
+
default: (svg) => svg
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
emits: ["loaded", "unloaded", "error"],
|
|
18
|
+
setup(__props, { emit: emits }) {
|
|
19
|
+
const props = __props;
|
|
20
|
+
const cache = {};
|
|
21
|
+
const svgElSource = ref();
|
|
22
|
+
const svgElem = ref();
|
|
23
|
+
const getMazIconPath = () => {
|
|
24
|
+
try {
|
|
25
|
+
return injectStrict("mazIconPath");
|
|
26
|
+
} catch {
|
|
27
|
+
return void 0;
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
const iconPath = computed(() => props.path ?? getMazIconPath());
|
|
31
|
+
const fullSrc = computed(() => {
|
|
32
|
+
if (props.src) {
|
|
33
|
+
return props.src;
|
|
34
|
+
} else if (iconPath.value) {
|
|
35
|
+
return `${iconPath.value}/${props.name}.svg`;
|
|
36
|
+
} else {
|
|
37
|
+
return `/${props.name}.svg`;
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
onMounted(() => {
|
|
41
|
+
if (!props.name && !props.src) {
|
|
42
|
+
console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
const setTitle = (svg, title) => {
|
|
46
|
+
const titleTags = svg.querySelectorAll("title");
|
|
47
|
+
if (titleTags.length > 0) {
|
|
48
|
+
titleTags[0].textContent = title;
|
|
49
|
+
} else {
|
|
50
|
+
const titleEl = document.createElementNS("http://www.w3.org/2000/svg", "title");
|
|
51
|
+
titleEl.textContent = title;
|
|
52
|
+
svg.append(titleEl);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
const filterAttrs = (attrs) => {
|
|
56
|
+
return Object.keys(attrs).reduce((result, key) => {
|
|
57
|
+
if (attrs[key] !== false && attrs[key] !== null && attrs[key] !== void 0) {
|
|
58
|
+
result[key] = attrs[key];
|
|
59
|
+
}
|
|
60
|
+
return result;
|
|
61
|
+
}, {});
|
|
62
|
+
};
|
|
63
|
+
const getSvgAttrs = (svgEl) => {
|
|
64
|
+
const svgAttrs = {};
|
|
65
|
+
const attrs = svgEl.attributes;
|
|
66
|
+
if (!attrs) {
|
|
67
|
+
return svgAttrs;
|
|
68
|
+
}
|
|
69
|
+
for (let i = attrs.length - 1; i >= 0; i--) {
|
|
70
|
+
svgAttrs[attrs[i].name] = attrs[i].value;
|
|
71
|
+
}
|
|
72
|
+
return svgAttrs;
|
|
73
|
+
};
|
|
74
|
+
const getSvgContent = (svgEl) => {
|
|
75
|
+
let svgElNode = svgEl.cloneNode(true);
|
|
76
|
+
svgElNode = props.transformSource(svgEl);
|
|
77
|
+
if (props.title) {
|
|
78
|
+
setTitle(svgElNode, props.title);
|
|
79
|
+
}
|
|
80
|
+
return svgEl.innerHTML;
|
|
81
|
+
};
|
|
82
|
+
const getSource = async (src) => {
|
|
83
|
+
if (!cache[src]) {
|
|
84
|
+
cache[src] = download(src);
|
|
85
|
+
}
|
|
86
|
+
try {
|
|
87
|
+
svgElSource.value = await cache[src];
|
|
88
|
+
await nextTick();
|
|
89
|
+
emits("loaded", svgElem.value);
|
|
90
|
+
} catch (error) {
|
|
91
|
+
if (svgElSource.value) {
|
|
92
|
+
svgElSource.value = void 0;
|
|
93
|
+
emits("unloaded");
|
|
94
|
+
}
|
|
95
|
+
delete cache[src];
|
|
96
|
+
emits("error", error);
|
|
97
|
+
}
|
|
98
|
+
};
|
|
99
|
+
const download = (url) => {
|
|
100
|
+
return new Promise((resolve, reject) => {
|
|
101
|
+
const request = new XMLHttpRequest();
|
|
102
|
+
request.open("GET", url, true);
|
|
103
|
+
request.addEventListener("load", () => {
|
|
104
|
+
if (request.status >= 200 && request.status < 400) {
|
|
105
|
+
try {
|
|
106
|
+
const parser = new DOMParser();
|
|
107
|
+
const result = parser.parseFromString(request.responseText, "text/xml");
|
|
108
|
+
let svgEl = result.querySelectorAll("svg")[0];
|
|
109
|
+
if (svgEl) {
|
|
110
|
+
svgEl = props.transformSource(svgEl);
|
|
111
|
+
resolve(svgEl);
|
|
112
|
+
} else {
|
|
113
|
+
reject(new Error('Loaded file is not valid SVG"'));
|
|
114
|
+
}
|
|
115
|
+
} catch (error) {
|
|
116
|
+
reject(error);
|
|
117
|
+
}
|
|
118
|
+
} else {
|
|
119
|
+
reject(new Error("Error loading SVG"));
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
request.addEventListener("error", () => reject());
|
|
123
|
+
request.send();
|
|
124
|
+
});
|
|
125
|
+
};
|
|
126
|
+
watchEffect(() => getSource(fullSrc.value));
|
|
127
|
+
return (_ctx, _cache) => {
|
|
128
|
+
return openBlock(), createElementBlock(
|
|
129
|
+
Fragment,
|
|
130
|
+
null,
|
|
131
|
+
[
|
|
132
|
+
createCommentVNode(" eslint-disable vue/no-v-html "),
|
|
133
|
+
createCommentVNode(" eslint-disable vue/html-self-closing "),
|
|
134
|
+
svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
|
|
135
|
+
key: 0,
|
|
136
|
+
ref_key: "svgElem",
|
|
137
|
+
ref: svgElem,
|
|
138
|
+
width: "1em",
|
|
139
|
+
height: "1em"
|
|
140
|
+
}, {
|
|
141
|
+
...getSvgAttrs(svgElSource.value),
|
|
142
|
+
...filterAttrs(_ctx.$attrs)
|
|
143
|
+
}, {
|
|
144
|
+
style: `font-size: ${__props.size}`,
|
|
145
|
+
innerHTML: getSvgContent(svgElSource.value)
|
|
146
|
+
}), null, 16, _hoisted_1)) : createCommentVNode("v-if", true),
|
|
147
|
+
createCommentVNode(" eslint-enable vue/no-v-html "),
|
|
148
|
+
createCommentVNode(" eslint-enable vue/html-self-closing ")
|
|
149
|
+
],
|
|
150
|
+
2112
|
|
151
|
+
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
152
|
+
);
|
|
153
|
+
};
|
|
154
|
+
}
|
|
155
|
+
});
|
|
156
|
+
export {
|
|
157
|
+
_sfc_main as default
|
|
158
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "../assets/MazSpinner.css";
|
|
2
2
|
import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode } from "vue";
|
|
3
|
-
import { _ as _export_sfc } from "./index-
|
|
3
|
+
import { _ as _export_sfc } from "./index-a39534c8.mjs";
|
|
4
4
|
const _withScopeId = (n) => (pushScopeId("data-v-c67298ec"), n = n(), popScopeId(), n);
|
|
5
5
|
const _hoisted_1 = ["width", "height"];
|
|
6
6
|
const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { openBlock, createElementBlock, createElementVNode } from "vue";
|
|
2
|
+
const _hoisted_1 = {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
width: "1em",
|
|
5
|
+
height: "1em",
|
|
6
|
+
fill: "none",
|
|
7
|
+
viewBox: "0 0 24 24"
|
|
8
|
+
};
|
|
9
|
+
const _hoisted_2 = /* @__PURE__ */ createElementVNode(
|
|
10
|
+
"path",
|
|
11
|
+
{
|
|
12
|
+
stroke: "currentColor",
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
"stroke-width": "1.5",
|
|
16
|
+
d: "M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
|
|
17
|
+
},
|
|
18
|
+
null,
|
|
19
|
+
-1
|
|
20
|
+
/* HOISTED */
|
|
21
|
+
);
|
|
22
|
+
const _hoisted_3 = [
|
|
23
|
+
_hoisted_2
|
|
24
|
+
];
|
|
25
|
+
function render(_ctx, _cache) {
|
|
26
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
|
|
27
|
+
}
|
|
28
|
+
const arrowTopRightOnSquare = { render };
|
|
29
|
+
export {
|
|
30
|
+
arrowTopRightOnSquare as default,
|
|
31
|
+
render
|
|
32
|
+
};
|
|
@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
|
|
|
5
5
|
return value;
|
|
6
6
|
};
|
|
7
7
|
import "../assets/index.css";
|
|
8
|
-
import { inject, createVNode, render, nextTick, defineComponent, defineAsyncComponent, onBeforeMount, ref, computed, onMounted as onMounted$1, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, withModifiers, withKeys, withDirectives, unref, vShow, createCommentVNode, createElementVNode, Transition, withCtx, createBlock, toDisplayString } from "vue";
|
|
8
|
+
import { inject, createVNode, render, nextTick, defineComponent, defineAsyncComponent, onBeforeMount, ref, computed, onMounted as onMounted$1, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, withModifiers, withKeys, withDirectives, unref, vShow, createCommentVNode, createElementVNode, Transition, withCtx, createBlock, toDisplayString, createTextVNode } from "vue";
|
|
9
9
|
function injectStrict(key, fallback) {
|
|
10
10
|
const resolved = inject(key, fallback);
|
|
11
11
|
if (!resolved) {
|
|
@@ -1105,7 +1105,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
1105
1105
|
emits: ["close", "previous", "next", "before-close"],
|
|
1106
1106
|
setup(__props, { emit: emits }) {
|
|
1107
1107
|
const props = __props;
|
|
1108
|
-
const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-
|
|
1108
|
+
const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-dda0b697.mjs"));
|
|
1109
1109
|
const XMark = defineAsyncComponent(() => import("./x-mark-6dd31278.mjs"));
|
|
1110
1110
|
const ChevronLeft = defineAsyncComponent(() => import("./chevron-left-7ab9664d.mjs"));
|
|
1111
1111
|
let vueScrollTo;
|
|
@@ -1651,10 +1651,8 @@ class ToasterTimer {
|
|
|
1651
1651
|
}
|
|
1652
1652
|
const _hoisted_1 = { class: "m-toast__message-wrapper" };
|
|
1653
1653
|
const _hoisted_2 = { class: "m-toast__message" };
|
|
1654
|
-
const _hoisted_3 = {
|
|
1655
|
-
|
|
1656
|
-
class: "--close"
|
|
1657
|
-
};
|
|
1654
|
+
const _hoisted_3 = { class: "maz-flex maz-items-center maz-gap-2" };
|
|
1655
|
+
const _hoisted_4 = { key: 0 };
|
|
1658
1656
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
1659
1657
|
__name: "MazToast",
|
|
1660
1658
|
props: {
|
|
@@ -1674,12 +1672,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1674
1672
|
}
|
|
1675
1673
|
},
|
|
1676
1674
|
message: { type: String, required: true },
|
|
1675
|
+
link: { type: Object, default: void 0 },
|
|
1676
|
+
action: { type: Object, default: void 0 },
|
|
1677
1677
|
persistent: { type: Boolean, default: false }
|
|
1678
1678
|
},
|
|
1679
1679
|
emits: ["close", "click"],
|
|
1680
1680
|
setup(__props, { emit: emits }) {
|
|
1681
1681
|
const props = __props;
|
|
1682
1682
|
const XIcon = defineAsyncComponent(() => import("./x-mark-6dd31278.mjs"));
|
|
1683
|
+
const ExternalLink = defineAsyncComponent(
|
|
1684
|
+
() => import("./arrow-top-right-on-square-3878577d.mjs")
|
|
1685
|
+
);
|
|
1686
|
+
const Link = defineAsyncComponent(() => import("./link-74f1af7a.mjs"));
|
|
1687
|
+
const MazBtn = defineAsyncComponent(() => import("./MazBtn-bf5d1483.mjs"));
|
|
1683
1688
|
const Toaster = ref();
|
|
1684
1689
|
const positionY = computed(() => props.position.includes("top") ? "top" : "bottom");
|
|
1685
1690
|
const positionX = computed(() => {
|
|
@@ -1695,6 +1700,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1695
1700
|
}
|
|
1696
1701
|
return positionY.value === "top" ? "m-slide-top" : "m-slide-bottom";
|
|
1697
1702
|
});
|
|
1703
|
+
const actionLoading = ref(false);
|
|
1698
1704
|
const isActive = ref(false);
|
|
1699
1705
|
const timer = ref();
|
|
1700
1706
|
const queueTimer = ref();
|
|
@@ -1739,6 +1745,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1739
1745
|
close();
|
|
1740
1746
|
}
|
|
1741
1747
|
}
|
|
1748
|
+
async function clickOnAction(func, event) {
|
|
1749
|
+
var _a;
|
|
1750
|
+
actionLoading.value = true;
|
|
1751
|
+
await func();
|
|
1752
|
+
actionLoading.value = false;
|
|
1753
|
+
if ((_a = props.action) == null ? void 0 : _a.closeToast) {
|
|
1754
|
+
click(event);
|
|
1755
|
+
}
|
|
1756
|
+
}
|
|
1742
1757
|
const toggleTimer = (newVal) => {
|
|
1743
1758
|
if (timer.value && !props.noPauseOnHover) {
|
|
1744
1759
|
newVal ? timer.value.pause() : timer.value.resume();
|
|
@@ -1774,15 +1789,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1774
1789
|
}, {
|
|
1775
1790
|
default: withCtx(() => [
|
|
1776
1791
|
withDirectives(createElementVNode(
|
|
1777
|
-
"
|
|
1792
|
+
"button",
|
|
1778
1793
|
{
|
|
1779
1794
|
ref_key: "Toaster",
|
|
1780
1795
|
ref: Toaster,
|
|
1781
1796
|
class: normalizeClass(["m-toast", [`--${__props.type}`, `--${positionY.value}`, `--${positionX.value}`]]),
|
|
1782
1797
|
role: "alert",
|
|
1783
|
-
onMouseover: _cache[
|
|
1784
|
-
onMouseleave: _cache[
|
|
1785
|
-
onClick: _cache[
|
|
1798
|
+
onMouseover: _cache[2] || (_cache[2] = ($event) => toggleTimer(true)),
|
|
1799
|
+
onMouseleave: _cache[3] || (_cache[3] = ($event) => toggleTimer(false)),
|
|
1800
|
+
onClick: _cache[4] || (_cache[4] = withModifiers(($event) => {
|
|
1801
|
+
var _a;
|
|
1802
|
+
return __props.link && !((_a = __props.link) == null ? void 0 : _a.closeToast) ? void 0 : click($event);
|
|
1803
|
+
}, ["stop"]))
|
|
1786
1804
|
},
|
|
1787
1805
|
[
|
|
1788
1806
|
createElementVNode("div", _hoisted_1, [
|
|
@@ -1794,8 +1812,62 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1794
1812
|
/* TEXT */
|
|
1795
1813
|
)
|
|
1796
1814
|
]),
|
|
1797
|
-
|
|
1798
|
-
|
|
1815
|
+
__props.action ? (openBlock(), createBlock(unref(MazBtn), {
|
|
1816
|
+
key: 0,
|
|
1817
|
+
color: __props.type,
|
|
1818
|
+
pastel: "",
|
|
1819
|
+
loading: actionLoading.value,
|
|
1820
|
+
size: "sm",
|
|
1821
|
+
onClick: _cache[0] || (_cache[0] = withModifiers(($event) => clickOnAction(__props.action.func, $event), ["stop"]))
|
|
1822
|
+
}, {
|
|
1823
|
+
default: withCtx(() => [
|
|
1824
|
+
createTextVNode(
|
|
1825
|
+
toDisplayString(__props.action.text),
|
|
1826
|
+
1
|
|
1827
|
+
/* TEXT */
|
|
1828
|
+
)
|
|
1829
|
+
]),
|
|
1830
|
+
_: 1
|
|
1831
|
+
/* STABLE */
|
|
1832
|
+
}, 8, ["color", "loading"])) : createCommentVNode("v-if", true),
|
|
1833
|
+
__props.link ? (openBlock(), createBlock(unref(MazBtn), {
|
|
1834
|
+
key: 1,
|
|
1835
|
+
color: __props.type,
|
|
1836
|
+
pastel: "",
|
|
1837
|
+
size: "xs",
|
|
1838
|
+
href: __props.link.href,
|
|
1839
|
+
target: __props.link.target ?? "_self"
|
|
1840
|
+
}, {
|
|
1841
|
+
default: withCtx(() => {
|
|
1842
|
+
var _a;
|
|
1843
|
+
return [
|
|
1844
|
+
createElementVNode("div", _hoisted_3, [
|
|
1845
|
+
__props.link.text ? (openBlock(), createElementBlock(
|
|
1846
|
+
"span",
|
|
1847
|
+
_hoisted_4,
|
|
1848
|
+
toDisplayString(__props.link.text),
|
|
1849
|
+
1
|
|
1850
|
+
/* TEXT */
|
|
1851
|
+
)) : createCommentVNode("v-if", true),
|
|
1852
|
+
((_a = __props.link) == null ? void 0 : _a.target) == "_blank" ? (openBlock(), createBlock(unref(ExternalLink), {
|
|
1853
|
+
key: 1,
|
|
1854
|
+
class: "maz-text-xl"
|
|
1855
|
+
})) : (openBlock(), createBlock(unref(Link), {
|
|
1856
|
+
key: 2,
|
|
1857
|
+
class: "maz-text-xl"
|
|
1858
|
+
}))
|
|
1859
|
+
])
|
|
1860
|
+
];
|
|
1861
|
+
}),
|
|
1862
|
+
_: 1
|
|
1863
|
+
/* STABLE */
|
|
1864
|
+
}, 8, ["color", "href", "target"])) : createCommentVNode("v-if", true),
|
|
1865
|
+
!__props.persistent ? (openBlock(), createElementBlock("button", {
|
|
1866
|
+
key: 2,
|
|
1867
|
+
class: "--close",
|
|
1868
|
+
onClick: _cache[1] || (_cache[1] = withModifiers(($event) => click($event), ["stop"]))
|
|
1869
|
+
}, [
|
|
1870
|
+
createVNode(unref(XIcon), { class: "--icon maz-text-xl" })
|
|
1799
1871
|
])) : createCommentVNode("v-if", true)
|
|
1800
1872
|
],
|
|
1801
1873
|
34
|
|
@@ -1811,8 +1883,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1811
1883
|
}
|
|
1812
1884
|
});
|
|
1813
1885
|
const MazToast_vue_vue_type_style_index_0_lang = "";
|
|
1814
|
-
const
|
|
1815
|
-
const MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
1886
|
+
const MazToast_vue_vue_type_style_index_1_scoped_04b2e191_lang = "";
|
|
1887
|
+
const MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04b2e191"]]);
|
|
1816
1888
|
const DEFAULT_OPTIONS$2 = {
|
|
1817
1889
|
position: "bottom-right",
|
|
1818
1890
|
timeout: 1e4,
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { openBlock, createElementBlock, createElementVNode } from "vue";
|
|
2
|
+
const _hoisted_1 = {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
width: "1em",
|
|
5
|
+
height: "1em",
|
|
6
|
+
fill: "none",
|
|
7
|
+
viewBox: "0 0 24 24"
|
|
8
|
+
};
|
|
9
|
+
const _hoisted_2 = /* @__PURE__ */ createElementVNode(
|
|
10
|
+
"path",
|
|
11
|
+
{
|
|
12
|
+
stroke: "currentColor",
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
"stroke-width": "1.5",
|
|
16
|
+
d: "M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"
|
|
17
|
+
},
|
|
18
|
+
null,
|
|
19
|
+
-1
|
|
20
|
+
/* HOISTED */
|
|
21
|
+
);
|
|
22
|
+
const _hoisted_3 = [
|
|
23
|
+
_hoisted_2
|
|
24
|
+
];
|
|
25
|
+
function render(_ctx, _cache) {
|
|
26
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
|
|
27
|
+
}
|
|
28
|
+
const link = { render };
|
|
29
|
+
export {
|
|
30
|
+
link as default,
|
|
31
|
+
render
|
|
32
|
+
};
|
package/modules/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B, I, S, T, U, W, D, q, r, u, d, i, C, b, o, x, z, a, l, m, w, s, E, y, t, H, L, G, N, F, K, M, J, c, p, k, n, h, j, v, e, f, g, A } from "./chunks/index-
|
|
1
|
+
import { B, I, S, T, U, W, D, q, r, u, d, i, C, b, o, x, z, a, l, m, w, s, E, y, t, H, L, G, N, F, K, M, J, c, p, k, n, h, j, v, e, f, g, A } from "./chunks/index-a39534c8.mjs";
|
|
2
2
|
export {
|
|
3
3
|
B as AosHandler,
|
|
4
4
|
I as IdleTimeout,
|
package/nuxt/index.json
CHANGED
package/package.json
CHANGED
|
@@ -133,14 +133,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
133
133
|
src: string | null | undefined;
|
|
134
134
|
alt: string;
|
|
135
135
|
target: string;
|
|
136
|
-
noLoader: boolean;
|
|
137
|
-
imageHeightFull: boolean;
|
|
138
136
|
href: string;
|
|
139
137
|
to: Record<string, any>;
|
|
138
|
+
noElevation: boolean;
|
|
139
|
+
noLoader: boolean;
|
|
140
|
+
imageHeightFull: boolean;
|
|
140
141
|
bordered: boolean;
|
|
141
142
|
clickable: boolean;
|
|
142
143
|
square: boolean;
|
|
143
|
-
noElevation: boolean;
|
|
144
144
|
showCaption: boolean;
|
|
145
145
|
buttonColor: Color;
|
|
146
146
|
}, {}>, {
|
|
@@ -58,9 +58,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
58
58
|
}>>, {
|
|
59
59
|
size: string;
|
|
60
60
|
color: BadgeColor;
|
|
61
|
-
nowrap: boolean;
|
|
62
61
|
outline: boolean;
|
|
63
62
|
pastel: boolean;
|
|
63
|
+
nowrap: boolean;
|
|
64
64
|
roundedSize: string;
|
|
65
65
|
}, {}>, {
|
|
66
66
|
default?(_: {}): any;
|
|
@@ -166,21 +166,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
166
166
|
color: Color;
|
|
167
167
|
type: "button" | "submit" | "reset";
|
|
168
168
|
disabled: boolean;
|
|
169
|
-
loading: boolean;
|
|
170
|
-
noElevation: boolean;
|
|
171
|
-
outline: boolean;
|
|
172
|
-
pastel: boolean;
|
|
173
169
|
variant: string;
|
|
174
170
|
rounded: boolean;
|
|
175
171
|
noRounded: boolean;
|
|
172
|
+
outline: boolean;
|
|
173
|
+
pastel: boolean;
|
|
176
174
|
block: boolean;
|
|
177
175
|
noUnderline: boolean;
|
|
178
176
|
noLeading: boolean;
|
|
177
|
+
loading: boolean;
|
|
179
178
|
fab: boolean;
|
|
180
179
|
icon: string;
|
|
181
180
|
leftIcon: string;
|
|
182
181
|
rightIcon: string;
|
|
183
182
|
noPadding: boolean;
|
|
183
|
+
noElevation: boolean;
|
|
184
184
|
}, {}>, {
|
|
185
185
|
"left-icon"?(_: {}): any;
|
|
186
186
|
icon?(_: {}): any;
|
|
@@ -160,8 +160,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
160
160
|
}>>, {
|
|
161
161
|
zoom: boolean;
|
|
162
162
|
href: string;
|
|
163
|
-
bordered: boolean;
|
|
164
163
|
noPadding: boolean;
|
|
164
|
+
bordered: boolean;
|
|
165
165
|
images: MazGalleryImage[];
|
|
166
166
|
noRemaining: boolean;
|
|
167
167
|
scale: boolean;
|
|
@@ -54,8 +54,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
54
54
|
}, {
|
|
55
55
|
size: string;
|
|
56
56
|
title: string;
|
|
57
|
-
backdropClass: string;
|
|
58
57
|
variant: "top" | "bottom" | "left" | "right";
|
|
58
|
+
backdropClass: string;
|
|
59
59
|
noClose: boolean;
|
|
60
60
|
}, {}>, {
|
|
61
61
|
title?(_: {
|
|
@@ -253,9 +253,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
253
253
|
required: boolean;
|
|
254
254
|
id: string;
|
|
255
255
|
error: boolean;
|
|
256
|
-
modelValue: ModelValueSimple;
|
|
257
256
|
leftIcon: string;
|
|
258
257
|
rightIcon: string;
|
|
258
|
+
modelValue: ModelValueSimple;
|
|
259
259
|
noRadius: boolean;
|
|
260
260
|
readonly: boolean;
|
|
261
261
|
hint: string;
|
|
@@ -30,9 +30,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
30
30
|
} | undefined>;
|
|
31
31
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
32
32
|
error: (...args: any[]) => void;
|
|
33
|
-
intersecting: (...args: any[]) => void;
|
|
34
|
-
loading: (...args: any[]) => void;
|
|
35
33
|
loaded: (...args: any[]) => void;
|
|
34
|
+
loading: (...args: any[]) => void;
|
|
35
|
+
intersecting: (...args: any[]) => void;
|
|
36
36
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
37
37
|
image: Prop<Image>;
|
|
38
38
|
noPhoto: {
|
|
@@ -62,8 +62,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
62
62
|
} | undefined>;
|
|
63
63
|
}>> & {
|
|
64
64
|
onError?: ((...args: any[]) => any) | undefined;
|
|
65
|
-
onLoading?: ((...args: any[]) => any) | undefined;
|
|
66
65
|
onLoaded?: ((...args: any[]) => any) | undefined;
|
|
66
|
+
onLoading?: ((...args: any[]) => any) | undefined;
|
|
67
67
|
onIntersecting?: ((...args: any[]) => any) | undefined;
|
|
68
68
|
}, {
|
|
69
69
|
noPhoto: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type PropType } from 'vue';
|
|
2
|
-
import type { ToasterPosition } from './types';
|
|
2
|
+
import type { ToasterPosition, ToasterAction, ToasterLink } from './types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
position: {
|
|
5
5
|
type: PropType<ToasterPosition>;
|
|
@@ -30,6 +30,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
30
30
|
type: StringConstructor;
|
|
31
31
|
required: true;
|
|
32
32
|
};
|
|
33
|
+
link: {
|
|
34
|
+
type: PropType<ToasterLink>;
|
|
35
|
+
default: undefined;
|
|
36
|
+
};
|
|
37
|
+
action: {
|
|
38
|
+
type: PropType<ToasterAction>;
|
|
39
|
+
default: undefined;
|
|
40
|
+
};
|
|
33
41
|
persistent: {
|
|
34
42
|
type: BooleanConstructor;
|
|
35
43
|
default: boolean;
|
|
@@ -67,6 +75,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
67
75
|
type: StringConstructor;
|
|
68
76
|
required: true;
|
|
69
77
|
};
|
|
78
|
+
link: {
|
|
79
|
+
type: PropType<ToasterLink>;
|
|
80
|
+
default: undefined;
|
|
81
|
+
};
|
|
82
|
+
action: {
|
|
83
|
+
type: PropType<ToasterAction>;
|
|
84
|
+
default: undefined;
|
|
85
|
+
};
|
|
70
86
|
persistent: {
|
|
71
87
|
type: BooleanConstructor;
|
|
72
88
|
default: boolean;
|
|
@@ -76,9 +92,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
76
92
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
77
93
|
}, {
|
|
78
94
|
type: "info" | "success" | "warning" | "danger" | undefined;
|
|
95
|
+
link: ToasterLink;
|
|
79
96
|
position: ToasterPosition;
|
|
80
97
|
timeout: number;
|
|
81
98
|
persistent: boolean;
|
|
99
|
+
action: ToasterAction;
|
|
82
100
|
maxToasts: number | boolean;
|
|
83
101
|
queue: boolean;
|
|
84
102
|
noPauseOnHover: boolean;
|
|
@@ -4,4 +4,18 @@ export type ToasterOptions = {
|
|
|
4
4
|
position?: ToasterPosition;
|
|
5
5
|
timeout?: number;
|
|
6
6
|
persistent?: boolean;
|
|
7
|
+
action?: ToasterAction;
|
|
8
|
+
link?: ToasterLink;
|
|
9
|
+
};
|
|
10
|
+
export type ToasterLink = {
|
|
11
|
+
href: string;
|
|
12
|
+
text?: string;
|
|
13
|
+
/** @default _self */
|
|
14
|
+
target?: string;
|
|
15
|
+
closeToast?: boolean;
|
|
16
|
+
};
|
|
17
|
+
export type ToasterAction = {
|
|
18
|
+
func: (..._arguments: unknown[]) => unknown;
|
|
19
|
+
text: string;
|
|
20
|
+
closeToast?: boolean;
|
|
7
21
|
};
|