maz-ui 4.0.0-alpha.2 → 4.0.0-alpha.3

package/dist/components/MazTransitionExpand.js

@@ -1,46 +0,0 @@
-import { defineComponent as r, useCssVars as p, openBlock as d, createBlock as h, TransitionGroup as u, withCtx as y, renderSlot as g, nextTick as s } from "vue";
-import { _ as f } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import '../assets/MazTransitionExpand.D3j4PawL.css';const l = /* @__PURE__ */ r({
-  __name: "MazTransitionExpand",
-  props: {
-    animationDuration: { default: "300ms" }
-  },
-  setup(x) {
-    p((t) => ({
-      "94c16afe": t.animationDuration
-    }));
-    function a(t) {
-      const i = getComputedStyle(t).width;
-      t.style.width = i, t.style.position = "absolute", t.style.visibility = "hidden", t.style.height = "auto", t.style.top = "bottom";
-      const o = getComputedStyle(t).height;
-      t.style.width = "", t.style.position = "", t.style.visibility = "", t.style.height = "0px", getComputedStyle(t).height, s(() => {
-        t.style.height = o;
-      });
-    }
-    function n(t) {
-      t.style.height = "auto";
-    }
-    function e(t) {
-      const i = getComputedStyle(t).height;
-      t.style.height = i, getComputedStyle(t).height, s(() => {
-        t.style.height = "0px";
-      });
-    }
-    return (t, i) => (d(), h(u, {
-      class: "m-transition-expand m-reset-css",
-      name: "maz-expand",
-      tag: "div",
-      onEnter: i[0] || (i[0] = (o) => a(o)),
-      onAfterEnter: i[1] || (i[1] = (o) => n(o)),
-      onLeave: i[2] || (i[2] = (o) => e(o))
-    }, {
-      default: y(() => [
-        g(t.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }));
-  }
-}), v = /* @__PURE__ */ f(l, [["__scopeId", "data-v-d8a8154f"]]);
-export {
-  v as default
-};

package/dist/components.js

@@ -1,112 +0,0 @@
-import { default as r } from "./components/MazAccordion.js";
-import { default as t } from "./components/MazAnimatedCounter.js";
-import { default as s } from "./components/MazAnimatedElement.js";
-import { default as l } from "./components/MazAnimatedText.js";
-import { default as d } from "./components/MazAvatar.js";
-import { default as u } from "./components/MazBackdrop.js";
-import { default as M } from "./components/MazBadge.js";
-import { default as i } from "./components/MazBottomSheet.js";
-import { default as c } from "./components/MazBtn.js";
-import { default as b } from "./components/MazCard.js";
-import { default as B } from "./components/MazCardSpotlight.js";
-import { default as _ } from "./components/MazCarousel.js";
-import { _ as P } from "./chunks/MazChart.vue_vue_type_script_setup_true_lang.OYo-HXwF.js";
-import { default as A } from "./components/MazCheckbox.js";
-import { default as D } from "./components/MazChecklist.js";
-import { default as w } from "./components/MazCircularProgressBar.js";
-import { default as E } from "./components/MazDialog.js";
-import { _ as N } from "./chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.4Oe-oHLl.js";
-import { default as F } from "./components/MazDrawer.js";
-import { _ as j } from "./chunks/MazDropdown.vue_vue_type_style_index_0_lang.BfXJ_MY5.js";
-import { default as H } from "./components/MazDropzone.js";
-import { default as K } from "./components/MazExpandAnimation.js";
-import { default as Q } from "./components/MazFullscreenLoader.js";
-import { default as V } from "./components/MazGallery.js";
-import { _ as X } from "./chunks/MazIcon.vue_vue_type_script_setup_true_lang.CMbhrIdI.js";
-import { default as Z } from "./components/MazInput.js";
-import { default as aa } from "./components/MazInputCode.js";
-import { _ as ra } from "./chunks/MazInputNumber.vue_vue_type_style_index_0_lang.BC7pKYyR.js";
-import { M as ta } from "./chunks/MazInputPhoneNumber.SX--TVUa.js";
-import { _ as sa } from "./chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.DOtT8uOc.js";
-import { default as la } from "./components/MazInputTags.js";
-import { default as da } from "./components/MazLazyImg.js";
-import { default as ua } from "./components/MazLink.js";
-import { default as Ma } from "./components/MazLoadingBar.js";
-import { default as ia } from "./components/MazPagination.js";
-import { M as ca } from "./chunks/MazPicker.qrjLr1LC.js";
-import { default as ba } from "./components/MazPullToRefresh.js";
-import { default as Ba } from "./components/MazRadio.js";
-import { default as _a } from "./components/MazRadioButtons.js";
-import { default as Pa } from "./components/MazReadingProgressBar.js";
-import { default as Aa } from "./components/MazSelect.js";
-import { default as Da } from "./components/MazSlider.js";
-import { default as wa } from "./components/MazSpinner.js";
-import { default as Ea } from "./components/MazStepper.js";
-import { _ as Na } from "./chunks/MazSwitch.vue_vue_type_style_index_0_lang.C0cqQKJt.js";
-import { default as Fa } from "./components/MazTable.js";
-import { default as ja } from "./components/MazTableCell.js";
-import { default as Ha } from "./components/MazTableRow.js";
-import { default as Ka } from "./components/MazTableTitle.js";
-import { _ as Qa } from "./chunks/MazTabs.vue_vue_type_script_setup_true_lang.DnbfPaVg.js";
-import { default as Va } from "./components/MazTabsBar.js";
-import { _ as Xa } from "./chunks/MazTabsContent.vue_vue_type_script_setup_true_lang.BXptx7-v.js";
-import { default as Za } from "./components/MazTabsContentItem.js";
-import { default as ae } from "./components/MazTextarea.js";
-import { default as re } from "./components/MazTransitionExpand.js";
-export {
-  r as MazAccordion,
-  t as MazAnimatedCounter,
-  s as MazAnimatedElement,
-  l as MazAnimatedText,
-  d as MazAvatar,
-  u as MazBackdrop,
-  M as MazBadge,
-  i as MazBottomSheet,
-  c as MazBtn,
-  b as MazCard,
-  B as MazCardSpotlight,
-  _ as MazCarousel,
-  P as MazChart,
-  A as MazCheckbox,
-  D as MazChecklist,
-  w as MazCircularProgressBar,
-  E as MazDialog,
-  N as MazDialogPromise,
-  F as MazDrawer,
-  j as MazDropdown,
-  H as MazDropzone,
-  K as MazExpandAnimation,
-  Q as MazFullscreenLoader,
-  V as MazGallery,
-  X as MazIcon,
-  Z as MazInput,
-  aa as MazInputCode,
-  ra as MazInputNumber,
-  ta as MazInputPhoneNumber,
-  sa as MazInputPrice,
-  la as MazInputTags,
-  da as MazLazyImg,
-  ua as MazLink,
-  Ma as MazLoadingBar,
-  ia as MazPagination,
-  ca as MazPicker,
-  ba as MazPullToRefresh,
-  Ba as MazRadio,
-  _a as MazRadioButtons,
-  Pa as MazReadingProgressBar,
-  Aa as MazSelect,
-  Da as MazSlider,
-  wa as MazSpinner,
-  Ea as MazStepper,
-  Na as MazSwitch,
-  Fa as MazTable,
-  ja as MazTableCell,
-  Ha as MazTableRow,
-  Ka as MazTableTitle,
-  Qa as MazTabs,
-  Va as MazTabsBar,
-  Xa as MazTabsContent,
-  Za as MazTabsContentItem,
-  ae as MazTextarea,
-  re as MazTransitionExpand
-};

package/dist/composables/useAos.js

@@ -1,7 +0,0 @@
-import { injectStrict as t } from "../helpers/injectStrict.js";
-function r() {
-  return t("aos");
-}
-export {
-  r as useAos
-};

package/dist/composables/useBreakpoints.js

@@ -1,40 +0,0 @@
-import { computed as s } from "vue";
-import { useWindowSize as v } from "./useWindowSize.js";
-function S(t) {
-  const r = {};
-  for (const [o, c] of Object.entries(t))
-    r[o] = Number.parseInt(c, 10);
-  return r;
-}
-function b({
-  initialWidth: t = 0,
-  initialHeight: r,
-  includeScrollbar: o,
-  internalWindow: c,
-  listenOrientation: a,
-  breakpoints: u,
-  mediumBreakPoint: i = "md",
-  largeBreakPoint: m = "lg"
-}) {
-  const { width: e } = v({
-    initialWidth: t,
-    // (SSR) mobile first
-    initialHeight: r,
-    includeScrollbar: o,
-    internalWindow: c,
-    listenOrientation: a
-  }), n = S(u), l = s(() => e.value >= n[m]), p = s(
-    () => e.value >= n[i] && e.value < n[m]
-  ), f = s(() => e.value >= 0 && e.value < n[i]);
-  return {
-    width: e,
-    numericBreakpoints: n,
-    isSmallScreen: f,
-    isLargeScreen: l,
-    isMediumScreen: p,
-    breakpoints: u
-  };
-}
-export {
-  b as useBreakpoints
-};

package/dist/composables/useDialog.js

@@ -1,7 +0,0 @@
-import { injectStrict as t } from "../helpers/injectStrict.js";
-function o() {
-  return t("dialog");
-}
-export {
-  o as useDialog
-};

package/dist/composables/useFormField.js

@@ -1,98 +0,0 @@
-import { e as V, f as S, i as I, j as h, k as y, d as M, g as b, r as $, l as z, m as B, n as k } from "../chunks/utils.Cg8nbVpk.js";
-import { checkAvailability as x } from "../helpers/checkAvailability.js";
-import { freezeValue as A } from "../helpers/freezeValue.js";
-import { isEqual as H } from "../helpers/isEqual.js";
-import { computed as t, onMounted as N, onUnmounted as T } from "vue";
-function O(e, d) {
-  const l = {
-    formIdentifier: "main-form-validator",
-    ...d
-  }, {
-    fieldsStates: f,
-    payload: r,
-    options: c,
-    internalSchema: u,
-    errorMessages: E,
-    isSubmitted: g
-  } = V(l.formIdentifier, "useFormField"), o = S(e, u.value) ? (d == null ? void 0 : d.mode) ?? c.mode : void 0;
-  l.mode = o;
-  const a = t(() => f.value[e]);
-  if (f.value[e] = I({
-    name: e,
-    fieldState: a.value,
-    payload: r.value,
-    schema: u.value,
-    options: { ...c, ...l }
-  }), l.defaultValue !== void 0 && !H(r.value[e], l.defaultValue)) {
-    const i = l.defaultValue;
-    r.value[e] = i, f.value[e].initialValue = A(i);
-  }
-  o && h({
-    name: e,
-    fieldState: a.value,
-    payload: r.value,
-    schema: u.value,
-    setError: o === "aggressive",
-    setErrorIfInvalidAndNotEmpty: o === "lazy"
-  });
-  function v() {
-    z({
-      name: e,
-      fieldState: a.value,
-      payload: r.value,
-      schema: u.value,
-      isSubmitted: g.value
-    });
-  }
-  const p = t(
-    () => y({
-      ref: l.ref,
-      onBlur: v,
-      fieldState: a.value
-    })
-  );
-  if (l.ref && M(["eager", "blur", "progressive"], o)) {
-    let i = [];
-    const F = (n) => {
-      i = B(n), k({
-        interactiveElements: i,
-        onBlur: v,
-        mode: o
-      });
-    };
-    N(() => {
-      const n = b(`useFormField of ${e}`);
-      x(() => n.refs[l.ref], (s) => {
-        const m = s instanceof HTMLElement ? s : s == null ? void 0 : s.$el;
-        m && F(m);
-      }, {
-        errorMessage: `[maz-ui](useFormField) No element found for ref ${l.ref} for field ${e}`
-      });
-    }), T(() => {
-      $({
-        interactiveElements: i,
-        onBlur: v
-      });
-    });
-  }
-  return {
-    hasError: t(() => a.value.error),
-    errors: t(() => a.value.errors),
-    errorMessage: t(() => E.value[e]),
-    isValid: t(() => a.value.valid),
-    isDirty: t(() => a.value.dirty),
-    isBlurred: t(() => a.value.blurred),
-    isValidated: t(() => a.value.validated),
-    isValidating: t(() => a.value.validating),
-    mode: t(() => a.value.mode),
-    value: t({
-      get: () => r.value[e],
-      set: (i) => r.value[e] = i
-    }),
-    validationEvents: p,
-    onBlur: v
-  };
-}
-export {
-  O as useFormField
-};

package/dist/composables/useFormValidator.js

@@ -1,116 +0,0 @@
-import { g as O, C as V, a as k, b as P, c as W, u as z, v as G, s as E, h as N, d as q } from "../chunks/utils.Cg8nbVpk.js";
-import { ref as r, computed as f, watch as p, provide as A, nextTick as B } from "vue";
-function K({ schema: T, defaultValues: x, model: i, options: j }) {
-  const n = O("useFormValidator"), s = {
-    mode: V.mode,
-    scrollToError: V.scrollToErrorSelector,
-    debouncedFields: null,
-    throttledFields: null,
-    identifier: "main-form-validator",
-    ...j
-  }, m = r(x), a = r({ ...m.value, ...i == null ? void 0 : i.value }), o = r(T), t = r(
-    k({
-      schema: o.value,
-      payload: a.value,
-      options: s
-    })
-  ), u = r(!1), c = r(!1), h = f(() => Object.values(t.value).every(({ valid: e }) => e)), C = f(() => Object.values(t.value).some(({ dirty: e }) => e)), y = f(() => P(t.value)), F = f(() => W(y.value, t.value));
-  i && p(
-    a,
-    (e) => {
-      i.value = { ...m.value, ...e };
-    },
-    { deep: !0 }
-  ), p(
-    m,
-    (e) => {
-      a.value = { ...e, ...a.value };
-    },
-    { deep: !0 }
-  ), p(
-    o,
-    (e) => {
-      z({
-        schema: e,
-        fieldsStates: t.value,
-        payload: a.value,
-        options: s
-      }), d();
-    },
-    { deep: !0 }
-  ), d();
-  function d(e = s.mode === "aggressive") {
-    return G({
-      fieldsStates: t.value,
-      payload: a.value,
-      schema: o.value,
-      showErrors: e
-    });
-  }
-  const g = [];
-  async function I(e) {
-    await B();
-    const v = p(
-      () => a.value[e],
-      () => {
-        const l = t.value[e];
-        N({
-          name: e,
-          fieldState: l,
-          payload: a.value,
-          schema: o.value,
-          isSubmitted: c.value,
-          forceValidation: q(["aggressive", "lazy", "progressive"], l.mode)
-        });
-      },
-      { deep: typeof o.value[e] == "object" }
-    );
-    g.push(v);
-  }
-  function M() {
-    for (const e of g)
-      e();
-    for (const e of Object.keys(o.value))
-      I(e);
-  }
-  function D(e, v) {
-    return async (l) => {
-      if (l == null || l.preventDefault(), !u.value) {
-        c.value = !0, u.value = !0;
-        try {
-          await d(!0);
-          const b = typeof v == "string" ? v : s.scrollToError;
-          let w;
-          return h.value ? w = await e(a.value) : typeof b != "boolean" && E(b), u.value = !1, w;
-        } finally {
-          u.value = !1;
-        }
-      }
-    };
-  }
-  const S = {
-    fieldsStates: t,
-    payload: a,
-    options: s,
-    internalSchema: o,
-    errorMessages: F,
-    isSubmitted: c
-  };
-  return n.formContexts ?? (n.formContexts = /* @__PURE__ */ new Map()), n.formContexts.set(s.identifier, S), A(s.identifier, S), M(), {
-    identifier: s.identifier,
-    isDirty: C,
-    isSubmitting: u,
-    isSubmitted: c,
-    isValid: h,
-    errors: y,
-    model: a,
-    fieldsStates: t,
-    validateForm: d,
-    scrollToError: E,
-    handleSubmit: D,
-    errorMessages: F
-  };
-}
-export {
-  K as useFormValidator
-};

package/dist/composables/useIdleTimeout.js

@@ -1,10 +0,0 @@
-import { IdleTimeout as t } from "../helpers/idleTimeout.js";
-function u({
-  callback: e,
-  options: o
-}) {
-  return new t(e, o);
-}
-export {
-  u as useIdleTimeout
-};

package/dist/composables/useInstanceUniqId.js

@@ -1,10 +0,0 @@
-import { computed as r, useId as t } from "vue";
-function u({
-  componentName: e,
-  providedId: n
-}) {
-  return r(() => n ?? `${e}-${t().replace(/:/g, "")}`);
-}
-export {
-  u as useInstanceUniqId
-};