maz-ui 4.3.4-beta.4 → 4.3.4-beta.6

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 (10) hide show
  1. package/dist/assets/{MazAnimatedCounter.LK7oyUrl.css → MazAnimatedCounter.DL7KsXq5.css} +1 -1
  2. package/dist/assets/MazStepper.V3TraD--.css +1 -0
  3. package/dist/components/MazAnimatedCounter.js +10 -14
  4. package/dist/components/MazAnimatedCounter.vue.d.ts +1 -7
  5. package/dist/components/MazStepper.js +51 -35
  6. package/dist/components/MazStepper.vue.d.ts +6 -1
  7. package/dist/types/components/MazAnimatedCounter.vue.d.ts +1 -7
  8. package/dist/types/components/MazStepper.vue.d.ts +6 -1
  9. package/package.json +3 -3
  10. package/dist/assets/MazStepper.lKRkBZZK.css +0 -1
package/dist/assets/{MazAnimatedCounter.LK7oyUrl.css → MazAnimatedCounter.DL7KsXq5.css} RENAMED
@@ -1 +1 @@
1
- .m-animated-counter[data-v-91a33c54]{white-space:nowrap;--maz-tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--maz-tw-ordinal)var(--maz-tw-slashed-zero)var(--maz-tw-numeric-figure)var(--maz-tw-numeric-spacing)var(--maz-tw-numeric-fraction)}
1
+ .m-animated-counter[data-v-e21d5b70]{white-space:nowrap;--maz-tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--maz-tw-ordinal)var(--maz-tw-slashed-zero)var(--maz-tw-numeric-figure)var(--maz-tw-numeric-spacing)var(--maz-tw-numeric-fraction)}
package/dist/assets/MazStepper.V3TraD--.css ADDED
@@ -0,0 +1 @@
1
+ .m-stepper__right[data-v-2f0002c3]{text-overflow:ellipsis;white-space:nowrap;text-align:end;--maz-tw-text-opacity:1;color:hsl(var(--maz-primary)/var(--maz-tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;overflow:hidden}.m-stepper__header[data-v-2f0002c3]{cursor:pointer;-webkit-user-select:text;user-select:text;justify-content:space-between;align-items:center;width:100%;display:flex}.m-stepper__header[data-v-2f0002c3]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(1rem*var(--maz-tw-space-x-reverse));margin-left:calc(1rem*calc(1 - var(--maz-tw-space-x-reverse)))}.m-stepper__header[data-v-2f0002c3]{border-radius:var(--maz-radius);text-align:start;padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-stepper__header__content[data-v-2f0002c3]{flex-direction:column;flex:none;align-items:flex-start;display:flex}.m-stepper__header__point__wrapper[data-v-2f0002c3]{justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.m-stepper__header[data-v-2f0002c3]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-stepper__header[data-v-2f0002c3]:not(:disabled):is([class~=dark] *):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-stepper__header[data-v-2f0002c3]:disabled{cursor:not-allowed}.m-stepper__header.--disabled[data-v-2f0002c3]{--maz-tw-text-opacity:1;color:rgb(156 163 175/var(--maz-tw-text-opacity,1))}.m-stepper__header.--disabled[data-v-2f0002c3]:is([class~=dark] *){--maz-tw-text-opacity:1;color:rgb(107 114 128/var(--maz-tw-text-opacity,1))}.m-stepper__header.--is-current-step[data-v-2f0002c3]{cursor:default}.m-stepper__header__wrapper[data-v-2f0002c3]{align-items:center;display:flex}.m-stepper__header__wrapper[data-v-2f0002c3]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(1rem*var(--maz-tw-space-x-reverse));margin-left:calc(1rem*calc(1 - var(--maz-tw-space-x-reverse)))}.m-stepper__header.--success .m-stepper__count__circle[data-v-2f0002c3]{--maz-tw-scale-x:1;--maz-tw-scale-y:1;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1))}.m-stepper__header.--success .m-stepper__right[data-v-2f0002c3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--success svg[data-v-2f0002c3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--warning .m-stepper__count__circle[data-v-2f0002c3]{--maz-tw-scale-x:1;--maz-tw-scale-y:1;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1))}.m-stepper__header.--warning .m-stepper__right[data-v-2f0002c3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--warning svg[data-v-2f0002c3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--error .m-stepper__count__circle[data-v-2f0002c3]{--maz-tw-scale-x:1;--maz-tw-scale-y:1;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1))}.m-stepper__header.--error .m-stepper__right[data-v-2f0002c3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--error svg[data-v-2f0002c3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-stepper__title[data-v-2f0002c3]{font-size:1.125rem;line-height:1.75rem}.m-stepper__subtitle[data-v-2f0002c3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.m-stepper__count[data-v-2f0002c3]{background-color:var(--round-step-bg-color);width:2rem;height:2rem;color:var(--round-step-text-color);border-radius:9999px;flex:none;justify-content:center;align-items:center;font-size:1.125rem;line-height:1.75rem;display:flex;position:relative;overflow:hidden}.m-stepper__count__circle[data-v-2f0002c3]{--maz-tw-scale-x:0;--maz-tw-scale-y:0;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));border-radius:9999px;justify-content:center;align-items:center;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.m-stepper__count svg[data-v-2f0002c3]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-stepper__content[data-v-2f0002c3]{border-inline-start-width:2px;padding-top:.5rem;padding-bottom:.5rem;border-color:#0000;margin-inline-start:1.95rem;padding-inline-start:2rem}.m-stepper__content__wrapper[data-v-2f0002c3]{padding-top:.5rem;padding-bottom:.5rem}.m-stepper__content[data-v-2f0002c3]:not(.--no-border){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}
package/dist/components/MazAnimatedCounter.js CHANGED
@@ -1,28 +1,24 @@
1
1
  import { defineComponent, ref, onMounted, onBeforeUnmount, watch, createElementBlock, openBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
2
2
  import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
3
3
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
4
- import '../assets/MazAnimatedCounter.LK7oyUrl.css';const _hoisted_1 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
4
+ import '../assets/MazAnimatedCounter.DL7KsXq5.css';const _hoisted_1 = { class: "maz-sr-only" }, _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  __name: "MazAnimatedCounter",
6
6
  props: {
7
7
  count: {},
8
8
  duration: { default: 1e3 },
9
- prefix: { default: void 0 },
10
- suffix: { default: void 0 },
9
+ prefix: {},
10
+ suffix: {},
11
11
  delay: { default: 100 },
12
12
  once: { type: Boolean, default: !0 }
13
13
  },
14
14
  setup(__props) {
15
- const props = __props, currentCount = ref(0), elementRef = ref(null);
15
+ const currentCount = ref(0), elementRef = ref(null);
16
16
  function getRequestAnimationFrame() {
17
17
  return !isClient() || !globalThis.requestAnimationFrame ? (callback) => (setTimeout(callback, 1e3 / 60), 0) : globalThis.requestAnimationFrame.bind(globalThis);
18
18
  }
19
19
  function animate(start, end, duration, delay) {
20
20
  const requestAnim = getRequestAnimationFrame();
21
- if (!isClient()) {
22
- currentCount.value = end;
23
- return;
24
- }
25
- currentCount.value = start, setTimeout(() => {
21
+ currentCount.value = start, isClient() && setTimeout(() => {
26
22
  const startTime = performance.now(), updateCount = (currentTime = performance.now()) => {
27
23
  const elapsed = currentTime - startTime, progress = Math.min(elapsed / duration, 1), easeOutQuad = (t) => t * (2 - t);
28
24
  currentCount.value = Math.round(
@@ -33,15 +29,15 @@ import '../assets/MazAnimatedCounter.LK7oyUrl.css';const _hoisted_1 = { class: "
33
29
  }, delay);
34
30
  }
35
31
  function startAnimation(start, end) {
36
- animate(start, end, props.duration, props.delay);
32
+ animate(start, end, __props.duration, __props.delay);
37
33
  }
38
34
  let observer = null;
39
35
  return onMounted(() => {
40
- props.once || (observer = new IntersectionObserver(([entry]) => {
41
- entry.isIntersecting && (startAnimation(0, props.count), props.once && observer?.unobserve(entry.target));
36
+ __props.once || (observer = new IntersectionObserver(([entry]) => {
37
+ entry.isIntersecting && (startAnimation(0, __props.count), __props.once && observer?.unobserve(entry.target));
42
38
  }), elementRef.value && observer.observe(elementRef.value));
43
39
  }), onBeforeUnmount(() => observer?.disconnect()), watch(
44
- () => props.count,
40
+ () => __props.count,
45
41
  (newCount, oldCount) => {
46
42
  if (newCount === oldCount)
47
43
  return;
@@ -71,7 +67,7 @@ import '../assets/MazAnimatedCounter.LK7oyUrl.css';const _hoisted_1 = { class: "
71
67
  ], !0)
72
68
  ], 512));
73
69
  }
74
- }), MazAnimatedCounter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-91a33c54"]]);
70
+ }), MazAnimatedCounter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e21d5b70"]]);
75
71
  export {
76
72
  MazAnimatedCounter as default
77
73
  };
package/dist/components/MazAnimatedCounter.vue.d.ts CHANGED
@@ -41,13 +41,7 @@ declare function __VLS_template(): {
41
41
  rootEl: HTMLSpanElement;
42
42
  };
43
43
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
44
- declare const __VLS_component: import('vue').DefineComponent<MazAnimatedCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedCounterProps> & Readonly<{}>, {
45
- duration: number;
46
- delay: number;
47
- once: boolean;
48
- prefix: string;
49
- suffix: string;
50
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
44
+ declare const __VLS_component: import('vue').DefineComponent<MazAnimatedCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedCounterProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
51
45
  elementRef: HTMLSpanElement;
52
46
  }, HTMLSpanElement>;
53
47
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
package/dist/components/MazStepper.js CHANGED
@@ -1,15 +1,13 @@
1
- import { defineComponent, computed, useSlots, ref, createElementBlock, openBlock, normalizeStyle, Fragment, renderList, createCommentVNode, createElementVNode, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString, createVNode, withCtx } from "vue";
1
+ import { defineComponent, defineAsyncComponent, computed, useSlots, ref, createElementBlock, openBlock, normalizeStyle, Fragment, renderList, createCommentVNode, createElementVNode, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, unref, createTextVNode, toDisplayString, createVNode, withCtx } from "vue";
2
2
  import { MazCheckCircle, MazExclamationTriangle, MazExclamationCircle } from "@maz-ui/icons";
3
- import MazExpandAnimation from "./MazExpandAnimation.js";
4
- import MazIcon from "./MazIcon.js";
5
3
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
6
- import '../assets/MazStepper.lKRkBZZK.css';const _hoisted_1 = ["id", "disabled", "onClick"], _hoisted_2 = { class: "m-stepper__header__wrapper" }, _hoisted_3 = { class: "m-stepper__count --primary" }, _hoisted_4 = { class: "m-stepper__count__circle" }, _hoisted_5 = { class: "m-stepper__header__content" }, _hoisted_6 = { class: "m-stepper__title" }, _hoisted_7 = {
4
+ import '../assets/MazStepper.V3TraD--.css';const _hoisted_1 = ["id", "disabled", "onClick"], _hoisted_2 = { class: "m-stepper__header__wrapper" }, _hoisted_3 = { class: "m-stepper__header__point__wrapper" }, _hoisted_4 = { class: "m-stepper__count --primary" }, _hoisted_5 = { class: "m-stepper__count__circle" }, _hoisted_6 = { class: "m-stepper__header__content" }, _hoisted_7 = { class: "m-stepper__title" }, _hoisted_8 = ["innerHTML"], _hoisted_9 = {
7
5
  key: 0,
8
6
  class: "m-stepper__subtitle"
9
- }, _hoisted_8 = {
7
+ }, _hoisted_10 = ["innerHTML"], _hoisted_11 = {
10
8
  key: 0,
11
9
  class: "m-stepper__right"
12
- }, _hoisted_9 = { class: "m-stepper__content__wrapper" }, _sfc_main = /* @__PURE__ */ defineComponent({
10
+ }, _hoisted_12 = ["innerHTML"], _hoisted_13 = { class: "m-stepper__content__wrapper" }, _hoisted_14 = ["innerHTML"], _sfc_main = /* @__PURE__ */ defineComponent({
13
11
  __name: "MazStepper",
14
12
  props: {
15
13
  modelValue: {},
@@ -24,8 +22,8 @@ import '../assets/MazStepper.lKRkBZZK.css';const _hoisted_1 = ["id", "disabled",
24
22
  },
25
23
  emits: ["update:model-value"],
26
24
  setup(__props, { emit: __emit }) {
27
- const emits = __emit, roundStepBgColor = computed(() => `hsl(var(--maz-${__props.color}))`), roundStepTextColor = computed(() => `hsl(var(--maz-${__props.color}-foreground))`), slots = useSlots(), stepCount = computed(
28
- () => Object.keys(slots).filter((slot) => slot.startsWith("content-")).length
25
+ const emits = __emit, MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), MazExpandAnimation = defineAsyncComponent(() => import("./MazExpandAnimation.js")), roundStepBgColor = computed(() => `hsl(var(--maz-${__props.color}))`), roundStepTextColor = computed(() => `hsl(var(--maz-${__props.color}-foreground))`), slots = useSlots(), stepCount = computed(
26
+ () => Object.keys(slots).filter((slot) => slot.startsWith("content-")).length || __props.steps?.filter((step) => step.content).length || 0
29
27
  ), localModelValue = ref(1), currentStep = computed({
30
28
  get: () => __props.modelValue ?? localModelValue.value,
31
29
  set: (value) => {
@@ -85,40 +83,53 @@ import '../assets/MazStepper.lKRkBZZK.css';const _hoisted_1 = ["id", "disabled",
85
83
  onClick: ($event) => selectStep(step)
86
84
  }, [
87
85
  createElementVNode("div", _hoisted_2, [
88
- createElementVNode("span", _hoisted_3, [
89
- createElementVNode("div", _hoisted_4, [
90
- getStepStateData(step).icon ? (openBlock(), createBlock(resolveDynamicComponent(getStepStateData(step).icon), {
91
- key: 0,
92
- class: "icon maz-text-xl"
93
- })) : createCommentVNode("", !0)
94
- ]),
95
- renderSlot(_ctx.$slots, `icon-${step}`, {}, () => [
96
- getStepIcon(step) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
97
- typeof getStepIcon(step) == "string" ? (openBlock(), createBlock(MazIcon, {
98
- key: 0,
99
- name: getStepIcon(step)
100
- }, null, 8, ["name"])) : getStepIcon(step) ? (openBlock(), createBlock(resolveDynamicComponent(getStepIcon(step)), { key: 1 })) : createCommentVNode("", !0)
101
- ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
102
- createTextVNode(toDisplayString(step), 1)
103
- ], 64))
86
+ createElementVNode("div", _hoisted_3, [
87
+ renderSlot(_ctx.$slots, "point", { step }, () => [
88
+ createElementVNode("span", _hoisted_4, [
89
+ createElementVNode("div", _hoisted_5, [
90
+ getStepStateData(step).icon ? (openBlock(), createBlock(resolveDynamicComponent(getStepStateData(step).icon), {
91
+ key: 0,
92
+ class: "icon maz-text-xl"
93
+ })) : createCommentVNode("", !0)
94
+ ]),
95
+ renderSlot(_ctx.$slots, `icon-${step}`, {}, () => [
96
+ getStepIcon(step) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
97
+ typeof getStepIcon(step) == "string" ? (openBlock(), createBlock(unref(MazIcon), {
98
+ key: 0,
99
+ name: getStepIcon(step)
100
+ }, null, 8, ["name"])) : getStepIcon(step) ? (openBlock(), createBlock(resolveDynamicComponent(getStepIcon(step)), { key: 1 })) : createCommentVNode("", !0)
101
+ ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
102
+ createTextVNode(toDisplayString(step), 1)
103
+ ], 64))
104
+ ], !0)
105
+ ])
104
106
  ], !0)
105
107
  ]),
106
- createElementVNode("div", _hoisted_5, [
107
- createElementVNode("span", _hoisted_6, [
108
+ createElementVNode("div", _hoisted_6, [
109
+ createElementVNode("span", _hoisted_7, [
108
110
  renderSlot(_ctx.$slots, `title-${step}`, {}, () => [
109
- createTextVNode(toDisplayString(getPropertyInStep("title", step)), 1)
111
+ getPropertyInStep("title", step) ? (openBlock(), createElementBlock("span", {
112
+ key: 0,
113
+ innerHTML: getPropertyInStep("title", step)
114
+ }, null, 8, _hoisted_8)) : createCommentVNode("", !0)
110
115
  ], !0)
111
116
  ]),
112
- hasDataForStep("subtitle", step) ? (openBlock(), createElementBlock("span", _hoisted_7, [
117
+ hasDataForStep("subtitle", step) ? (openBlock(), createElementBlock("span", _hoisted_9, [
113
118
  renderSlot(_ctx.$slots, `subtitle-${step}`, {}, () => [
114
- createTextVNode(toDisplayString(getPropertyInStep("subtitle", step)), 1)
119
+ getPropertyInStep("subtitle", step) ? (openBlock(), createElementBlock("span", {
120
+ key: 0,
121
+ innerHTML: getPropertyInStep("subtitle", step)
122
+ }, null, 8, _hoisted_10)) : createCommentVNode("", !0)
115
123
  ], !0)
116
124
  ])) : createCommentVNode("", !0)
117
125
  ])
118
126
  ]),
119
- hasDataForStep("titleInfo", step) ? (openBlock(), createElementBlock("span", _hoisted_8, [
127
+ hasDataForStep("titleInfo", step) ? (openBlock(), createElementBlock("span", _hoisted_11, [
120
128
  renderSlot(_ctx.$slots, `title-info-${step}`, {}, () => [
121
- createTextVNode(toDisplayString(getPropertyInStep("titleInfo", step)), 1)
129
+ getPropertyInStep("titleInfo", step) ? (openBlock(), createElementBlock("span", {
130
+ key: 0,
131
+ innerHTML: getPropertyInStep("titleInfo", step)
132
+ }, null, 8, _hoisted_12)) : createCommentVNode("", !0)
122
133
  ], !0)
123
134
  ])) : createCommentVNode("", !0)
124
135
  ], 10, _hoisted_1)) : createCommentVNode("", !0),
@@ -127,19 +138,24 @@ import '../assets/MazStepper.lKRkBZZK.css';const _hoisted_1 = ["id", "disabled",
127
138
  "--no-border": isLastStep(step)
128
139
  }])
129
140
  }, [
130
- createVNode(MazExpandAnimation, {
141
+ createVNode(unref(MazExpandAnimation), {
131
142
  "model-value": __props.allStepsOpened || currentStep.value === step,
132
143
  "aria-labelledby": `header-step-${step}`
133
144
  }, {
134
145
  default: withCtx(() => [
135
- createElementVNode("div", _hoisted_9, [
146
+ createElementVNode("div", _hoisted_13, [
136
147
  renderSlot(_ctx.$slots, `content-${step}`, {
137
148
  validated: isStepSuccess(step),
138
149
  error: isStepError(step),
139
150
  warning: isStepWarning(step),
140
151
  nextStep: () => selectStep(step + 1),
141
152
  previousStep: () => selectStep(step - 1)
142
- }, void 0, !0)
153
+ }, () => [
154
+ getPropertyInStep("content", step) ? (openBlock(), createElementBlock("span", {
155
+ key: 0,
156
+ innerHTML: getPropertyInStep("content", step)
157
+ }, null, 8, _hoisted_14)) : createCommentVNode("", !0)
158
+ ], !0)
143
159
  ])
144
160
  ]),
145
161
  _: 2
@@ -148,7 +164,7 @@ import '../assets/MazStepper.lKRkBZZK.css';const _hoisted_1 = ["id", "disabled",
148
164
  ], 64))), 128))
149
165
  ], 4));
150
166
  }
151
- }), MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-99251223"]]);
167
+ }), MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f0002c3"]]);
152
168
  export {
153
169
  MazStepper as default
154
170
  };
package/dist/components/MazStepper.vue.d.ts CHANGED
@@ -4,6 +4,7 @@ export interface MazStepperStep {
4
4
  title?: string;
5
5
  subtitle?: string;
6
6
  titleInfo?: string;
7
+ content?: string;
7
8
  disabled?: boolean;
8
9
  error?: boolean;
9
10
  success?: boolean;
@@ -41,7 +42,11 @@ declare function __VLS_template(): {
41
42
  warning: boolean | undefined;
42
43
  nextStep: () => void;
43
44
  previousStep: () => void;
44
- }) => any>>;
45
+ }) => any>> & {
46
+ point?(_: {
47
+ step: number;
48
+ }): any;
49
+ };
45
50
  refs: {};
46
51
  rootEl: HTMLDivElement;
47
52
  };
package/dist/types/components/MazAnimatedCounter.vue.d.ts CHANGED
@@ -41,13 +41,7 @@ declare function __VLS_template(): {
41
41
  rootEl: HTMLSpanElement;
42
42
  };
43
43
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
44
- declare const __VLS_component: import('vue').DefineComponent<MazAnimatedCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedCounterProps> & Readonly<{}>, {
45
- duration: number;
46
- delay: number;
47
- once: boolean;
48
- prefix: string;
49
- suffix: string;
50
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
44
+ declare const __VLS_component: import('vue').DefineComponent<MazAnimatedCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedCounterProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
51
45
  elementRef: HTMLSpanElement;
52
46
  }, HTMLSpanElement>;
53
47
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
package/dist/types/components/MazStepper.vue.d.ts CHANGED
@@ -4,6 +4,7 @@ export interface MazStepperStep {
4
4
  title?: string;
5
5
  subtitle?: string;
6
6
  titleInfo?: string;
7
+ content?: string;
7
8
  disabled?: boolean;
8
9
  error?: boolean;
9
10
  success?: boolean;
@@ -41,7 +42,11 @@ declare function __VLS_template(): {
41
42
  warning: boolean | undefined;
42
43
  nextStep: () => void;
43
44
  previousStep: () => void;
44
- }) => any>>;
45
+ }) => any>> & {
46
+ point?(_: {
47
+ step: number;
48
+ }): any;
49
+ };
45
50
  refs: {};
46
51
  rootEl: HTMLDivElement;
47
52
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "maz-ui",
3
3
  "type": "module",
4
- "version": "4.3.4-beta.4",
4
+ "version": "4.3.4-beta.6",
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",
@@ -181,8 +181,8 @@
181
181
  "@maz-ui/cli": "4.3.4-beta.0",
182
182
  "@maz-ui/icons": "4.3.0",
183
183
  "@maz-ui/themes": "4.3.0",
184
- "@maz-ui/utils": "4.3.0",
185
- "@maz-ui/translations": "4.3.0"
184
+ "@maz-ui/translations": "4.3.0",
185
+ "@maz-ui/utils": "4.3.0"
186
186
  },
187
187
  "devDependencies": {
188
188
  "@vitejs/plugin-vue": "^6.0.3",
package/dist/assets/MazStepper.lKRkBZZK.css DELETED
@@ -1 +0,0 @@
1
- .m-stepper__right[data-v-99251223]{text-overflow:ellipsis;white-space:nowrap;text-align:end;--maz-tw-text-opacity:1;color:hsl(var(--maz-primary)/var(--maz-tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;overflow:hidden}.m-stepper__header[data-v-99251223]{cursor:pointer;-webkit-user-select:text;user-select:text;justify-content:space-between;align-items:center;width:100%;display:flex}.m-stepper__header[data-v-99251223]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(1rem*var(--maz-tw-space-x-reverse));margin-left:calc(1rem*calc(1 - var(--maz-tw-space-x-reverse)))}.m-stepper__header[data-v-99251223]{border-radius:var(--maz-radius);text-align:start;padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-stepper__header__content[data-v-99251223]{flex-direction:column;flex:none;align-items:flex-start;display:flex}.m-stepper__header[data-v-99251223]:not(:disabled):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-stepper__header[data-v-99251223]:not(:disabled):is([class~=dark] *):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-stepper__header[data-v-99251223]:disabled{cursor:not-allowed}.m-stepper__header.--disabled[data-v-99251223]{--maz-tw-text-opacity:1;color:rgb(156 163 175/var(--maz-tw-text-opacity,1))}.m-stepper__header.--disabled[data-v-99251223]:is([class~=dark] *){--maz-tw-text-opacity:1;color:rgb(107 114 128/var(--maz-tw-text-opacity,1))}.m-stepper__header.--is-current-step[data-v-99251223]{cursor:default}.m-stepper__header__wrapper[data-v-99251223]{align-items:center;display:flex}.m-stepper__header__wrapper[data-v-99251223]>:not([hidden])~:not([hidden]){--maz-tw-space-x-reverse:0;margin-right:calc(1rem*var(--maz-tw-space-x-reverse));margin-left:calc(1rem*calc(1 - var(--maz-tw-space-x-reverse)))}.m-stepper__header.--success .m-stepper__count__circle[data-v-99251223]{--maz-tw-scale-x:1;--maz-tw-scale-y:1;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-success)/var(--maz-tw-bg-opacity,1))}.m-stepper__header.--success .m-stepper__right[data-v-99251223]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--success svg[data-v-99251223]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--warning .m-stepper__count__circle[data-v-99251223]{--maz-tw-scale-x:1;--maz-tw-scale-y:1;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-warning)/var(--maz-tw-bg-opacity,1))}.m-stepper__header.--warning .m-stepper__right[data-v-99251223]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--warning svg[data-v-99251223]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-foreground)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--error .m-stepper__count__circle[data-v-99251223]{--maz-tw-scale-x:1;--maz-tw-scale-y:1;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive)/var(--maz-tw-bg-opacity,1))}.m-stepper__header.--error .m-stepper__right[data-v-99251223]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1))}.m-stepper__header.--error svg[data-v-99251223]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-foreground)/var(--maz-tw-text-opacity,1))}.m-stepper__title[data-v-99251223]{font-size:1.125rem;line-height:1.75rem}.m-stepper__subtitle[data-v-99251223]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.m-stepper__count[data-v-99251223]{background-color:var(--round-step-bg-color);width:2rem;height:2rem;color:var(--round-step-text-color);border-radius:9999px;flex:none;justify-content:center;align-items:center;font-size:1.125rem;line-height:1.75rem;display:flex;position:relative;overflow:hidden}.m-stepper__count__circle[data-v-99251223]{--maz-tw-scale-x:0;--maz-tw-scale-y:0;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));border-radius:9999px;justify-content:center;align-items:center;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.m-stepper__count svg[data-v-99251223]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-foreground)/var(--maz-tw-text-opacity,1))}.m-stepper__content[data-v-99251223]{border-inline-start-width:2px;padding-top:.5rem;padding-bottom:.5rem;border-color:#0000;margin-inline-start:1.95rem;padding-inline-start:2rem}.m-stepper__content__wrapper[data-v-99251223]{padding-top:.5rem;padding-bottom:.5rem}.m-stepper__content[data-v-99251223]:not(.--no-border){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}