maz-ui 3.18.0 → 3.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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;
@@ -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}
@@ -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-86628f38.mjs";
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-747363d7.mjs"));
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
- key: 0,
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
- "div",
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[0] || (_cache[0] = ($event) => toggleTimer(true)),
1784
- onMouseleave: _cache[1] || (_cache[1] = ($event) => toggleTimer(false)),
1785
- onClick: _cache[2] || (_cache[2] = ($event) => click($event))
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
- !__props.persistent ? (openBlock(), createElementBlock("button", _hoisted_3, [
1798
- createVNode(unref(XIcon), { class: "--icon maz-text-2xl" })
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 MazToast_vue_vue_type_style_index_1_scoped_3d66c830_lang = "";
1815
- const MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3d66c830"]]);
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-86628f38.mjs";
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
@@ -4,5 +4,5 @@
4
4
  "compatibility": {
5
5
  "nuxt": "^3.0.0"
6
6
  },
7
- "version": "3.18.0"
7
+ "version": "3.18.1"
8
8
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "maz-ui",
3
- "version": "3.18.0",
3
+ "version": "3.18.1",
4
4
  "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
5
5
  "author": "Louis Mazel <me@loicmazuel.com>",
6
6
  "main": "./modules/index.mjs",
@@ -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,6 +92,8 @@ 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;
96
+ action: ToasterAction;
79
97
  position: ToasterPosition;
80
98
  timeout: number;
81
99
  persistent: boolean;
@@ -1,7 +1,9 @@
1
1
  import type { App } from 'vue';
2
- import type { ToasterOptions } from './types';
2
+ import type { ToasterAction, ToasterLink, ToasterOptions } from './types';
3
3
  export interface LocalToasterOptions extends ToasterOptions {
4
4
  type?: 'success' | 'info' | 'warning' | 'danger';
5
+ action?: ToasterAction;
6
+ link?: ToasterLink;
5
7
  }
6
8
  export declare class ToasterHandler {
7
9
  private readonly app;
@@ -5,3 +5,15 @@ export type ToasterOptions = {
5
5
  timeout?: number;
6
6
  persistent?: boolean;
7
7
  };
8
+ export type ToasterLink = {
9
+ href: string;
10
+ text?: string;
11
+ /** @default _self */
12
+ target?: string;
13
+ closeToast?: boolean;
14
+ };
15
+ export type ToasterAction = {
16
+ func: (..._arguments: unknown[]) => unknown;
17
+ text: string;
18
+ closeToast?: boolean;
19
+ };