@codeandfunction/callaloo 4.9.3 → 4.9.5

package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-CzSDeL_X.js

@@ -1,202 +0,0 @@
-import '../components/Popups/CLToast/CLToast.css';
-import { defineComponent as q, ref as n, computed as G, watch as J, onMounted as K, onUnmounted as O, onBeforeUnmount as Q, createElementBlock as D, openBlock as h, normalizeStyle as W, normalizeClass as c, unref as a, createElementVNode as y, createCommentVNode as $, createVNode as M, createBlock as A, withCtx as B, createTextVNode as S, toDisplayString as N } from "vue";
-import { _ } from "./CLButton.vue_vue_type_style_index_0_lang-MvhnNzVW.js";
-import { _ as X } from "./CLIcon.vue_vue_type_style_index_0_lang-Dhr2tI-g.js";
-import { _ as H } from "./CLText.vue_vue_type_style_index_0_lang-B-L8ECJL.js";
-import { CLColorVariants as x, CLMode as C, CLColors as g, CLToastPosition as Y, CLIconSizes as P, CLTextTypes as I, CLSizes as ee, CLIconNames as te } from "../index.js";
-import { i as U, g as oe, a as ae } from "./helper-qUkciePY.js";
-import { useEsc as se } from "../composables/useEsc.js";
-import { g as Z } from "./utils-D00IXMTR.js";
-import { useTheme as ie } from "../composables/useTheme.js";
-const le = ({ color: t }) => {
-  const { colors: e, darkMode: m } = ie(), i = Z({
-    color: t,
-    colors: e.value,
-    mode: m.value ? C.Light : C.Light,
-    variant: x.Soft
-  }), s = Z({
-    color: g.Neutral,
-    colors: e.value,
-    mode: m.value ? C.Light : C.Dark,
-    variant: x.Text
-  });
-  return {
-    "--clll-toast-bg-color": m.value ? "white" : "#322F35",
-    // Text override variables
-    "--clll-toast-text-color": s?.textBody,
-    // Action button override variables
-    "--clll-toast-action-button-text-color": i?.text,
-    "--clll-toast-action-button-bg-color": i?.bg,
-    "--clll-toast-action-button-hover-color": i?.hover,
-    // Dismiss button override variables
-    "--clll-toast-dismiss-button-text-color": s?.text,
-    "--clll-toast-dismiss-button-bg-color": s?.bg,
-    "--clll-toast-dismiss-button-hover-color": s?.hover,
-    // Icon colors
-    "--clll-toast-icon-bg": i?.bg,
-    "--clll-toast-icon-color": i?.text,
-    "--clll-toast-theme-radius": "var(--clll-default-radius)"
-  };
-}, ne = ["data-testid"], d = 300, o = "clll-toast", Te = /* @__PURE__ */ q({
-  name: "CLToast",
-  __name: "CLToast",
-  props: {
-    actionLabel: {},
-    borderRadius: {},
-    color: { default: g.Secondary },
-    dismissTimer: { default: 5 },
-    icon: {},
-    iconSize: { default: P.Small },
-    iconFilled: { type: Boolean, default: !1 },
-    message: {},
-    onAction: {},
-    onDismiss: {},
-    position: { default: Y.TopRight },
-    rounded: { type: Boolean, default: !0 },
-    testId: { default: "clll-toast" },
-    title: {},
-    width: { default: "24rem" }
-  },
-  setup(t) {
-    const e = t, m = n(), i = n(!1), s = n(), L = n(0), l = n(!1), v = n(null), k = n(0), f = n(0), r = n(!1), j = G(() => [
-      o,
-      e.borderRadius ? `${o}--${e.borderRadius}` : "",
-      e.dismissTimer ? `${o}--has-timer` : "",
-      e.icon ? `${o}--has-icon` : "",
-      e.message && !e.title ? `${o}--has-messageonly` : "",
-      i.value ? `${o}--mounted` : "",
-      e.onAction && e.actionLabel ? `${o}--has-action` : "",
-      e.rounded ? `${o}--rounded` : `${o}--box`,
-      e.title && !e.message ? `${o}--has-titleonly` : "",
-      e.title && e.message ? `${o}--has-titleandmessage` : "",
-      `${o}--${e.position}`
-    ]), b = () => {
-      v.value !== null && (clearTimeout(v.value), v.value = null), s.value?.stop();
-    }, V = () => {
-      !e.dismissTimer || l.value || (b(), k.value = Date.now(), f.value = e.dismissTimer * 1e3, r.value = !1, v.value = setTimeout(() => {
-        !r.value && !l.value && T();
-      }, f.value));
-    }, z = () => {
-      if (!e.dismissTimer || r.value || l.value) return;
-      r.value = !0;
-      const u = Date.now() - k.value;
-      f.value = Math.max(0, f.value - u), b();
-    }, w = () => {
-      !e.dismissTimer || !r.value || l.value || (r.value = !1, k.value = Date.now(), v.value = setTimeout(() => {
-        !r.value && !l.value && T();
-      }, f.value));
-    }, E = () => {
-      document.hidden ? z() : w();
-    }, T = () => {
-      l.value || (l.value = !0, i.value = !1, b(), s.value && s.value.start(d, (u) => {
-        Math.min(u, d) === d && (s.value?.stop(), e.onDismiss?.());
-      }), R());
-    };
-    J(() => e.dismissTimer, () => {
-      b(), l.value = !1, e.dismissTimer && e.dismissTimer > 0 && V();
-    }), K(() => {
-      U && (L.value = oe() + 1, s.value || (s.value = ae(), s.value.start(100, (u) => {
-        Math.min(u, 100) === 100 && (s.value?.stop(), i.value = !0, e.dismissTimer && s.value?.start(d, (p) => {
-          Math.min(p, d) === d && (s.value?.stop(), V());
-        }));
-      })), document.addEventListener("visibilitychange", E));
-    }), O(() => {
-      U && (b(), s.value = void 0, document.removeEventListener("visibilitychange", E)), i.value = !1, l.value || (l.value = !0, e.onDismiss?.());
-    });
-    const { clearEventListeners: R } = se({ escHandler: T });
-    return Q(() => {
-      R();
-    }), (u, F) => (h(), D("output", {
-      ref_key: "elem",
-      ref: m,
-      class: c(a(j)),
-      "data-testid": t.testId,
-      style: W({ zIndex: a(L), "--clll-toast-width": t.width, ...a(le)({ color: t.color }) }),
-      onMouseenter: z,
-      onMouseleave: w,
-      onFocusin: z,
-      onFocusout: w
-    }, [
-      y("div", {
-        class: c(`${o}__body`)
-      }, [
-        y("div", {
-          class: c(`${o}__content`)
-        }, [
-          t.icon ? (h(), D("div", {
-            key: 0,
-            class: c(`${o}__icon`)
-          }, [
-            M(a(X), {
-              filled: t.iconFilled,
-              name: t.icon,
-              size: t.iconSize
-            }, null, 8, ["filled", "name", "size"])
-          ], 2)) : $("", !0),
-          y("div", {
-            class: c(`${o}__text`)
-          }, [
-            t.title ? (h(), A(a(H), {
-              key: 0,
-              color: a(g).Neutral,
-              "test-id": `${o}__title`,
-              type: a(I).Body,
-              bold: ""
-            }, {
-              default: B(() => [
-                S(N(t.title), 1)
-              ]),
-              _: 1
-            }, 8, ["color", "test-id", "type"])) : $("", !0),
-            t.message ? (h(), A(a(H), {
-              key: 1,
-              color: a(g).Neutral,
-              "test-id": `${o}__message`,
-              type: t.title ? a(I).Medium : a(I).Body
-            }, {
-              default: B(() => [
-                S(N(t.message), 1)
-              ]),
-              _: 1
-            }, 8, ["color", "test-id", "type"])) : $("", !0)
-          ], 2),
-          t.onAction && t.actionLabel ? (h(), D("div", {
-            key: 1,
-            class: c(`${o}__action-button`)
-          }, [
-            M(a(_), {
-              color: t.color,
-              "border-radius": t.borderRadius,
-              "on-click": t.onAction,
-              "test-id": `${o}__action-button`,
-              variant: a(x).Soft
-            }, {
-              default: B(() => [
-                S(N(t.actionLabel), 1)
-              ]),
-              _: 1
-            }, 8, ["color", "border-radius", "on-click", "test-id", "variant"])
-          ], 2)) : $("", !0)
-        ], 2),
-        y("div", {
-          class: c(`${o}__dismiss-button`)
-        }, [
-          M(a(_), {
-            "aria-label": "Dismiss toast",
-            color: a(g).Neutral,
-            "border-radius": t.borderRadius,
-            "icon-before": a(te).Delete,
-            "icon-size": a(P).Tiny,
-            "on-click": T,
-            size: a(ee).Tiny,
-            "test-id": `${o}__dismiss-button`,
-            variant: a(x).Text
-          }, null, 8, ["color", "border-radius", "icon-before", "icon-size", "size", "test-id", "variant"])
-        ], 2)
-      ], 2)
-    ], 46, ne));
-  }
-});
-export {
-  Te as _
-};

package/dist/chunks/CLToastProvider.vue_vue_type_script_setup_true_lang-DkGK0H4Z.js

@@ -1,35 +0,0 @@
-import { defineComponent as m, ref as t, provide as l, createElementBlock as c, openBlock as a, createBlock as u, createCommentVNode as p, renderSlot as v, unref as f, mergeProps as _ } from "vue";
-import { _ as T } from "./CLToast.vue_vue_type_style_index_0_lang-CzSDeL_X.js";
-import { T as b } from "./context-dkA4VoF7.js";
-const h = { class: "clll-toast-provider" }, y = /* @__PURE__ */ m({
-  name: "CLToastProvider",
-  __name: "CLToastProvider",
-  props: {
-    borderRadius: {},
-    dismissTimer: {},
-    position: {}
-  },
-  setup(n) {
-    const o = n, i = t({}), s = t(!1), d = (e) => {
-      i.value = {
-        ...e,
-        borderRadius: e.borderRadius ?? o.borderRadius,
-        dismissTimer: e.dismissTimer ?? o.dismissTimer,
-        position: e.position ?? o.position
-      }, s.value = !0;
-    }, r = () => {
-      s.value = !1, i.value = {};
-    };
-    return l(b, {
-      visible: s,
-      showToast: d,
-      hideToast: r
-    }), (e, k) => (a(), c("div", h, [
-      s.value ? (a(), u(f(T), _({ key: 0 }, i.value, { "on-dismiss": r }), null, 16)) : p("", !0),
-      v(e.$slots, "default")
-    ]));
-  }
-});
-export {
-  y as _
-};

package/dist/chunks/context-CEvx70FY.js

@@ -1,264 +0,0 @@
-import { ref as b } from "vue";
-import { CLMode as o } from "../index.js";
-function c(e, r) {
-  if (!r)
-    return e;
-  const f = { ...e };
-  for (const t in r)
-    if (Object.prototype.hasOwnProperty.call(r, t)) {
-      const a = r[t], d = f[t];
-      l(d) && l(a) ? f[t] = c(d, a) : f[t] = a;
-    }
-  return f;
-}
-function l(e) {
-  return e !== null && typeof e == "object" && !Array.isArray(e) && !(e instanceof Date) && !(e instanceof Map) && !(e instanceof Set);
-}
-const i = {
-  borderRadius: void 0,
-  colors: {
-    primary: {
-      0: "#ffffff",
-      100: "#def5ff",
-      200: "#b6eeff",
-      300: "#75e3ff",
-      400: "#2cd6ff",
-      500: "#00c8ff",
-      600: "#009cd4",
-      700: "#007cab",
-      800: "#00688d",
-      900: "#065674"
-    },
-    secondary: {
-      0: "#ffffff",
-      100: "#DEE2E8",
-      200: "#BFC7D4",
-      300: "#9EAABD",
-      400: "#8090A8",
-      500: "#61738E",
-      600: "#4F5D73",
-      700: "#3A4555",
-      800: "#272F3A",
-      900: "#13161B"
-    },
-    neutral: {
-      0: "#ffffff",
-      100: "#F7F7F7",
-      200: "#F2F2F2",
-      300: "#EBEBEB",
-      400: "#E6E6E6",
-      500: "#DEDEDE",
-      600: "#B3B3B3",
-      700: "#858585",
-      800: "#595959",
-      900: "#2B2B2B"
-    },
-    danger: {
-      0: "#ffffff",
-      100: "#ffd3ce",
-      200: "#ffb2ac",
-      300: "#ff8e88",
-      400: "#fe6561",
-      500: "#e74c4c",
-      600: "#d20e27",
-      700: "#9b0018",
-      800: "#63000c",
-      900: "#360003"
-    },
-    warning: {
-      0: "#ffffff",
-      100: "#ffeaba",
-      200: "#ffdf95",
-      300: "#ffd36a",
-      400: "#fdc836",
-      500: "#f5be1a",
-      600: "#c79800",
-      700: "#8a6900",
-      800: "#4f3b00",
-      900: "#211700"
-    },
-    success: {
-      0: "#ffffff",
-      100: "#9effb2",
-      200: "#69f68d",
-      300: "#56e57e",
-      400: "#41d56e",
-      500: "#22c55d",
-      600: "#00a147",
-      700: "#007230",
-      800: "#00441a",
-      900: "#001f08"
-    },
-    info: {
-      0: "#ffffff",
-      100: "#cfe2ff",
-      200: "#afceff",
-      300: "#8eb9ff",
-      400: "#6ca4ff",
-      500: "#4e8ff8",
-      600: "#2470e7",
-      700: "#004cb5",
-      800: "#002e73",
-      900: "#00153e"
-    }
-  },
-  darkMode: !1,
-  fontFamily: "BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif"
-}, y = {
-  contrast: {
-    [o.Light]: {
-      border: 900,
-      borderHover: 700,
-      bg: 900,
-      disabled: 500,
-      focus: 900,
-      hover: 800,
-      shadow: 900,
-      text: 0,
-      textDisabled: 800
-    },
-    [o.Dark]: {
-      border: 400,
-      borderHover: 700,
-      bg: 100,
-      disabled: 500,
-      focus: 400,
-      hover: 200,
-      shadow: 400,
-      text: 900,
-      textDisabled: 500
-    }
-  },
-  ghost: {
-    [o.Light]: {
-      disabled: 100,
-      focus: 700,
-      text: 800,
-      textDisabled: 800
-    },
-    [o.Dark]: {
-      disabled: 700,
-      focus: 300,
-      text: 300,
-      textDisabled: 700
-    }
-  },
-  outline: {
-    [o.Light]: {
-      border: 300,
-      borderHover: 700,
-      disabled: 400,
-      focus: 700,
-      hover: 100,
-      text: 900,
-      textBody: 700,
-      textDisabled: 800
-    },
-    [o.Dark]: {
-      border: 500,
-      borderHover: 500,
-      disabled: 800,
-      focus: 300,
-      hover: 900,
-      text: 300,
-      textBody: 300,
-      textDisabled: 700
-    }
-  },
-  soft: {
-    [o.Light]: {
-      bg: 100,
-      border: 300,
-      borderHover: 700,
-      disabled: 100,
-      focus: 400,
-      hover: 200,
-      shadow: 200,
-      text: 900,
-      textDisabled: 800
-    },
-    [o.Dark]: {
-      bg: 900,
-      border: 100,
-      borderHover: 300,
-      disabled: 800,
-      focus: 100,
-      hover: 800,
-      shadow: 800,
-      text: 300,
-      textDisabled: 500
-    }
-  },
-  solid: {
-    [o.Light]: {
-      bg: 600,
-      border: 700,
-      borderHover: 900,
-      disabled: 500,
-      focus: 700,
-      hover: 500,
-      shadow: 700,
-      text: 0,
-      textDisabled: 100
-    },
-    [o.Dark]: {
-      bg: 400,
-      border: 100,
-      borderHover: 300,
-      disabled: 600,
-      focus: 100,
-      hover: 500,
-      shadow: 100,
-      text: 900,
-      textDisabled: 800
-    }
-  },
-  text: {
-    [o.Light]: {
-      border: 100,
-      borderHover: 300,
-      disabled: 100,
-      focus: 800,
-      hover: 200,
-      text: 800,
-      textBody: 800,
-      textDisabled: 700
-    },
-    [o.Dark]: {
-      border: 300,
-      borderHover: 500,
-      disabled: 800,
-      focus: 300,
-      hover: 900,
-      text: 100,
-      textBody: 100,
-      textDisabled: 500
-    }
-  }
-}, F = (e) => {
-  const r = b(e?.borderRadius || i.borderRadius), f = b(e?.darkMode ?? i.darkMode), t = b(e?.fontFamily ?? i.fontFamily), a = c(i.colors, e?.colors), d = b(a);
-  return {
-    borderRadius: r,
-    colors: d,
-    darkMode: f,
-    fontFamily: t,
-    setBorderRadius: (s) => {
-      r.value = s;
-    },
-    setColors: (s) => {
-      d.value = { ...d.value, ...s };
-    },
-    setDarkMode: (s) => {
-      f.value = s;
-    },
-    setFontFamily: (s) => {
-      t.value = s;
-    }
-  };
-}, B = /* @__PURE__ */ Symbol("clll-theme");
-export {
-  y as C,
-  i as D,
-  B as T,
-  F as s
-};

package/dist/chunks/context-dkA4VoF7.js

@@ -1,4 +0,0 @@
-const o = /* @__PURE__ */ Symbol("clll-toast");
-export {
-  o as T
-};