@rei/cedar 14.1.1 → 15.0.0-alpha.0

package/dist/src/components/toggleButton/CdrToggleGroup.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as C, useCssModule as b, ref as a, provide as h, computed as _, onMounted as V, watch as k, openBlock as T, createElementBlock as z, mergeProps as G, unref as i, withModifiers as c, withKeys as d, renderSlot as K } from "vue";
-import S from "../../utils/mapClasses.mjs";
-import w from "../../utils/propValidator.mjs";
-import { selectedToggleKey as A } from "../../types/symbols.mjs";
-const M = ["onClick", "onKeyup"], O = "cdr-toggle-group", F = /* @__PURE__ */ C({
+import { defineComponent as b, useCssModule as h, ref as a, provide as _, computed as V, onMounted as k, watch as T, openBlock as z, createElementBlock as G, mergeProps as K, unref as i, withModifiers as c, withKeys as d, renderSlot as S } from "vue";
+import w from "../../utils/mapClasses.mjs";
+import A from "../../utils/propValidator.mjs";
+import { selectedToggleKey as M } from "../../types/symbols.mjs";
+const O = ["onClick", "onKeyup"], P = "cdr-toggle-group", I = /* @__PURE__ */ b({
   name: "CdrToggleGroup",
   __name: "CdrToggleGroup",
   props: {
@@ -19,7 +19,7 @@ const M = ["onClick", "onKeyup"], O = "cdr-toggle-group", F = /* @__PURE__ */ C(
     size: {
       type: String,
       default: "medium",
-      validator: (u) => w(u, ["medium", "large"])
+      validator: (u) => A(u, ["medium", "large"])
     }
   },
   emits: {
@@ -32,43 +32,43 @@ const M = ["onClick", "onKeyup"], O = "cdr-toggle-group", F = /* @__PURE__ */ C(
   setup(u, {
     emit: g
   }) {
-    const n = u, p = b(), s = a(null), l = a(n.modelValue);
-    h(A, l);
-    const m = _(() => n.size ? `cdr-toggle-group--${n.size}` : "cdr-toggle-group--medium");
+    const n = u, p = g, m = h(), s = a(null), l = a(n.modelValue);
+    _(M, l);
+    const f = V(() => n.size ? `cdr-toggle-group--${n.size}` : "cdr-toggle-group--medium");
     let r;
-    V(() => {
+    k(() => {
       s.value && (r = Array.from(s.value.querySelectorAll("button")));
-    }), k(() => n.modelValue, (e) => {
-      l.value = e;
+    }), T(() => n.modelValue, (t) => {
+      l.value = t;
     });
-    const f = (e) => {
+    const B = (t) => {
       var o;
-      if (!((o = e.target) != null && o.closest("button")))
+      if (!((o = t.target) != null && o.closest("button")))
         return;
-      const t = e.target.closest("button");
-      t && (l.value = t.value, g("update:modelValue", t.value), t.focus());
-    }, B = (e) => {
-      const t = e.target, o = r.indexOf(t);
+      const e = t.target.closest("button");
+      e && (l.value = e.value, p("update:modelValue", e.value), e.focus());
+    }, v = (t) => {
+      const e = t.target, o = r.indexOf(e);
       if (o === r.length - 1)
         return;
       r[o + 1].focus();
-    }, v = (e) => {
-      const t = e.target, o = r.indexOf(t);
+    }, y = (t) => {
+      const e = t.target, o = r.indexOf(e);
       if (o === 0)
         return;
       r[o - 1].focus();
     };
-    return (e, t) => (T(), z("ul", G({
+    return (t, e) => (z(), G("ul", K({
       ref_key: "toggleGroup",
       ref: s,
       role: "radiogroup"
-    }, e.$attrs, {
-      class: i(S)(i(p), O, m.value),
-      onClick: c(f, ["prevent"]),
-      onKeyup: [d(c(B, ["prevent"]), ["right"]), d(c(v, ["prevent"]), ["left"])]
-    }), [K(e.$slots, "default")], 16, M));
+    }, t.$attrs, {
+      class: i(w)(i(m), P, f.value),
+      onClick: c(B, ["prevent"]),
+      onKeyup: [d(c(v, ["prevent"]), ["right"]), d(c(y, ["prevent"]), ["left"])]
+    }), [S(t.$slots, "default")], 16, O));
   }
 });
 export {
-  F as default
+  I as default
 };

package/dist/src/components/toggleButton/styles/CdrToggleButton.module.scss.mjs

@@ -1,6 +1,6 @@
 const t = {
-  "cdr-toggle-button__item": "cdr-toggle-button__item_14-1-1",
-  "cdr-toggle-button__container": "cdr-toggle-button__container_14-1-1"
+  "cdr-toggle-button__item": "cdr-toggle-button__item_15-0-0-alpha-0",
+  "cdr-toggle-button__container": "cdr-toggle-button__container_15-0-0-alpha-0"
 };
 export {
   t as default

package/dist/src/components/toggleButton/styles/CdrToggleGroup.module.scss.mjs

@@ -1,9 +1,9 @@
 const g = {
-  "cdr-toggle-group": "cdr-toggle-group_14-1-1",
-  "cdr-toggle-group--medium": "cdr-toggle-group--medium_14-1-1",
-  "cdr-toggle-button__item": "cdr-toggle-button__item_14-1-1",
-  "cdr-toggle-button__container": "cdr-toggle-button__container_14-1-1",
-  "cdr-toggle-group--large": "cdr-toggle-group--large_14-1-1"
+  "cdr-toggle-group": "cdr-toggle-group_15-0-0-alpha-0",
+  "cdr-toggle-group--medium": "cdr-toggle-group--medium_15-0-0-alpha-0",
+  "cdr-toggle-button__item": "cdr-toggle-button__item_15-0-0-alpha-0",
+  "cdr-toggle-button__container": "cdr-toggle-button__container_15-0-0-alpha-0",
+  "cdr-toggle-group--large": "cdr-toggle-group--large_15-0-0-alpha-0"
 };
 export {
   g as default

package/dist/src/components/tooltip/CdrTooltip.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as L, useCssModule as b, useSlots as S, ref as u, watch as k, onMounted as B, openBlock as P, createElementBlock as $, normalizeClass as q, unref as p, createElementVNode as w, renderSlot as E, createVNode as M, withCtx as N } from "vue";
-import V from "../../utils/mapClasses.mjs";
-import x from "../popup/CdrPopup.vue.mjs";
-import z from "../../utils/propValidator.mjs";
-const D = /* @__PURE__ */ L({
+import { defineComponent as b, useCssModule as S, useSlots as k, ref as u, watch as B, onMounted as P, openBlock as $, createElementBlock as q, normalizeClass as w, unref as p, createElementVNode as M, renderSlot as E, createVNode as N, withCtx as V } from "vue";
+import x from "../../utils/mapClasses.mjs";
+import z from "../popup/CdrPopup.vue.mjs";
+import A from "../../utils/propValidator.mjs";
+const F = /* @__PURE__ */ b({
   name: "CdrTooltip",
   __name: "CdrTooltip",
   props: {
@@ -15,7 +15,7 @@ const D = /* @__PURE__ */ L({
       type: String,
       required: !1,
       default: "top",
-      validator: (t) => z(t, ["top", "bottom", "left", "right"])
+      validator: (t) => A(t, ["top", "bottom", "left", "right"])
     },
     /**
      * If set to `true`, tooltip will attempt to dynamically set it's position to
@@ -52,47 +52,47 @@ const D = /* @__PURE__ */ L({
     closed: null
   },
   setup(t, {
-    emit: c
+    emit: C
   }) {
-    const r = t, C = b(), y = S(), s = u(!1);
-    let i;
-    const a = u(null), d = u(null), h = y.trigger, l = (e) => {
-      i && clearTimeout(i), s.value = !0, c("opened", e);
+    const i = t, c = C, y = S(), h = k(), l = u(!1);
+    let r;
+    const a = u(null), d = u(null), T = h.trigger, s = (e) => {
+      r && clearTimeout(r), l.value = !0, c("opened", e);
     }, n = (e) => {
-      i = setTimeout(() => {
-        s.value = !1, c("closed", e);
+      r = setTimeout(() => {
+        l.value = !1, c("closed", e);
       }, 250);
-    }, T = () => {
+    }, L = () => {
       var o, f, m, v, g;
       const e = (o = d.value) == null ? void 0 : o.children[0];
-      e && (e.addEventListener("mouseover", l), e.addEventListener("focus", l), e.addEventListener("mouseleave", n), e.addEventListener("blur", n), (m = (f = a.value) == null ? void 0 : f.$el) == null || m.addEventListener("mouseover", l), (g = (v = a.value) == null ? void 0 : v.$el) == null || g.addEventListener("mouseleave", n));
+      e && (e.addEventListener("mouseover", s), e.addEventListener("focus", s), e.addEventListener("mouseleave", n), e.addEventListener("blur", n), (m = (f = a.value) == null ? void 0 : f.$el) == null || m.addEventListener("mouseover", s), (g = (v = a.value) == null ? void 0 : v.$el) == null || g.addEventListener("mouseleave", n));
     };
-    return k(() => r.open, () => r.open ? l() : n()), B(() => {
+    return B(() => i.open, () => i.open ? s() : n()), P(() => {
       var o;
-      T();
+      L();
       const e = (o = d.value) == null ? void 0 : o.children[0];
-      e && e.setAttribute("aria-describedby", r.id);
-    }), (e, o) => (P(), $("div", {
-      class: q(p(V)(p(C), "cdr-tooltip--wrapper", p(h) ? "cdr-tooltip--position" : ""))
-    }, [w("div", {
+      e && e.setAttribute("aria-describedby", i.id);
+    }), (e, o) => ($(), q("div", {
+      class: w(p(x)(p(y), "cdr-tooltip--wrapper", p(T) ? "cdr-tooltip--position" : ""))
+    }, [M("div", {
       ref_key: "triggerEl",
       ref: d
-    }, [E(e.$slots, "trigger")], 512), M(x, {
+    }, [E(e.$slots, "trigger")], 512), N(z, {
       "content-class": t.contentClass,
       role: "tooltip",
       ref_key: "popupEl",
       ref: a,
       position: t.position,
       "auto-position": t.autoPosition,
-      opened: s.value,
+      opened: l.value,
       id: t.id,
       onClosed: n
     }, {
-      default: N(() => [E(e.$slots, "default")]),
+      default: V(() => [E(e.$slots, "default")]),
       _: 3
     }, 8, ["content-class", "position", "auto-position", "opened", "id"])], 2));
   }
 });
 export {
-  D as default
+  F as default
 };

package/dist/src/components/tooltip/styles/CdrTooltip.module.scss.mjs

@@ -1,20 +1,20 @@
 const p = {
-  "cdr-popup": "cdr-popup_14-1-1",
-  "cdr-popup--open": "cdr-popup--open_14-1-1",
-  "cdr-popup--closed": "cdr-popup--closed_14-1-1",
-  "cdr-popup__content": "cdr-popup__content_14-1-1",
-  "cdr-popup__arrow": "cdr-popup__arrow_14-1-1",
-  "cdr-popup--top": "cdr-popup--top_14-1-1",
-  "cdr-popup--bottom": "cdr-popup--bottom_14-1-1",
-  "cdr-popup--exit": "cdr-popup--exit_14-1-1",
-  "cdr-popup--corner-left": "cdr-popup--corner-left_14-1-1",
-  "cdr-popup--corner-right": "cdr-popup--corner-right_14-1-1",
-  "cdr-popup--left": "cdr-popup--left_14-1-1",
-  "cdr-popup--right": "cdr-popup--right_14-1-1",
-  "cdr-popup--corner-top": "cdr-popup--corner-top_14-1-1",
-  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_14-1-1",
-  "cdr-tooltip--position": "cdr-tooltip--position_14-1-1",
-  "cdr-tooltip--wrapper": "cdr-tooltip--wrapper_14-1-1"
+  "cdr-popup": "cdr-popup_15-0-0-alpha-0",
+  "cdr-popup--open": "cdr-popup--open_15-0-0-alpha-0",
+  "cdr-popup--closed": "cdr-popup--closed_15-0-0-alpha-0",
+  "cdr-popup__content": "cdr-popup__content_15-0-0-alpha-0",
+  "cdr-popup__arrow": "cdr-popup__arrow_15-0-0-alpha-0",
+  "cdr-popup--top": "cdr-popup--top_15-0-0-alpha-0",
+  "cdr-popup--bottom": "cdr-popup--bottom_15-0-0-alpha-0",
+  "cdr-popup--exit": "cdr-popup--exit_15-0-0-alpha-0",
+  "cdr-popup--corner-left": "cdr-popup--corner-left_15-0-0-alpha-0",
+  "cdr-popup--corner-right": "cdr-popup--corner-right_15-0-0-alpha-0",
+  "cdr-popup--left": "cdr-popup--left_15-0-0-alpha-0",
+  "cdr-popup--right": "cdr-popup--right_15-0-0-alpha-0",
+  "cdr-popup--corner-top": "cdr-popup--corner-top_15-0-0-alpha-0",
+  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_15-0-0-alpha-0",
+  "cdr-tooltip--position": "cdr-tooltip--position_15-0-0-alpha-0",
+  "cdr-tooltip--wrapper": "cdr-tooltip--wrapper_15-0-0-alpha-0"
 };
 export {
   p as default