@codeandfunction/callaloo 3.16.5 → 3.16.7

package/dist/components/Modals/CLModal/CLModal.js

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

package/dist/components/Navigation/CLLink/CLLink.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLLink.css';
-import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-BDL4xcfJ.js";
+import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-DCwTmOOz.js";
 export {
   s as CLLink,
   s as default

package/dist/components/Navigation/CLNavLink/CLNavLink.js

@@ -1,5 +1,5 @@
 import '../../../assets/core.css';
-import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-C_BQCWeg.js";
+import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-B_AmMW02.js";
 export {
   s as CLNavLink,
   s as default

package/dist/components/Navigation/CLNavSection/CLNavSection.js

@@ -1,7 +1,7 @@
 import '../../../assets/core.css';
 import './CLNavSection.css';
 import { defineComponent as f, computed as u, createElementBlock as a, openBlock as l, normalizeClass as m, unref as r, Fragment as p, renderList as _, createVNode as i, withCtx as n, createTextVNode as C, toDisplayString as x } from "vue";
-import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-C_BQCWeg.js";
+import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-B_AmMW02.js";
 import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
 import { CLOrientation as h, CLColors as $ } from "../../../index.js";
 const g = ["data-testid"], V = /* @__PURE__ */ f({

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css

@@ -1 +1 @@
-.clll-dropdown-menu__menu{position:relative;display:inline-block}.clll-dropdown-menu__menu .clll-dropdown-menu__dropdown{z-index:var(--v2fdf502c)}
+.clll-dropdown-menu__menu{position:relative;display:inline-block}