maz-ui 3.29.0 → 3.29.1

package/components/MazAvatar.d.ts

@@ -71,6 +71,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: undefined;
     };
+    roundedSize: {
+        type: PropType<"sm" | "md" | "lg" | "xl" | "none" | "full">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -143,6 +148,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: undefined;
     };
+    roundedSize: {
+        type: PropType<"sm" | "md" | "lg" | "xl" | "none" | "full">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
@@ -163,6 +173,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     buttonColor: Color;
     noClickableIcon: boolean;
     letterCount: number;
+    roundedSize: "sm" | "md" | "lg" | "xl" | "none" | "full";
 }, {}>, {
     "round-text"?(_: {}): any;
     icon?(_: {}): any;

package/components/MazAvatar.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazAvatar-HJMP2asX.mjs";
+import { M as f } from "./chunks/MazAvatar-0JzIvOc4.mjs";
 export {
   f as default
 };

package/components/MazBadge.d.ts

@@ -24,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     roundedSize: {
-        type: StringConstructor;
+        type: PropType<"sm" | "md" | "lg" | "xl" | "none" | "full">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -51,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     roundedSize: {
-        type: StringConstructor;
+        type: PropType<"sm" | "md" | "lg" | "xl" | "none" | "full">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -60,8 +60,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: BadgeColor;
     outline: boolean;
     pastel: boolean;
+    roundedSize: "sm" | "md" | "lg" | "xl" | "none" | "full";
     nowrap: boolean;
-    roundedSize: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/components/MazBadge.mjs

@@ -51,7 +51,7 @@ const c = /* @__PURE__ */ l({
   for (const [n, o] of t)
     a[n] = o;
   return a;
-}, y = /* @__PURE__ */ f(c, [["__scopeId", "data-v-3f8b9fee"]]);
+}, y = /* @__PURE__ */ f(c, [["__scopeId", "data-v-8368c7f0"]]);
 export {
   y as default
 };

package/components/MazPullToRefresh.d.ts

@@ -0,0 +1,88 @@
+import type { Color } from './types';
+export type { Color } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    distance?: number | undefined;
+    offset?: number | undefined;
+    action?: (() => unknown) | undefined;
+    containerSelector?: string | undefined;
+    headerClass?: string | undefined;
+    spinnerColor?: Color | undefined;
+    disabled?: boolean | undefined;
+    standaloneMode?: boolean | undefined;
+}>, {
+    distance: number;
+    offset: number;
+    action: undefined;
+    containerSelector: undefined;
+    headerClass: undefined;
+    spinnerColor: string;
+    disabled: boolean;
+    standaloneMode: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (...args: any[]) => void;
+    loaded: (...args: any[]) => void;
+    start: (...args: any[]) => void;
+    finish: (...args: any[]) => void;
+    response: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    distance?: number | undefined;
+    offset?: number | undefined;
+    action?: (() => unknown) | undefined;
+    containerSelector?: string | undefined;
+    headerClass?: string | undefined;
+    spinnerColor?: Color | undefined;
+    disabled?: boolean | undefined;
+    standaloneMode?: boolean | undefined;
+}>, {
+    distance: number;
+    offset: number;
+    action: undefined;
+    containerSelector: undefined;
+    headerClass: undefined;
+    spinnerColor: string;
+    disabled: boolean;
+    standaloneMode: boolean;
+}>>> & {
+    onError?: ((...args: any[]) => any) | undefined;
+    onLoaded?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
+    onFinish?: ((...args: any[]) => any) | undefined;
+    onResponse?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    action: () => unknown;
+    offset: number;
+    distance: number;
+    containerSelector: string;
+    headerClass: string;
+    spinnerColor: Color;
+    standaloneMode: boolean;
+}, {}>, {
+    "pull-before"?(_: {}): any;
+    "pull-ready"?(_: {}): any;
+    "pull-loading"?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazPullToRefresh.mjs

@@ -0,0 +1,185 @@
+import "./assets/MazPullToRefresh.css";
+import { defineComponent as P, computed as p, ref as _, watch as R, onUnmounted as x, resolveComponent as V, openBlock as c, createElementBlock as v, normalizeClass as M, normalizeStyle as Y, renderSlot as f, createCommentVNode as y, createElementVNode as b, createVNode as $, pushScopeId as N, popScopeId as A } from "vue";
+function L() {
+  return typeof document < "u";
+}
+function H() {
+  if (!L())
+    return !1;
+  const o = navigator, d = window.matchMedia("(display-mode: standalone)").matches;
+  return o.standalone || d;
+}
+const k = (o) => (N("data-v-a874f56d"), o = o(), A(), o), q = {
+  key: 0,
+  class: "header-text"
+}, D = /* @__PURE__ */ k(() => /* @__PURE__ */ b(
+  "span",
+  null,
+  "Pull to refresh",
+  -1
+  /* HOISTED */
+)), F = {
+  key: 1,
+  class: "header-text"
+}, O = /* @__PURE__ */ k(() => /* @__PURE__ */ b(
+  "span",
+  null,
+  " Release to refresh ",
+  -1
+  /* HOISTED */
+)), U = {
+  key: 2,
+  class: "header-text"
+}, j = { class: "maz-flex maz-flex-col maz-flex-center" }, G = /* @__PURE__ */ P({
+  __name: "MazPullToRefresh",
+  props: {
+    distance: { default: 100 },
+    offset: { default: 0 },
+    action: { type: Function, default: void 0 },
+    containerSelector: { default: void 0 },
+    headerClass: { default: void 0 },
+    spinnerColor: { default: "theme" },
+    disabled: { type: Boolean, default: !1 },
+    standaloneMode: { type: Boolean, default: !1 }
+  },
+  emits: ["loaded", "start", "error", "finish", "response"],
+  setup(o, { emit: d }) {
+    const a = o, r = d, l = p(
+      () => a.disabled || a.action === void 0 || a.standaloneMode && L() && !H()
+    ), m = _({
+      top: 0,
+      bottom: 0
+    }), t = _({
+      from: -1,
+      to: -1,
+      distance: 0,
+      available: !1,
+      state: "end"
+    }), i = _(!1), s = p(() => {
+      if (typeof document > "u" || l.value)
+        return;
+      const e = a.containerSelector ? document.querySelector(a.containerSelector) : document.body;
+      if (!e)
+        throw new Error("MazPullToRefresh - container not found");
+      return e;
+    }), h = p(() => t.value.state !== "move" && t.value.state !== "end" || l.value ? 0 : t.value.distance > a.distance ? a.distance : t.value.distance);
+    function T(e) {
+      const { top: n, height: u } = e.getBoundingClientRect();
+      m.value = {
+        top: n,
+        bottom: window.innerHeight - (u + n + a.offset)
+      };
+    }
+    function g(e) {
+      i.value = e;
+    }
+    function w(e) {
+      if (i.value || m.value.top < 0 && m.value.bottom < 0 || l.value)
+        return;
+      const n = e.touches.item(0);
+      n && (t.value.state = "start", t.value.from = n.pageY);
+    }
+    function S(e) {
+      if (i.value || t.value.from < 0 || window.scrollY > 0 || l.value)
+        return;
+      const n = e.touches.item(0);
+      if (!n)
+        return;
+      t.value.to = n.pageY;
+      const u = t.value.to - t.value.from;
+      t.value.distance = u > 0 ? u : 0, t.value.available = t.value.distance >= a.distance, t.value.state = "move";
+    }
+    function E() {
+      i.value || l.value || (h.value === a.distance && t.value.state === "move" && window.scrollY <= 0 ? B() : z());
+    }
+    function z() {
+      t.value = {
+        from: -1,
+        to: -1,
+        distance: 0,
+        available: !1,
+        state: "end"
+      };
+    }
+    async function B() {
+      var e;
+      try {
+        g(!0), r("start");
+        const n = await ((e = a.action) == null ? void 0 : e.call(a));
+        r("loaded"), r("response", n);
+      } catch (n) {
+        throw r("error", n), n;
+      } finally {
+        z(), g(!1), r("finish");
+      }
+    }
+    R(
+      () => l.value,
+      (e) => {
+        e === !0 ? C() : I();
+      },
+      { immediate: !0 }
+    );
+    function I() {
+      !s.value || l.value || document === void 0 || (s.value.addEventListener("touchstart", w), s.value.addEventListener("touchmove", S), s.value.addEventListener("touchend", E), T(s.value));
+    }
+    function C() {
+      !s.value || document === void 0 || (s.value.removeEventListener("touchstart", w), s.value.removeEventListener("touchmove", S), s.value.removeEventListener("touchend", E));
+    }
+    return x(() => {
+      C();
+    }), (e, n) => {
+      const u = V("MazSpinner");
+      return c(), v(
+        "div",
+        {
+          class: M(["m-pull-to-refresh", { "--available": t.value.available || h.value > 10 }])
+        },
+        [
+          l.value ? y("v-if", !0) : (c(), v(
+            "div",
+            {
+              key: 0,
+              class: M(["loading-header", e.headerClass]),
+              style: Y({ height: h.value + "px" })
+            },
+            [
+              t.value.available ? t.value.available && !i.value ? (c(), v("div", F, [
+                f(e.$slots, "pull-ready", {}, () => [
+                  O
+                ], !0)
+              ])) : y("v-if", !0) : (c(), v("div", q, [
+                f(e.$slots, "pull-before", {}, () => [
+                  D
+                ], !0)
+              ])),
+              i.value ? (c(), v("div", U, [
+                f(e.$slots, "pull-loading", {}, () => [
+                  b("div", j, [
+                    $(u, {
+                      color: e.spinnerColor,
+                      size: "2.5em"
+                    }, null, 8, ["color"])
+                  ])
+                ], !0)
+              ])) : y("v-if", !0)
+            ],
+            6
+            /* CLASS, STYLE */
+          )),
+          f(e.$slots, "default", {}, void 0, !0)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+}), J = (o, d) => {
+  const a = o.__vccOpts || o;
+  for (const [r, l] of d)
+    a[r] = l;
+  return a;
+}, W = /* @__PURE__ */ J(G, [["__scopeId", "data-v-a874f56d"]]);
+export {
+  W as default
+};