amelia-booking-ui 0.0.420 → 0.0.421

package/dist/amelia-booking-ui.es.js

@@ -1,4 +1,4 @@
-import { _ as s, a as A, b as e, c as o, d as t, e as n, A as r, f as u, g as i, h as l, i as p, j as c, k as d, l as S, m as b, n as I, o as B, p as T, q as g, r as k, t as h, u as D, v as M, x as w, y as C, z as P, B as G, C as v, D as x, E as F, F as O, G as U, I as E, aa as L, J as R, K as f, L as Q, M as j, O as q, P as y, Q as z, R as H, S as J, T as K, U as N, V, W, X, Y, H as Z, Z as _, a1 as $, $ as aa, a0 as ma, a2 as sa, a3 as Aa, a6 as ea, a4 as oa, a5 as ta, a7 as na, a8 as ra, a9 as ua, ab as ia } from "./chunks/index-Bsbwwc5K.mjs";
+import { _ as s, a as A, b as e, c as o, d as t, e as n, A as r, f as u, g as i, h as l, i as p, j as c, k as d, l as S, m as b, n as I, o as B, p as T, q as g, r as k, t as h, u as D, v as M, x as w, y as C, z as P, B as G, C as v, D as x, E as F, F as O, G as U, I as E, aa as L, J as R, K as f, L as Q, M as j, O as q, P as y, Q as z, R as H, S as J, T as K, U as N, V, W, X, Y, H as Z, Z as _, a1 as $, $ as aa, a0 as ma, a2 as sa, a3 as Aa, a6 as ea, a4 as oa, a5 as ta, a7 as na, a8 as ra, a9 as ua, ab as ia } from "./chunks/index-C9YpgM7K.mjs";
 export {
   s as AmAlert,
   A as AmAvatar,

package/dist/chunks/{MazBtn.1qp5aQ4N-CHK9yVG9.mjs → MazBtn.1qp5aQ4N-BxuxMDOq.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as $, defineAsyncComponent as m, useAttrs as h, computed as t, createBlock as l, openBlock as n, resolveDynamicComponent as s, normalizeStyle as S, normalizeClass as a, withCtx as j, renderSlot as u, createElementBlock as C, createCommentVNode as d, unref as r, createVNode as _ } from "vue";
-import { s as O } from "./index-Bsbwwc5K.mjs";
+import { s as O } from "./index-C9YpgM7K.mjs";
 const A = {
   key: 0,
   class: "m-btn-loader-container"
@@ -28,7 +28,7 @@ const A = {
     justify: { default: "center" }
   },
   setup(v) {
-    const o = v, y = m(() => import("./MazSpinner.DZT5jj-c-CnA4Vqqp.mjs")), c = m(() => import("./MazIcon.B5hPzeLk-BLy8XJB-.mjs")), { href: b, to: g } = h(), p = t(() => b ? "a" : g ? "router-link" : "button"), z = t(() => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`), f = t(
+    const o = v, y = m(() => import("./MazSpinner.DZT5jj-c-C0pMM1pv.mjs")), c = m(() => import("./MazIcon.B5hPzeLk-C71rThjY.mjs")), { href: b, to: g } = h(), p = t(() => b ? "a" : g ? "router-link" : "button"), z = t(() => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`), f = t(
       () => (o.loading || o.disabled) && p.value === "button"
     ), B = t(() => f.value ? "--cursor-default" : "--cursor-pointer"), k = t(() => `--is-${o.variant}`), x = t(() => o.loading && o.variant === "button"), I = t(() => p.value === "button" ? o.type : void 0), i = t(() => o.size === "xl" ? "maz-text-3xl" : o.size === "lg" ? "maz-text-2xl" : o.size === "md" ? "maz-text-xl" : o.size === "sm" ? "maz-text-lg" : o.size === "xs" ? "maz-text-base" : o.size === "mini" ? "maz-text-sm" : "maz-text-xl");
     return (e, F) => (n(), l(s(p.value), {

package/dist/chunks/{MazCheckbox.UAnkvAoS-Bz8kN8fa.mjs → MazCheckbox.UAnkvAoS-CNQqQL6C.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as E, computed as o, ref as N, createElementBlock as b, openBlock as x, normalizeStyle as t, normalizeClass as n, unref as s, createElementVNode as u, mergeProps as $, createVNode as A, renderSlot as I, createCommentVNode as D, createTextVNode as K, toDisplayString as y } from "vue";
-import { s as M, w as P } from "./index-Bsbwwc5K.mjs";
+import { s as M, w as P } from "./index-C9YpgM7K.mjs";
 import T from "./check.C9Q_W85g-DmgtOx7Q.mjs";
 const F = ["for", "aria-checked"], H = ["id", "checked", "disabled", "name"], J = { class: "m-checkbox__text" }, R = /* @__PURE__ */ E({
   inheritAttrs: !1,

package/dist/chunks/{MazIcon.B5hPzeLk-BLy8XJB-.mjs → MazIcon.B5hPzeLk-C71rThjY.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as z, ref as f, computed as m, onMounted as x, createElementBlock as L, createCommentVNode as k, watchEffect as T, openBlock as H, mergeProps as N, nextTick as $ } from "vue";
-import { N as C } from "./index-Bsbwwc5K.mjs";
+import { N as C } from "./index-C9YpgM7K.mjs";
 const P = ["innerHTML"], G = /* @__PURE__ */ z({
   __name: "MazIcon",
   props: {

package/dist/chunks/{MazSpinner.DZT5jj-c-CnA4Vqqp.mjs → MazSpinner.DZT5jj-c-C0pMM1pv.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as t, createElementBlock as o, openBlock as n, normalizeClass as r, createElementVNode as l } from "vue";
-import { s as a } from "./index-Bsbwwc5K.mjs";
+import { s as a } from "./index-C9YpgM7K.mjs";
 const p = ["width", "height"], i = /* @__PURE__ */ t({
   __name: "MazSpinner",
   props: {

package/dist/chunks/{index-Bsbwwc5K.mjs → index-C9YpgM7K.mjs}

@@ -39184,21 +39184,22 @@ const Dr = () => {
     popperBackground: { default: "level-2-foreground" },
     rangeSeparator: { default: "-" },
     loading: { type: Boolean },
-    cellClassName: {}
+    cellClassName: {},
+    valueFormat: {}
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    Jn((c) => ({
-      "5b2c043f": i.value
+    Jn((u) => ({
+      d1429788: c.value
     }));
-    const n = t, r = e, l = B(), o = n.prefixIcon ? Rt({
+    const n = t, r = e, l = B(), o = B(), a = n.prefixIcon ? Rt({
       render() {
         return gt(_t, {
           name: n.prefixIcon,
           color: n.prefixIconColor
         });
       }
-    }) : null, a = Rt({
+    }) : null, s = Rt({
       render() {
         return gt(_t, {
           name: "close-circle",
@@ -39208,44 +39209,50 @@ const Dr = () => {
       }
     });
     Ie.en.weekStart = n.weekStart !== void 0 ? n.weekStart : 1;
-    const s = _({
+    const i = _({
       get() {
         return n.modelValue;
       },
-      set(c) {
-        r("update:modelValue", c), Te(() => {
-          const u = l.value.querySelector(".el-input__inner"), h = l.value.querySelectorAll(".el-range-input");
-          u ? u.blur() : h.length && h.forEach((m) => m.blur());
-        });
+      set(u) {
+        const h = n.modelValue;
+        if (Array.isArray(u) && Array.isArray(h)) {
+          if (u.length === h.length && u.every((m, v) => m === h[v]))
+            return;
+        } else if (u === h)
+          return;
+        Te(() => {
+          o.value.blur();
+        }), r("update:modelValue", u);
       }
-    }), i = _(() => n.prefixIconColorWhenActive || n.prefixIconColor);
-    return (c, u) => {
-      const h = vge, m = Nme;
+    }), c = _(() => n.prefixIconColorWhenActive || n.prefixIconColor);
+    return (u, h) => {
+      const m = vge, v = Nme;
       return f(), g("div", {
         ref_key: "amDatePickerRef",
         ref: l,
         class: "am-date-picker"
       }, [
-        D(m, null, {
+        D(v, null, {
           default: I(() => [
-            D(h, Oe({
-              modelValue: s.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (v) => s.value = v),
+            D(m, Oe({
+              modelValue: i.value,
+              "onUpdate:modelValue": h[0] || (h[0] = (w) => i.value = w),
               class: ["am-input am-input__size__default", {
-                "has-value": Array.isArray(s.value) ? s.value.length > 0 : s.value,
+                "has-value": Array.isArray(i.value) ? i.value.length > 0 : i.value,
                 "is-clearable": n.clearable
-              }]
-            }, { ...c.$props, ...c.$attrs }, {
+              }],
+              ref_key: "elDatePickerRef",
+              ref: o
+            }, { ...u.$props, ...u.$attrs }, {
               "popper-class": `am-date-picker-popper ${n.type === "daterange" ? "am-date-range-popper" : ""} ${n.popperBackground}`,
               "popper-options": { placement: "bottom-start" },
-              "prefix-icon": p(o),
-              "clear-icon": a.value,
+              "prefix-icon": p(a),
+              "clear-icon": s.value,
               "range-separator": n.rangeSeparator,
-              "cell-class-name": (v) => {
-                const w = n.cellClassName?.(v) || "", y = n.loading ? "is-loading" : "";
-                return [w, y].filter(Boolean).join(" ");
-              },
-              onChange: u[1] || (u[1] = () => r("change", s.value))
+              "cell-class-name": (w) => {
+                const y = n.cellClassName?.(w) || "", b = n.loading ? "is-loading" : "";
+                return [y, b].filter(Boolean).join(" ");
+              }
             }), null, 16, ["modelValue", "class", "popper-class", "prefix-icon", "clear-icon", "range-separator", "cell-class-name"])
           ]),
           _: 1
@@ -61694,7 +61701,7 @@ const zLe = {
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(t) {
-    const e = t, n = D0(() => import("./MazSpinner.DZT5jj-c-CnA4Vqqp.mjs")), r = _(() => e.image || e.src), l = _(() => {
+    const e = t, n = D0(() => import("./MazSpinner.DZT5jj-c-C0pMM1pv.mjs")), r = _(() => e.image || e.src), l = _(() => {
       var o;
       return typeof r.value == "string" ? [{ srcset: r.value }] : (o = r.value) == null ? void 0 : o.sources;
     });
@@ -61943,7 +61950,7 @@ const HLe = ["for"], qLe = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = D0(() => import("./MazBtn.1qp5aQ4N-CHK9yVG9.mjs")), o = D0(() => import("./MazIcon.B5hPzeLk-BLy8XJB-.mjs")), a = D0(() => import("./eye-slash.BoO00xzs-CULY_lvM.mjs")), s = D0(() => import("./eye.f8zAUc30-Yr89kafZ.mjs")), i = D0(() => import("./check.C9Q_W85g-DmgtOx7Q.mjs")), c = B(!1), u = B(!1), h = B(), m = j7({
+    const n = t, r = e, l = D0(() => import("./MazBtn.1qp5aQ4N-BxuxMDOq.mjs")), o = D0(() => import("./MazIcon.B5hPzeLk-C71rThjY.mjs")), a = D0(() => import("./eye-slash.BoO00xzs-CULY_lvM.mjs")), s = D0(() => import("./eye.f8zAUc30-Yr89kafZ.mjs")), i = D0(() => import("./check.C9Q_W85g-DmgtOx7Q.mjs")), c = B(!1), u = B(!1), h = B(), m = j7({
       componentName: "MazInput",
       providedId: n.id
     });
@@ -62222,7 +62229,7 @@ const HLe = ["for"], qLe = {
   },
   emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
   setup(t, { expose: e, emit: n }) {
-    const r = t, l = n, o = D0(() => import("./MazCheckbox.UAnkvAoS-Bz8kN8fa.mjs")), a = D0(() => import("./magnifying-glass.-nBiyXot-CuA_mltt.mjs")), s = D0(() => import("./chevron-down.BkvtON3b-RNrTKYcy.mjs")), i = D0(() => import("./no-symbol.CIgKzsrB-3PuxVsDY.mjs"));
+    const r = t, l = n, o = D0(() => import("./MazCheckbox.UAnkvAoS-CNQqQL6C.mjs")), a = D0(() => import("./magnifying-glass.-nBiyXot-CuA_mltt.mjs")), s = D0(() => import("./chevron-down.BkvtON3b-RNrTKYcy.mjs")), i = D0(() => import("./no-symbol.CIgKzsrB-3PuxVsDY.mjs"));
     e({
       /** Method to open the option list */
       openList: G,

package/dist/types/components/datepicker/AmDatePicker.vue.d.ts

@@ -12,6 +12,7 @@ interface Props {
     rangeSeparator?: string;
     loading?: boolean;
     cellClassName?: (date: Date) => string;
+    valueFormat?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
@@ -28,5 +29,6 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     rangeSeparator: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     amDatePickerRef: HTMLDivElement;
+    elDatePickerRef: unknown;
 }, HTMLDivElement>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amelia-booking-ui",
-  "version": "0.0.420",
+  "version": "0.0.421",
   "description": "A Vue 3 component library for Amelia Booking Plugin.",
   "type": "module",
   "repository": {