@codeandfunction/callaloo 4.9.4 → 4.9.6

package/dist/chunks/CLPill.vue_vue_type_style_index_0_lang-BQim03ge.js

@@ -1,94 +0,0 @@
-import '../components/Indicators/CLPill/CLPill.css';
-import { defineComponent as y, computed as s, createElementBlock as i, openBlock as a, Fragment as h, createCommentVNode as o, createBlock as r, normalizeStyle as m, normalizeClass as c, unref as t, createElementVNode as u, toDisplayString as d, withCtx as z } from "vue";
-import { _ as B } from "./CLButton.vue_vue_type_style_index_0_lang-MvhnNzVW.js";
-import { _ as f } from "./CLIcon.vue_vue_type_style_index_0_lang-Dhr2tI-g.js";
-import { CLColorVariants as b, CLColors as L, CLIconSizes as $ } from "../index.js";
-import { p as C } from "./utils-nD3K7jh9.js";
-const x = ["data-testid"], E = /* @__PURE__ */ y({
-  name: "CLPill",
-  __name: "CLPill",
-  props: {
-    color: { default: L.Neutral },
-    count: {},
-    elevated: { type: Boolean, default: !1 },
-    icon: {},
-    iconFilled: { type: Boolean, default: !1 },
-    label: {},
-    onClick: {},
-    rounded: { type: Boolean, default: !0 },
-    testId: { default: "clll-pill" },
-    variant: { default: b.Soft }
-  },
-  setup(e) {
-    const n = e, l = "clll-pill", k = s(() => [
-      l,
-      `${l}--${n.color}--${n.variant}`,
-      n.count ? `${l}--has-count` : "",
-      n.elevated ? `${l}--elevated` : "",
-      n.icon ? `${l}--has-icon` : `${l}--has-noicon`,
-      n.rounded ? `${l}--rounded` : ""
-    ]), v = s(() => [
-      l,
-      `${l}--clickable`,
-      `${l}--${n.color}--${n.variant}`,
-      n.count ? `${l}--has-count` : "",
-      n.icon ? `${l}--has-icon` : `${l}--has-noicon`,
-      n.rounded ? `${l}--rounded` : ""
-    ]);
-    return (F, S) => (a(), i(h, null, [
-      e.onClick ? o("", !0) : (a(), i("div", {
-        key: 0,
-        class: c(t(k)),
-        "data-testid": e.testId,
-        style: m(t(C)({ color: e.color, variant: e.variant }))
-      }, [
-        e.icon ? (a(), r(t(f), {
-          key: 0,
-          filled: e.iconFilled,
-          name: e.icon,
-          size: t($).Tiny
-        }, null, 8, ["filled", "name", "size"])) : o("", !0),
-        u("span", {
-          class: c(`${l}__label`)
-        }, d(e.label), 3),
-        e.count ? (a(), i("span", {
-          key: 1,
-          class: c(`${l}__count`)
-        }, d(e.count), 3)) : o("", !0)
-      ], 14, x)),
-      e.onClick ? (a(), r(t(B), {
-        key: 1,
-        color: e.color,
-        "on-click": e.onClick,
-        variant: e.variant,
-        pill: "",
-        rounded: e.rounded
-      }, {
-        default: z(() => [
-          u("div", {
-            class: c(t(v)),
-            style: m(t(C)({ color: e.color, variant: e.variant }))
-          }, [
-            e.icon ? (a(), r(t(f), {
-              key: 0,
-              filled: e.iconFilled,
-              name: e.icon,
-              size: t($).Tiny
-            }, null, 8, ["filled", "name", "size"])) : o("", !0),
-            u("span", {
-              class: c(`${l}__label`)
-            }, d(e.label), 3),
-            e.count ? (a(), i("span", {
-              key: 1,
-              class: c(`${l}__count`)
-            }, d(e.count), 3)) : o("", !0)
-          ], 6)
-        ]),
-        _: 1
-      }, 8, ["color", "on-click", "variant", "rounded"])) : o("", !0)
-    ], 64));
-  }
-});
-export {
-  E as _
-};

package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang-DduoX6Cu.js

@@ -1,31 +0,0 @@
-import '../components/Loading/CLSkeleton/CLSkeleton.css';
-import { defineComponent as d, computed as a, createElementBlock as r, openBlock as i, normalizeStyle as u, normalizeClass as c, unref as n, createElementVNode as m } from "vue";
-import { s as f } from "./utils-BfOa9ckr.js";
-const h = ["data-testid"], $ = /* @__PURE__ */ d({
-  name: "CLSkeleton",
-  __name: "CLSkeleton",
-  props: {
-    borderRadius: {},
-    height: { default: "100%" },
-    rounded: { type: Boolean, default: !0 },
-    testId: { default: "clll-skeleton" },
-    width: { default: "100%" }
-  },
-  setup(e) {
-    const l = e, t = "clll-skeleton", s = a(() => [
-      t,
-      l.borderRadius ? `${t}--${l.borderRadius}` : "",
-      l.rounded ? `${t}--rounded` : `${t}--square`
-    ]);
-    return (k, o) => (i(), r("div", {
-      class: c(n(s)),
-      "data-testid": e.testId,
-      style: u({ ...n(f)(), width: e.width, height: e.height })
-    }, [...o[0] || (o[0] = [
-      m("div", { class: "clll-skeleton__animation" }, null, -1)
-    ])], 14, h));
-  }
-});
-export {
-  $ as _
-};

package/dist/chunks/CLSpinner.vue_vue_type_style_index_0_lang-DlXqnsi8.js

@@ -1,55 +0,0 @@
-import '../components/Loading/CLSpinner/CLSpinner.css';
-import { defineComponent as d, computed as n, createElementBlock as r, openBlock as i, normalizeStyle as u, normalizeClass as c, unref as o, createElementVNode as a } from "vue";
-import { CLSizes as f, CLPosition as C, CLColors as $, CLAlign as z } from "../index.js";
-import { a as L } from "./utils-BfOa9ckr.js";
-const _ = ["data-testid"], h = /* @__PURE__ */ d({
-  name: "CLSpinner",
-  __name: "CLSpinner",
-  props: {
-    align: { default: z.Left },
-    color: { default: $.Primary },
-    position: { default: C.Absolute },
-    size: { default: f.Medium },
-    testId: { default: "clll-spinner" }
-  },
-  setup(l) {
-    const t = l, e = "clll-spinner", m = n(() => [
-      e,
-      `${e}--${t.position}`,
-      `${e}--${t.color}`,
-      `${e}--${t.size}`,
-      `${e}--${t.align}`
-    ]), p = n(() => [
-      `${e}__circle`,
-      `${e}__circle--${t.size}`
-    ]);
-    return (g, s) => (i(), r("div", {
-      class: c(o(m)),
-      "data-testid": l.testId,
-      style: u(o(L)({ color: l.color }))
-    }, [
-      (i(), r("svg", {
-        class: c(o(p)),
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: "0 0 24 24"
-      }, [...s[0] || (s[0] = [
-        a("circle", {
-          style: { opacity: "0.25" },
-          cx: "12",
-          cy: "12",
-          r: "10",
-          stroke: "currentColor",
-          "stroke-width": "4"
-        }, null, -1),
-        a("path", {
-          fill: "currentColor",
-          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-        }, null, -1)
-      ])], 2))
-    ], 14, _));
-  }
-});
-export {
-  h as _
-};

package/dist/chunks/CLText.vue_vue_type_style_index_0_lang-B-L8ECJL.js

@@ -1,48 +0,0 @@
-import '../components/Typography/CLText/CLText.css';
-import { defineComponent as d, computed as n, createBlock as r, openBlock as f, resolveDynamicComponent as c, normalizeStyle as m, normalizeClass as u, unref as o, withCtx as i, renderSlot as p } from "vue";
-import { CLTextTypes as y, CLColors as $, CLAlign as C } from "../index.js";
-import { t as x } from "./utils-eBt2zUZl.js";
-const L = /* @__PURE__ */ d({
-  name: "CLText",
-  __name: "CLText",
-  props: {
-    align: { default: C.Left },
-    as: { default: "p" },
-    bold: { type: Boolean, default: !1 },
-    bolder: { type: Boolean, default: !1 },
-    color: { default: $.Secondary },
-    light: { type: Boolean, default: !1 },
-    medium: { type: Boolean, default: !1 },
-    testId: { default: "clll-text" },
-    truncate: { type: Boolean, default: !1 },
-    type: { default: y.Body }
-  },
-  setup(l) {
-    const t = l, e = "clll-text", a = n(() => [
-      e,
-      `${e}--${t.align}`,
-      `${e}--${t.color}`,
-      `${e}--${t.truncate ? "wrap" : "nowrap"}`,
-      `${e}--${t.type}`,
-      {
-        [`${e}--mediumbold`]: t.medium,
-        [`${e}--light`]: t.light,
-        [`${e}--bold`]: t.bold,
-        [`${e}--bolder`]: t.bolder
-      }
-    ]);
-    return (s, B) => (f(), r(c(l.as), {
-      class: u(o(a)),
-      "data-testid": l.testId,
-      style: m(o(x)({ color: l.color }))
-    }, {
-      default: i(() => [
-        p(s.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "data-testid", "style"]));
-  }
-});
-export {
-  L as _
-};

package/dist/chunks/CLThemeProvider.vue_vue_type_script_setup_true_lang-jaJYKZL8.js

@@ -1,59 +0,0 @@
-import { defineComponent as c, provide as u, onMounted as h, onBeforeUnmount as D, watch as a, createBlock as C, openBlock as M, resolveDynamicComponent as g, normalizeStyle as k, unref as y, withCtx as v, renderSlot as p } from "vue";
-import { s as w, T as B, D as F } from "./context-CEvx70FY.js";
-import { i, b as T } from "./helper-qUkciePY.js";
-const S = /* @__PURE__ */ c({
-  __name: "CLThemeProvider",
-  props: {
-    tag: { default: "div" },
-    themeConfig: {},
-    autoDetectDarkMode: { type: Boolean, default: !0 }
-  },
-  setup(o) {
-    const t = o, d = w(t.themeConfig);
-    u(B, d);
-    const { setBorderRadius: l, setColors: m, setDarkMode: s, setFontFamily: f } = d;
-    let r = null;
-    const n = () => {
-      if (t.autoDetectDarkMode && i) {
-        const e = T();
-        s(e);
-      }
-    };
-    return h(() => {
-      t.autoDetectDarkMode && i && (n(), r = window.matchMedia("(prefers-color-scheme: dark)"), r.addEventListener("change", n));
-    }), D(() => {
-      r && i && r.removeEventListener("change", n);
-    }), a(
-      () => t.themeConfig?.borderRadius,
-      (e) => {
-        l(e);
-      }
-    ), a(
-      () => t.themeConfig?.colors,
-      (e) => {
-        e && m(e);
-      }
-    ), a(
-      () => t.themeConfig?.darkMode,
-      (e) => {
-        e !== void 0 && !t.autoDetectDarkMode && s(e);
-      }
-    ), a(
-      () => t.themeConfig?.fontFamily,
-      (e) => {
-        f(e);
-      }
-    ), (e, E) => (M(), C(g(o.tag), {
-      class: "clll-theme-provider",
-      style: k({ "--clll-font-family": o.themeConfig?.fontFamily || y(F).fontFamily, "--clll-default-radius": o.themeConfig?.borderRadius ? `var(--clll-${o.themeConfig.borderRadius})` : void 0 })
-    }, {
-      default: v(() => [
-        p(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["style"]));
-  }
-});
-export {
-  S as _
-};

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 _
-};