maz-ui 4.0.0-beta.31 → 4.0.0-beta.33

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.
Files changed (7) hide show
  1. package/dist/assets/MazPopover.BkR4UUzj.css +1 -0
  2. package/dist/components/MazPopover.js +5 -4
  3. package/dist/directives/vTooltip.js +13 -19
  4. package/dist/types/components/MazDatePicker.vue.d.ts +10 -2
  5. package/dist/types/components/MazPopover.vue.d.ts +2 -0
  6. package/package.json +2 -2
  7. package/dist/assets/MazPopover.B3kR2Gsa.css +0 -1
package/dist/assets/MazPopover.BkR4UUzj.css ADDED
@@ -0,0 +1 @@
1
+ .m-popover[data-v-9339dcde]{display:inline-block}.m-popover .m-popover-trigger[data-v-9339dcde]{width:100%;height:100%;display:inline-block}.m-popover.--block[data-v-9339dcde]{width:100%}.m-popover-panel[data-v-9339dcde]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);outline-offset:2px;--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);will-change:transform,opacity;contain:layout style paint;backface-visibility:hidden;outline:2px solid #0000;position:fixed}.m-popover-panel.--surface[data-v-9339dcde]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-popover-panel.--surface[data-v-9339dcde]:is([class~=dark] *){border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-popover-panel.--primary[data-v-9339dcde]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--secondary[data-v-9339dcde]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--success[data-v-9339dcde]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--warning[data-v-9339dcde]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--destructive[data-v-9339dcde]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--info[data-v-9339dcde]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--accent[data-v-9339dcde]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--contrast[data-v-9339dcde]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--background[data-v-9339dcde]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-background-foreground)/var(--maz-tw-text-opacity,1))}.maz-scale-fade-enter-active[data-v-9339dcde],.maz-scale-pop-enter-active[data-v-9339dcde]{transition:opacity .15s ease-out,transform .15s ease-out}.maz-scale-fade-leave-active[data-v-9339dcde],.maz-scale-pop-leave-active[data-v-9339dcde],.maz-scale-pop-leave-active[data-v-9339dcde]{transition:opacity .15s ease-in,transform .15s ease-in}.m-popover-panel.--position-bottom.maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel.--position-bottom.maz-scale-fade-leave-to[data-v-9339dcde],.m-popover-panel.--position-bottom-start.maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel.--position-bottom-start.maz-scale-fade-leave-to[data-v-9339dcde],.m-popover-panel.--position-bottom-end.maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel.--position-bottom-end.maz-scale-fade-leave-to[data-v-9339dcde]{opacity:0;transform-origin:top;transform:scaleY(.5)}.m-popover-panel.--position-bottom.maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel.--position-bottom.maz-scale-pop-leave-to[data-v-9339dcde],.m-popover-panel.--position-bottom-start.maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel.--position-bottom-start.maz-scale-pop-leave-to[data-v-9339dcde],.m-popover-panel.--position-bottom-end.maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel.--position-bottom-end.maz-scale-pop-leave-to[data-v-9339dcde]{opacity:0;transform-origin:top;transform:scale(.2)translateY(-4px)}.m-popover-panel.--position-top.maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel.--position-top.maz-scale-fade-leave-to[data-v-9339dcde],.m-popover-panel.--position-top-start.maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel.--position-top-start.maz-scale-fade-leave-to[data-v-9339dcde],.m-popover-panel.--position-top-end.maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel.--position-top-end.maz-scale-fade-leave-to[data-v-9339dcde]{opacity:0;transform-origin:bottom;transform:scaleY(.5)}.m-popover-panel.--position-top.maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel.--position-top.maz-scale-pop-leave-to[data-v-9339dcde],.m-popover-panel.--position-top-start.maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel.--position-top-start.maz-scale-pop-leave-to[data-v-9339dcde],.m-popover-panel.--position-top-end.maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel.--position-top-end.maz-scale-pop-leave-to[data-v-9339dcde]{opacity:0;transform-origin:bottom;transform:scale(.2)translateY(4px)}.m-popover-panel.--position-right.maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel.--position-right.maz-scale-fade-leave-to[data-v-9339dcde],.m-popover-panel.--position-right-start.maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel.--position-right-start.maz-scale-fade-leave-to[data-v-9339dcde],.m-popover-panel.--position-right-end.maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel.--position-right-end.maz-scale-fade-leave-to[data-v-9339dcde]{opacity:0;transform-origin:0;transform:scaleX(.5)}.m-popover-panel.--position-right.maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel.--position-right.maz-scale-pop-leave-to[data-v-9339dcde],.m-popover-panel.--position-right-start.maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel.--position-right-start.maz-scale-pop-leave-to[data-v-9339dcde],.m-popover-panel.--position-right-end.maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel.--position-right-end.maz-scale-pop-leave-to[data-v-9339dcde]{opacity:0;transform-origin:0;transform:scale(.2)translate(-4px)}.m-popover-panel.--position-left.maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel.--position-left.maz-scale-fade-leave-to[data-v-9339dcde],.m-popover-panel.--position-left-start.maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel.--position-left-start.maz-scale-fade-leave-to[data-v-9339dcde],.m-popover-panel.--position-left-end.maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel.--position-left-end.maz-scale-fade-leave-to[data-v-9339dcde]{opacity:0;transform-origin:100%;transform:scaleX(.5)}.m-popover-panel.--position-left.maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel.--position-left.maz-scale-pop-leave-to[data-v-9339dcde],.m-popover-panel.--position-left-start.maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel.--position-left-start.maz-scale-pop-leave-to[data-v-9339dcde],.m-popover-panel.--position-left-end.maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel.--position-left-end.maz-scale-pop-leave-to[data-v-9339dcde]{opacity:0;transform-origin:100%;transform:scale(.2)translate(4px)}.m-popover-panel:not([class*=--position-]).maz-scale-pop-enter-from[data-v-9339dcde],.m-popover-panel:not([class*=--position-]).maz-scale-pop-leave-to[data-v-9339dcde]{opacity:0;transform-origin:50%;transform:scale(.2)}.m-popover-panel:not([class*=--position-]).maz-scale-fade-enter-from[data-v-9339dcde],.m-popover-panel:not([class*=--position-]).maz-scale-fade-leave-to[data-v-9339dcde]{opacity:0;transform-origin:50%;transform:scale(.5)translateY(-4px)}
package/dist/components/MazPopover.js CHANGED
@@ -5,7 +5,7 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
5
5
  import { d as directive } from "../chunks/vClickOutside.DIOiluy0.js";
6
6
  import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
7
7
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
8
- import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expanded", "aria-haspopup", "aria-describedby", "aria-labelledby"], _hoisted_2 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "aria-modal", "tabindex", "aria-live"], _sfc_main = /* @__PURE__ */ defineComponent({
8
+ import '../assets/MazPopover.BkR4UUzj.css';const _hoisted_1 = ["id", "aria-expanded", "aria-haspopup", "aria-describedby", "aria-labelledby"], _hoisted_2 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "aria-modal", "tabindex", "aria-live"], _sfc_main = /* @__PURE__ */ defineComponent({
9
9
  name: "MazPopover",
10
10
  inheritAttrs: !1,
11
11
  __name: "MazPopover",
@@ -42,7 +42,7 @@ import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expan
42
42
  modelValue: { type: Boolean, required: !1, default: !1 },
43
43
  modelModifiers: {}
44
44
  }),
45
- emits: /* @__PURE__ */ mergeModels(["update:model-value", "open", "close", "toggle"], ["update:modelValue"]),
45
+ emits: /* @__PURE__ */ mergeModels(["update:model-value", "open", "close", "after-close-animation", "toggle"], ["update:modelValue"]),
46
46
  setup(__props, { expose: __expose, emit: __emit }) {
47
47
  const emits = __emit, triggerId = useInstanceUniqId({
48
48
  componentName: "MazPopover",
@@ -274,7 +274,8 @@ import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expan
274
274
  (openBlock(), createBlock(Teleport, { to: _ctx.teleportTo }, [
275
275
  createVNode(Transition, {
276
276
  name: transitionName.value,
277
- appear: ""
277
+ appear: "",
278
+ onAfterLeave: _cache[0] || (_cache[0] = ($event) => emits("after-close-animation"))
278
279
  }, {
279
280
  default: withCtx(() => [
280
281
  isOpen.value ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
@@ -313,7 +314,7 @@ import '../assets/MazPopover.B3kR2Gsa.css';const _hoisted_1 = ["id", "aria-expan
313
314
  ], 8, ["to"]))
314
315
  ], 64));
315
316
  }
316
- }), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e29d62fb"]]);
317
+ }), MazPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9339dcde"]]);
317
318
  export {
318
319
  MazPopover as default
319
320
  };
package/dist/directives/vTooltip.js CHANGED
@@ -49,7 +49,6 @@ class TooltipHandler {
49
49
  return modifier;
50
50
  }
51
51
  mount(el, binding) {
52
- this.unmount(el);
53
52
  const tooltipProps = this.getTooltipProps(binding);
54
53
  if (!tooltipProps.text && !tooltipProps.html) {
55
54
  console.warn("[maz-ui](vTooltip) No text or html content provided");
@@ -70,22 +69,17 @@ class TooltipHandler {
70
69
  tooltipProps.panelClass
71
70
  ].filter(Boolean).join(" "),
72
71
  modelValue: isOpen.value,
73
- positionReference: el
74
- // Use original element as reference
75
- }, instanceIsOpen = vNodeInstance?.vNode.component?.exposed?.isOpen.value;
76
- vNodeInstance && instanceIsOpen && vNodeInstance.vNode.component?.exposed?.close(), vNodeInstance = useMountComponent(MazPopover, {
77
- props: {
78
- ...popoverProps,
79
- modelValue: isOpen.value,
80
- "onUpdate:modelValue": (value) => {
81
- isOpen.value = value;
82
- }
83
- },
72
+ positionReference: el,
73
+ onAfterCloseAnimation: () => {
74
+ vNodeInstance?.destroy(), vNodeInstance = null;
75
+ }
76
+ };
77
+ vNodeInstance = useMountComponent(MazPopover, {
78
+ props: popoverProps,
84
79
  children: {
85
- // Use a dummy trigger since we control positioning via positionReference
86
- // trigger: () => h('div', { style: 'display: none;' }),
87
80
  default: () => tooltipProps.html ? h("div", { innerHTML: tooltipProps.html }) : tooltipProps.text || ""
88
- }
81
+ },
82
+ element: el
89
83
  });
90
84
  };
91
85
  function isTouchDevice() {
@@ -110,10 +104,10 @@ class TooltipHandler {
110
104
  mouseEnterHandler && (el.removeEventListener("mouseenter", mouseEnterHandler), mouseEnterHandler = null), mouseLeaveHandler && (el.removeEventListener("mouseleave", mouseLeaveHandler), mouseLeaveHandler = null), clickHandler && (el.removeEventListener("click", clickHandler), clickHandler = null);
111
105
  }
112
106
  nextTick(() => {
113
- createTooltip(), setupTriggers();
114
- }), watch(isOpen, () => {
115
- createTooltip();
116
- });
107
+ setupTriggers();
108
+ }), watch(isOpen, (value) => {
109
+ value ? createTooltip() : vNodeInstance && vNodeInstance?.vNode.component?.exposed?.close();
110
+ }, { immediate: !0 });
117
111
  function destroy() {
118
112
  cleanupTriggers(), vNodeInstance && (vNodeInstance.destroy(), vNodeInstance = null);
119
113
  }
package/dist/types/components/MazDatePicker.vue.d.ts CHANGED
@@ -273,6 +273,7 @@ declare function __VLS_template(): {
273
273
  readonly onOpen?: (() => any) | undefined;
274
274
  readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
275
275
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
276
+ readonly "onAfter-close-animation"?: (() => any) | undefined;
276
277
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
277
278
  $attrs: {
278
279
  [x: string]: unknown;
@@ -289,7 +290,7 @@ declare function __VLS_template(): {
289
290
  $root: import('vue').ComponentPublicInstance | null;
290
291
  $parent: import('vue').ComponentPublicInstance | null;
291
292
  $host: Element | null;
292
- $emit: ((event: "close") => void) & ((event: "toggle", value: boolean) => void) & ((event: "open") => void) & ((event: "update:model-value", value: boolean) => void) & ((event: "update:modelValue", value: boolean) => void);
293
+ $emit: ((event: "close") => void) & ((event: "toggle", value: boolean) => void) & ((event: "open") => void) & ((event: "update:model-value", value: boolean) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "after-close-animation") => void);
293
294
  $el: any;
294
295
  $options: import('vue').ComponentOptionsBase<Readonly<{
295
296
  modelValue?: boolean;
@@ -299,6 +300,7 @@ declare function __VLS_template(): {
299
300
  onOpen?: (() => any) | undefined;
300
301
  "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
301
302
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
303
+ "onAfter-close-animation"?: (() => any) | undefined;
302
304
  }>, {
303
305
  open: () => void;
304
306
  close: () => void;
@@ -311,6 +313,7 @@ declare function __VLS_template(): {
311
313
  open: () => any;
312
314
  "update:model-value": (value: boolean) => any;
313
315
  "update:modelValue": (value: boolean) => any;
316
+ "after-close-animation": () => any;
314
317
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
315
318
  beforeCreate?: (() => void) | (() => void)[];
316
319
  created?: (() => void) | (() => void)[];
@@ -339,6 +342,7 @@ declare function __VLS_template(): {
339
342
  onOpen?: (() => any) | undefined;
340
343
  "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
341
344
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
345
+ "onAfter-close-animation"?: (() => any) | undefined;
342
346
  }>, "close" | "toggle" | "open" | "updatePosition" | "isOpen"> & import('vue').ShallowUnwrapRef<{
343
347
  open: () => void;
344
348
  close: () => void;
@@ -440,6 +444,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
440
444
  readonly onOpen?: (() => any) | undefined;
441
445
  readonly "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
442
446
  readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
447
+ readonly "onAfter-close-animation"?: (() => any) | undefined;
443
448
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
444
449
  $attrs: {
445
450
  [x: string]: unknown;
@@ -456,7 +461,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
456
461
  $root: import('vue').ComponentPublicInstance | null;
457
462
  $parent: import('vue').ComponentPublicInstance | null;
458
463
  $host: Element | null;
459
- $emit: ((event: "close") => void) & ((event: "toggle", value: boolean) => void) & ((event: "open") => void) & ((event: "update:model-value", value: boolean) => void) & ((event: "update:modelValue", value: boolean) => void);
464
+ $emit: ((event: "close") => void) & ((event: "toggle", value: boolean) => void) & ((event: "open") => void) & ((event: "update:model-value", value: boolean) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "after-close-animation") => void);
460
465
  $el: any;
461
466
  $options: import('vue').ComponentOptionsBase<Readonly<{
462
467
  modelValue?: boolean;
@@ -466,6 +471,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
466
471
  onOpen?: (() => any) | undefined;
467
472
  "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
468
473
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
474
+ "onAfter-close-animation"?: (() => any) | undefined;
469
475
  }>, {
470
476
  open: () => void;
471
477
  close: () => void;
@@ -478,6 +484,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
478
484
  open: () => any;
479
485
  "update:model-value": (value: boolean) => any;
480
486
  "update:modelValue": (value: boolean) => any;
487
+ "after-close-animation": () => any;
481
488
  }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
482
489
  beforeCreate?: (() => void) | (() => void)[];
483
490
  created?: (() => void) | (() => void)[];
@@ -506,6 +513,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
506
513
  onOpen?: (() => any) | undefined;
507
514
  "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
508
515
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
516
+ "onAfter-close-animation"?: (() => any) | undefined;
509
517
  }>, "close" | "toggle" | "open" | "updatePosition" | "isOpen"> & import('vue').ShallowUnwrapRef<{
510
518
  open: () => void;
511
519
  close: () => void;
package/dist/types/components/MazPopover.vue.d.ts CHANGED
@@ -235,12 +235,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
235
235
  open: () => any;
236
236
  "update:model-value": (value: boolean) => any;
237
237
  "update:modelValue": (value: boolean) => any;
238
+ "after-close-animation": () => any;
238
239
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
239
240
  onClose?: (() => any) | undefined;
240
241
  onToggle?: ((value: boolean) => any) | undefined;
241
242
  onOpen?: (() => any) | undefined;
242
243
  "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
243
244
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
245
+ "onAfter-close-animation"?: (() => any) | undefined;
244
246
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
245
247
  trigger: HTMLDivElement;
246
248
  panel: HTMLDivElement;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "maz-ui",
3
3
  "type": "module",
4
- "version": "4.0.0-beta.31",
4
+ "version": "4.0.0-beta.33",
5
5
  "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
6
6
  "author": "Louis Mazel <me@loicmazuel.com>",
7
7
  "license": "MIT",
@@ -238,5 +238,5 @@
238
238
  "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",
239
239
  "*.{vue,css,scss,postcss,pcss}": "stylelint --fix --allow-empty-input"
240
240
  },
241
- "gitHead": "1d16660bb8243d5a653fbe1bb1ba4d5d2ba6aec0"
241
+ "gitHead": "9642333b9fdbd396ba03b613b74b209174ba1b7b"
242
242
  }
package/dist/assets/MazPopover.B3kR2Gsa.css DELETED
@@ -1 +0,0 @@
1
- .m-popover[data-v-e29d62fb]{display:inline-block}.m-popover .m-popover-trigger[data-v-e29d62fb]{width:100%;height:100%;display:inline-block}.m-popover.--block[data-v-e29d62fb]{width:100%}.m-popover-panel[data-v-e29d62fb]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);outline-offset:2px;--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow);will-change:transform,opacity;contain:layout style paint;backface-visibility:hidden;outline:2px solid #0000;position:fixed}.m-popover-panel.--surface[data-v-e29d62fb]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-popover-panel.--surface[data-v-e29d62fb]:is([class~=dark] *){border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-popover-panel.--primary[data-v-e29d62fb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-primary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--secondary[data-v-e29d62fb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-secondary)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--success[data-v-e29d62fb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--warning[data-v-e29d62fb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--destructive[data-v-e29d62fb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--info[data-v-e29d62fb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-info)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-info-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--accent[data-v-e29d62fb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-accent)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--contrast[data-v-e29d62fb]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast-600)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-contrast)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-contrast-foreground)/var(--maz-tw-text-opacity,1))}.m-popover-panel.--background[data-v-e29d62fb]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-background-foreground)/var(--maz-tw-text-opacity,1))}.maz-scale-fade-enter-active[data-v-e29d62fb],.maz-scale-pop-enter-active[data-v-e29d62fb]{transition:opacity .15s ease-out,transform .15s ease-out}.maz-scale-fade-leave-active[data-v-e29d62fb],.maz-scale-pop-leave-active[data-v-e29d62fb],.maz-scale-pop-leave-active[data-v-e29d62fb]{transition:opacity .15s ease-in,transform .15s ease-in}.m-popover-panel.--position-bottom.maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel.--position-bottom.maz-scale-fade-leave-to[data-v-e29d62fb],.m-popover-panel.--position-bottom-start.maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel.--position-bottom-start.maz-scale-fade-leave-to[data-v-e29d62fb],.m-popover-panel.--position-bottom-end.maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel.--position-bottom-end.maz-scale-fade-leave-to[data-v-e29d62fb]{opacity:0;transform-origin:top;transform:scaleY(.5)}.m-popover-panel.--position-bottom.maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel.--position-bottom.maz-scale-pop-leave-to[data-v-e29d62fb],.m-popover-panel.--position-bottom-start.maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel.--position-bottom-start.maz-scale-pop-leave-to[data-v-e29d62fb],.m-popover-panel.--position-bottom-end.maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel.--position-bottom-end.maz-scale-pop-leave-to[data-v-e29d62fb]{opacity:0;transform-origin:top;transform:scale(.2)translateY(-4px)}.m-popover-panel.--position-top.maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel.--position-top.maz-scale-fade-leave-to[data-v-e29d62fb],.m-popover-panel.--position-top-start.maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel.--position-top-start.maz-scale-fade-leave-to[data-v-e29d62fb],.m-popover-panel.--position-top-end.maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel.--position-top-end.maz-scale-fade-leave-to[data-v-e29d62fb]{opacity:0;transform-origin:bottom;transform:scaleY(.5)}.m-popover-panel.--position-top.maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel.--position-top.maz-scale-pop-leave-to[data-v-e29d62fb],.m-popover-panel.--position-top-start.maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel.--position-top-start.maz-scale-pop-leave-to[data-v-e29d62fb],.m-popover-panel.--position-top-end.maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel.--position-top-end.maz-scale-pop-leave-to[data-v-e29d62fb]{opacity:0;transform-origin:bottom;transform:scale(.2)translateY(4px)}.m-popover-panel.--position-right.maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel.--position-right.maz-scale-fade-leave-to[data-v-e29d62fb],.m-popover-panel.--position-right-start.maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel.--position-right-start.maz-scale-fade-leave-to[data-v-e29d62fb],.m-popover-panel.--position-right-end.maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel.--position-right-end.maz-scale-fade-leave-to[data-v-e29d62fb]{opacity:0;transform-origin:0;transform:scaleX(.5)}.m-popover-panel.--position-right.maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel.--position-right.maz-scale-pop-leave-to[data-v-e29d62fb],.m-popover-panel.--position-right-start.maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel.--position-right-start.maz-scale-pop-leave-to[data-v-e29d62fb],.m-popover-panel.--position-right-end.maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel.--position-right-end.maz-scale-pop-leave-to[data-v-e29d62fb]{opacity:0;transform-origin:0;transform:scale(.2)translate(-4px)}.m-popover-panel.--position-left.maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel.--position-left.maz-scale-fade-leave-to[data-v-e29d62fb],.m-popover-panel.--position-left-start.maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel.--position-left-start.maz-scale-fade-leave-to[data-v-e29d62fb],.m-popover-panel.--position-left-end.maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel.--position-left-end.maz-scale-fade-leave-to[data-v-e29d62fb]{opacity:0;transform-origin:100%;transform:scaleX(.5)}.m-popover-panel.--position-left.maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel.--position-left.maz-scale-pop-leave-to[data-v-e29d62fb],.m-popover-panel.--position-left-start.maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel.--position-left-start.maz-scale-pop-leave-to[data-v-e29d62fb],.m-popover-panel.--position-left-end.maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel.--position-left-end.maz-scale-pop-leave-to[data-v-e29d62fb]{opacity:0;transform-origin:100%;transform:scale(.2)translate(4px)}.m-popover-panel:not([class*=--position-]).maz-scale-pop-enter-from[data-v-e29d62fb],.m-popover-panel:not([class*=--position-]).maz-scale-pop-leave-to[data-v-e29d62fb]{opacity:0;transform-origin:50%;transform:scale(.2)}.m-popover-panel:not([class*=--position-]).maz-scale-fade-enter-from[data-v-e29d62fb],.m-popover-panel:not([class*=--position-]).maz-scale-fade-leave-to[data-v-e29d62fb]{opacity:0;transform-origin:50%;transform:scale(.5)translateY(-4px)}