@codeandfunction/callaloo 4.9.3 → 4.9.5

package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-BXysZqLn.js

@@ -1,69 +0,0 @@
-import '../components/Navigation/CLLink/CLLink.css';
-import { defineComponent as k, computed as C, createElementBlock as x, openBlock as s, normalizeStyle as L, normalizeClass as b, unref as n, renderSlot as h, createBlock as v, createCommentVNode as y } from "vue";
-import { _ as g } from "./CLIcon.vue_vue_type_style_index_0_lang-Dhr2tI-g.js";
-import { CLMode as d, CLColors as u, CLColorVariants as $, CLLinkTarget as B, CLIconSizes as z, CLIconNames as I } from "../index.js";
-import { g as S } from "./utils-D00IXMTR.js";
-import { useTheme as D } from "../composables/useTheme.js";
-const H = ({
-  color: e = u.Primary,
-  underline: r = !0
-}) => {
-  const { colors: t, darkMode: o } = D(), a = o.value ? d.Dark : d.Light, l = S({
-    color: e,
-    colors: t.value,
-    mode: a,
-    variant: $.Outline
-  }), i = l?.border, m = l?.textDisabled, c = l?.textBody, f = o.value ? l?.borderHover : l?.textDisabled;
-  return {
-    "--clll-link-text-color": c ?? "inherit",
-    "--clll-link-text-hover": f ?? "inherit",
-    "--clll-link-underline-color": r ? i ?? "transparent" : "transparent",
-    "--clll-link-underline-hover": r ? m ?? "transparent" : "transparent",
-    "--clll-link-focus-border": c ?? "transparent",
-    "--clll-link-focus-shadow": l?.shadow ?? "transparent"
-  };
-}, T = ["aria-label", "data-testid", "href", "rel", "target"], P = /* @__PURE__ */ k({
-  name: "CLLink",
-  __name: "CLLink",
-  props: {
-    ariaLabel: {},
-    color: { default: u.Primary },
-    external: { type: Boolean, default: !1 },
-    href: {},
-    onClick: {},
-    rel: { default: "noreferrer noopener" },
-    target: { default: B.Self },
-    testId: { default: "clll-link" },
-    underline: { type: Boolean, default: !0 }
-  },
-  setup(e) {
-    const r = e, t = "clll-link", o = C(() => [
-      t,
-      `${t}--${r.color}`,
-      `${t}--${r.external ? "external" : "internal"}`,
-      r.underline ? `${t}--underline` : `${t}--nounderline`
-    ]);
-    return (a, l) => (s(), x("a", {
-      "aria-label": e.ariaLabel,
-      class: b(n(o)),
-      "data-testid": e.testId,
-      href: e.href,
-      rel: e.external ? e.rel : "",
-      target: e.target,
-      style: L(n(H)({ color: e.color, underline: e.underline })),
-      onClick: l[0] || (l[0] = //@ts-ignore
-      (...i) => e.onClick && e.onClick(...i))
-    }, [
-      h(a.$slots, "default"),
-      e.external ? (s(), v(n(g), {
-        key: 0,
-        color: e.color,
-        name: n(I).ExternalLink,
-        size: n(z).Tiny
-      }, null, 8, ["color", "name", "size"])) : y("", !0)
-    ], 14, T));
-  }
-});
-export {
-  P as _
-};

package/dist/chunks/CLModal.vue_vue_type_style_index_0_lang-BDyONfaQ.js

@@ -1,176 +0,0 @@
-import '../components/Modals/CLModal/CLModal.css';
-import { defineComponent as W, useTemplateRef as F, useSlots as U, ref as Z, computed as m, watch as j, onMounted as q, onBeforeUnmount as A, createElementBlock as p, createCommentVNode as v, openBlock as w, normalizeStyle as y, normalizeClass as l, unref as n, createElementVNode as d, createBlock as B, renderSlot as $, withCtx as G, createTextVNode as J, toDisplayString as K } from "vue";
-import { _ as P } from "./CLButton.vue_vue_type_style_index_0_lang-MvhnNzVW.js";
-import { _ as Q } from "./CLHeading.vue_vue_type_style_index_0_lang-DH5oJc1C.js";
-import { CLMode as k, CLColors as T, CLColorVariants as N, CLBorderRadius as X, CLIconSizes as Y, CLIconNames as ee, CLHeadingTypes as oe } from "../index.js";
-import { g as te } from "./utils-D00IXMTR.js";
-import { useTheme as ne } from "../composables/useTheme.js";
-import { useEsc as le } from "../composables/useEsc.js";
-import { c as S, i as a } from "./helper-qUkciePY.js";
-const se = () => {
-  const { colors: t, darkMode: _ } = ne(), f = _.value ? k.Dark : k.Light, r = te({
-    color: T.Neutral,
-    colors: t.value,
-    mode: f,
-    variant: N.Solid
-  }), c = _.value ? "black" : "white";
-  return {
-    "--clll-modal-overlay-bg": r?.bg ?? "transparent",
-    "--clll-modal-content-bg": c,
-    "--clll-modal-theme-radius": "var(--clll-default-radius)"
-  };
-}, ae = ["id", "data-testid"], re = ["aria-labelledby"], we = /* @__PURE__ */ W({
-  name: "CLModal",
-  __name: "CLModal",
-  props: {
-    borderRadius: { default: void 0 },
-    close: { type: Boolean, default: !0 },
-    closeBorderRadius: { default: X.Full },
-    dismissible: { type: Boolean, default: !0 },
-    fullscreen: { type: Boolean, default: !1 },
-    isOpen: { type: Boolean, default: !1 },
-    maxWidth: { default: "640px" },
-    modalId: {},
-    onClose: { type: Function, default: void 0 },
-    overlay: { type: Boolean, default: !0 },
-    testId: { default: "clll-modal" },
-    title: { default: void 0 },
-    zIndex: { default: 100 }
-  },
-  emits: ["modal-open", "modal-close"],
-  setup(t, { emit: _ }) {
-    const f = _, r = F("modal-window"), c = U(), o = t, e = "clll-modal", x = "clll-prevent-scroll", u = Z(), I = () => {
-      a && window?.document.body.classList.add(x);
-    }, C = () => {
-      a && window?.document.body.classList.remove(x);
-    }, R = m(() => [
-      e
-    ]), E = m(() => [
-      `${e}__window`,
-      o.fullscreen ? `${e}__window--fullscreen` : ""
-    ]), M = m(() => [
-      `${e}__content`,
-      o.borderRadius ? `${e}__content--${o.borderRadius}` : "",
-      o.close ? `${e}__content--has-close-button` : `${e}__content--has-no-close-button`,
-      c.body ? `${e}__content--has-body` : `${e}__content--has-no-body`,
-      c.footer ? `${e}__content--has-footer` : `${e}__content--has-no-footer`,
-      c.header || o.title ? `${e}__content--has-header` : `${e}__content--has-no-header`,
-      o.title ? `${e}__content--has-title` : `${e}__content--has-no-title`
-    ]), O = m(() => o.zIndex === "auto" || S(o.zIndex) ? o.zIndex : o.zIndex.toString()), V = m(() => o.zIndex === "auto" ? o.zIndex : ((S(o.zIndex) ? parseInt(o.zIndex, 10) : o.zIndex) + 100).toString()), H = (s) => {
-      try {
-        const i = s?.target, g = r.value;
-        return a && g && !g.contains(i) ? !0 : void 0;
-      } catch (i) {
-        console.error(i);
-        return;
-      }
-    }, b = (s) => {
-      try {
-        H(s) && (a && window.removeEventListener("mousedown", b), L());
-      } catch (i) {
-        console.error(i);
-      }
-    }, h = () => {
-      a && window.removeEventListener("mousedown", b);
-    }, z = () => {
-      a && (u.value && a && window.clearTimeout(u.value), h(), C());
-    }, L = () => {
-      o.isOpen && (o.onClose?.(), z());
-    };
-    j(o, (s) => {
-      s.isOpen ? (f("modal-open"), I(), r.value && r.value.focus(), a && s.dismissible && (h(), u.value = window.setTimeout(() => {
-        window.addEventListener("mousedown", b);
-      }, 100))) : (r.value && r.value.blur(), C(), h(), u.value && a && window.clearTimeout(u.value), f("modal-close"));
-    }), q(() => {
-      o.isOpen && a && (I(), r.value && r.value.focus());
-    });
-    const { clearEventListeners: D } = le({ escHandler: o.dismissible ? L : void 0 });
-    return A(() => {
-      z(), D();
-    }), (s, i) => t.isOpen ? (w(), p("div", {
-      key: 0,
-      id: t.modalId,
-      class: l(n(R)),
-      "data-testid": t.testId,
-      style: y({ ...n(se)(), zIndex: n(O) })
-    }, [
-      d("div", {
-        class: l(n(E)),
-        style: y({ zIndex: n(V) })
-      }, [
-        d("div", {
-          ref: "modal-window",
-          "aria-modal": "true",
-          "aria-labelledby": `${e}__content__header__title`,
-          class: l(n(M)),
-          role: "dialog",
-          tabindex: -1,
-          style: y({ "--clll-modal-max-width": t.maxWidth })
-        }, [
-          d("div", {
-            class: l(`${e}__close-button`)
-          }, [
-            t.onClose && t.close ? (w(), B(n(P), {
-              key: 0,
-              "aria-label": "Close modal",
-              "border-radius": t.closeBorderRadius,
-              color: n(T).Neutral,
-              "icon-before": n(ee).Delete,
-              "icon-size": n(Y).Tiny,
-              "on-click": t.onClose,
-              "test-id": `${e}__close-button`,
-              variant: n(N).Text
-            }, null, 8, ["border-radius", "color", "icon-before", "icon-size", "on-click", "test-id", "variant"])) : v("", !0)
-          ], 2),
-          d("div", {
-            class: l(`${e}__content__header`)
-          }, [
-            d("div", {
-              class: l(`${e}__content__title`)
-            }, [
-              d("div", {
-                class: l(`${e}__content__header__container`)
-              }, [
-                t.title ? (w(), B(n(Q), {
-                  key: 0,
-                  id: `${e}__content__header__title`,
-                  class: l(`${e}__content__header__title`),
-                  type: n(oe).Section
-                }, {
-                  default: G(() => [
-                    J(K(t.title), 1)
-                  ]),
-                  _: 1
-                }, 8, ["id", "class", "type"])) : v("", !0),
-                $(s.$slots, "header")
-              ], 2)
-            ], 2)
-          ], 2),
-          d("div", {
-            class: l(`${e}__content__scroller`)
-          }, [
-            d("div", {
-              class: l(`${e}__content__body`)
-            }, [
-              $(s.$slots, "body")
-            ], 2)
-          ], 2),
-          d("div", {
-            class: l(`${e}__content__footer`)
-          }, [
-            $(s.$slots, "footer")
-          ], 2)
-        ], 14, re)
-      ], 6),
-      t.overlay ? (w(), p("div", {
-        key: 0,
-        ref: "overlay-ref",
-        class: l(`${e}__overlay`),
-        style: y({ zIndex: t.zIndex })
-      }, null, 6)) : v("", !0)
-    ], 14, ae)) : v("", !0);
-  }
-});
-export {
-  we as _
-};

package/dist/chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Dhnmfa9W.js

@@ -1,44 +0,0 @@
-import { defineComponent as i, createBlock as o, openBlock as c, unref as d, withCtx as f, renderSlot as m } from "vue";
-import { _ as u } from "./CLLink.vue_vue_type_style_index_0_lang-BXysZqLn.js";
-import { CLColors as k } from "../index.js";
-const x = /* @__PURE__ */ i({
-  name: "CLNavLink",
-  __name: "CLNavLink",
-  props: {
-    ariaLabel: {},
-    color: { default: k.Neutral },
-    external: { type: Boolean, default: !1 },
-    href: {},
-    id: {},
-    onClick: {},
-    rel: { default: "noreferrer noopener" },
-    target: {},
-    testId: { default: "clll-navlink" }
-  },
-  emits: ["click"],
-  setup(e, { emit: a }) {
-    const l = e, r = a, n = (t) => {
-      l.onClick && l.onClick(t), r("click", t);
-    };
-    return (t, s) => (c(), o(d(u), {
-      id: e.id,
-      "aria-label": e.ariaLabel,
-      color: e.color,
-      "data-testid": e.testId,
-      external: e.external,
-      href: e.href,
-      rel: e.rel,
-      target: e.target,
-      underline: !e.onClick,
-      onClick: n
-    }, {
-      default: f(() => [
-        m(t.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["id", "aria-label", "color", "data-testid", "external", "href", "rel", "target", "underline"]));
-  }
-});
-export {
-  x as _
-};

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