@rei/cedar 13.5.3 → 14.0.0-beta.0

package/dist/src/components/popover/styles/CdrPopover.module.scss.mjs

@@ -1,68 +1,68 @@
-const r = {
-  "cdr-popup": "cdr-popup_13-5-3",
-  "cdr-popup--open": "cdr-popup--open_13-5-3",
-  "cdr-popup--closed": "cdr-popup--closed_13-5-3",
-  "cdr-popup__content": "cdr-popup__content_13-5-3",
-  "cdr-popup__arrow": "cdr-popup__arrow_13-5-3",
-  "cdr-popup--top": "cdr-popup--top_13-5-3",
-  "cdr-popup--bottom": "cdr-popup--bottom_13-5-3",
-  "cdr-popup--exit": "cdr-popup--exit_13-5-3",
-  "cdr-popup--corner-left": "cdr-popup--corner-left_13-5-3",
-  "cdr-popup--corner-right": "cdr-popup--corner-right_13-5-3",
-  "cdr-popup--left": "cdr-popup--left_13-5-3",
-  "cdr-popup--right": "cdr-popup--right_13-5-3",
-  "cdr-popup--corner-top": "cdr-popup--corner-top_13-5-3",
-  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_13-5-3",
-  "cdr-button": "cdr-button_13-5-3",
-  "cdr-button--has-icon-left": "cdr-button--has-icon-left_13-5-3",
-  "cdr-button--has-icon-right": "cdr-button--has-icon-right_13-5-3",
-  "cdr-button--primary": "cdr-button--primary_13-5-3",
-  "cdr-button--secondary": "cdr-button--secondary_13-5-3",
-  "cdr-button--dark": "cdr-button--dark_13-5-3",
-  "cdr-button--sale": "cdr-button--sale_13-5-3",
-  "cdr-button--link": "cdr-button--link_13-5-3",
-  "cdr-button--large": "cdr-button--large_13-5-3",
-  "cdr-button--medium": "cdr-button--medium_13-5-3",
-  "cdr-button--small": "cdr-button--small_13-5-3",
-  "cdr-button--icon-only": "cdr-button--icon-only_13-5-3",
-  "cdr-button--icon-only-large": "cdr-button--icon-only-large_13-5-3",
-  "cdr-button--with-background": "cdr-button--with-background_13-5-3",
-  "cdr-button--full-width": "cdr-button--full-width_13-5-3",
-  "cdr-button--small@xs": "cdr-button--small@xs_13-5-3",
-  "cdr-button--medium@xs": "cdr-button--medium@xs_13-5-3",
-  "cdr-button--large@xs": "cdr-button--large@xs_13-5-3",
-  "cdr-button--full-width@xs": "cdr-button--full-width@xs_13-5-3",
-  "cdr-button--small@sm": "cdr-button--small@sm_13-5-3",
-  "cdr-button--medium@sm": "cdr-button--medium@sm_13-5-3",
-  "cdr-button--large@sm": "cdr-button--large@sm_13-5-3",
-  "cdr-button--full-width@sm": "cdr-button--full-width@sm_13-5-3",
-  "cdr-button--small@md": "cdr-button--small@md_13-5-3",
-  "cdr-button--medium@md": "cdr-button--medium@md_13-5-3",
-  "cdr-button--large@md": "cdr-button--large@md_13-5-3",
-  "cdr-button--full-width@md": "cdr-button--full-width@md_13-5-3",
-  "cdr-button--small@lg": "cdr-button--small@lg_13-5-3",
-  "cdr-button--medium@lg": "cdr-button--medium@lg_13-5-3",
-  "cdr-button--large@lg": "cdr-button--large@lg_13-5-3",
-  "cdr-button--full-width@lg": "cdr-button--full-width@lg_13-5-3",
-  "cdr-icon": "cdr-icon_13-5-3",
-  "cdr-icon--small": "cdr-icon--small_13-5-3",
-  "cdr-icon--large": "cdr-icon--large_13-5-3",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_13-5-3",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_13-5-3",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_13-5-3",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_13-5-3",
-  "cdr-icon--small@md": "cdr-icon--small@md_13-5-3",
-  "cdr-icon--large@md": "cdr-icon--large@md_13-5-3",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_13-5-3",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_13-5-3",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_13-5-3",
-  "cdr-popover--position": "cdr-popover--position_13-5-3",
-  "cdr-popover--wrapper": "cdr-popover--wrapper_13-5-3",
-  "cdr-popover__title": "cdr-popover__title_13-5-3",
-  "cdr-popover__container": "cdr-popover__container_13-5-3",
-  "cdr-popover__content": "cdr-popover__content_13-5-3",
-  "cdr-popover__close-button": "cdr-popover__close-button_13-5-3"
+const t = {
+  "cdr-popup": "cdr-popup_14-0-0-beta-0",
+  "cdr-popup--open": "cdr-popup--open_14-0-0-beta-0",
+  "cdr-popup--closed": "cdr-popup--closed_14-0-0-beta-0",
+  "cdr-popup__content": "cdr-popup__content_14-0-0-beta-0",
+  "cdr-popup__arrow": "cdr-popup__arrow_14-0-0-beta-0",
+  "cdr-popup--top": "cdr-popup--top_14-0-0-beta-0",
+  "cdr-popup--bottom": "cdr-popup--bottom_14-0-0-beta-0",
+  "cdr-popup--exit": "cdr-popup--exit_14-0-0-beta-0",
+  "cdr-popup--corner-left": "cdr-popup--corner-left_14-0-0-beta-0",
+  "cdr-popup--corner-right": "cdr-popup--corner-right_14-0-0-beta-0",
+  "cdr-popup--left": "cdr-popup--left_14-0-0-beta-0",
+  "cdr-popup--right": "cdr-popup--right_14-0-0-beta-0",
+  "cdr-popup--corner-top": "cdr-popup--corner-top_14-0-0-beta-0",
+  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_14-0-0-beta-0",
+  "cdr-button": "cdr-button_14-0-0-beta-0",
+  "cdr-button--has-icon-left": "cdr-button--has-icon-left_14-0-0-beta-0",
+  "cdr-button--has-icon-right": "cdr-button--has-icon-right_14-0-0-beta-0",
+  "cdr-button--primary": "cdr-button--primary_14-0-0-beta-0",
+  "cdr-button--secondary": "cdr-button--secondary_14-0-0-beta-0",
+  "cdr-button--dark": "cdr-button--dark_14-0-0-beta-0",
+  "cdr-button--sale": "cdr-button--sale_14-0-0-beta-0",
+  "cdr-button--link": "cdr-button--link_14-0-0-beta-0",
+  "cdr-button--large": "cdr-button--large_14-0-0-beta-0",
+  "cdr-button--medium": "cdr-button--medium_14-0-0-beta-0",
+  "cdr-button--small": "cdr-button--small_14-0-0-beta-0",
+  "cdr-button--icon-only": "cdr-button--icon-only_14-0-0-beta-0",
+  "cdr-button--icon-only-large": "cdr-button--icon-only-large_14-0-0-beta-0",
+  "cdr-button--with-background": "cdr-button--with-background_14-0-0-beta-0",
+  "cdr-button--full-width": "cdr-button--full-width_14-0-0-beta-0",
+  "cdr-button--small@xs": "cdr-button--small@xs_14-0-0-beta-0",
+  "cdr-button--medium@xs": "cdr-button--medium@xs_14-0-0-beta-0",
+  "cdr-button--large@xs": "cdr-button--large@xs_14-0-0-beta-0",
+  "cdr-button--full-width@xs": "cdr-button--full-width@xs_14-0-0-beta-0",
+  "cdr-button--small@sm": "cdr-button--small@sm_14-0-0-beta-0",
+  "cdr-button--medium@sm": "cdr-button--medium@sm_14-0-0-beta-0",
+  "cdr-button--large@sm": "cdr-button--large@sm_14-0-0-beta-0",
+  "cdr-button--full-width@sm": "cdr-button--full-width@sm_14-0-0-beta-0",
+  "cdr-button--small@md": "cdr-button--small@md_14-0-0-beta-0",
+  "cdr-button--medium@md": "cdr-button--medium@md_14-0-0-beta-0",
+  "cdr-button--large@md": "cdr-button--large@md_14-0-0-beta-0",
+  "cdr-button--full-width@md": "cdr-button--full-width@md_14-0-0-beta-0",
+  "cdr-button--small@lg": "cdr-button--small@lg_14-0-0-beta-0",
+  "cdr-button--medium@lg": "cdr-button--medium@lg_14-0-0-beta-0",
+  "cdr-button--large@lg": "cdr-button--large@lg_14-0-0-beta-0",
+  "cdr-button--full-width@lg": "cdr-button--full-width@lg_14-0-0-beta-0",
+  "cdr-icon": "cdr-icon_14-0-0-beta-0",
+  "cdr-icon--small": "cdr-icon--small_14-0-0-beta-0",
+  "cdr-icon--large": "cdr-icon--large_14-0-0-beta-0",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_14-0-0-beta-0",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_14-0-0-beta-0",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_14-0-0-beta-0",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_14-0-0-beta-0",
+  "cdr-icon--small@md": "cdr-icon--small@md_14-0-0-beta-0",
+  "cdr-icon--large@md": "cdr-icon--large@md_14-0-0-beta-0",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_14-0-0-beta-0",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_14-0-0-beta-0",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_14-0-0-beta-0",
+  "cdr-popover--position": "cdr-popover--position_14-0-0-beta-0",
+  "cdr-popover--wrapper": "cdr-popover--wrapper_14-0-0-beta-0",
+  "cdr-popover__title": "cdr-popover__title_14-0-0-beta-0",
+  "cdr-popover__container": "cdr-popover__container_14-0-0-beta-0",
+  "cdr-popover__content": "cdr-popover__content_14-0-0-beta-0",
+  "cdr-popover__close-button": "cdr-popover__close-button_14-0-0-beta-0"
 };
 export {
-  r as default
+  t as default
 };

package/dist/src/components/popup/CdrPopup.vue.mjs

@@ -1,111 +1,9 @@
-import { defineComponent as H, ref as n, computed as i, watch as w, onMounted as O, onUnmounted as q, useCssModule as A, openBlock as K, createElementBlock as N, normalizeClass as h, createElementVNode as k, mergeProps as U, renderSlot as V, nextTick as m } from "vue";
-import { debounce as W } from "lodash-es";
-import _ from "../../utils/propValidator.mjs";
-import j from "./calculatePlacement.mjs";
-import D from "../../utils/mapClasses.mjs";
-import F from "./styles/CdrPopup.module.scss.mjs";
-import G from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const I = H({
-  name: "CdrPopup",
-  inheritAttrs: !1,
-  customOptions: {},
-  props: {
-    opened: {
-      type: Boolean,
-      default: !1
-    },
-    position: {
-      type: String,
-      required: !1,
-      default: "top",
-      validator: (e) => _(e, ["top", "bottom", "left", "right"])
-    },
-    autoPosition: {
-      type: Boolean,
-      default: !0
-    },
-    contentClass: {
-      type: String
-    }
-  },
-  emits: ["closed"],
-  setup(e, v) {
-    const f = "cdr-popup", s = n(e.position), l = n(void 0), t = n(!1), C = n(void 0), a = n(!e.opened), d = n(null), E = n(null), P = i(() => e.opened || t.value ? `cdr-popup--${s.value}` : void 0), $ = i(() => l.value ? `cdr-popup--corner-${l.value}` : void 0), L = i(() => e.opened ? "cdr-popup--open" : void 0), B = i(() => a.value && !t.value ? "cdr-popup--closed" : void 0), b = i(() => t.value ? "cdr-popup--exit" : void 0), c = (o) => {
-      v.emit("closed", o);
-    }, r = (o) => {
-      switch (o.key) {
-        case "Escape":
-        case "Esc":
-          c(o);
-          break;
-      }
-    }, u = (o) => {
-      m(() => {
-        o.target !== d.value && !d.value.contains(o.target) && c(o);
-      });
-    }, g = () => {
-      a.value = !1, m(() => {
-        C.value = d.value.getBoundingClientRect(), a.value = !0;
-      });
-    }, p = () => {
-      W(() => {
-        g();
-      }, 300);
-    }, R = () => {
-      document.addEventListener("keydown", r), document.addEventListener("click", u);
-    }, z = () => {
-      s.value = e.position, l.value = void 0, e.autoPosition && m(() => {
-        const o = E.value.parentElement.getBoundingClientRect(), {
-          innerHeight: S,
-          innerWidth: T
-        } = window, y = j(o, C.value, T, S, e.position);
-        s.value = y.pos, l.value = y.corner;
-      }), a.value = !1, setTimeout(() => {
-        R();
-      }, 1);
-    }, M = () => {
-      a.value = !0, document.removeEventListener("keydown", r), document.removeEventListener("click", u), t.value = !0, setTimeout(() => {
-        t.value = !1;
-      }, 200);
-    };
-    return w(() => e.position, () => s.value = e.position), w(() => e.opened, () => {
-      e.opened ? z() : M();
-    }), O(() => {
-      g(), window.addEventListener("resize", p);
-    }), q(() => {
-      document.removeEventListener("keydown", r), document.removeEventListener("click", u), window.removeEventListener("resize", p);
-    }), {
-      style: A(),
-      mapClasses: D,
-      baseClass: f,
-      positionClass: P,
-      cornerClass: $,
-      openClass: L,
-      closedClass: B,
-      exitingClass: b,
-      closePopup: c,
-      handleClick: u,
-      handleKeydown: r,
-      handleResize: p,
-      popupEl: d,
-      rootEl: E
-    };
-  }
-});
-function J(e, v, f, s, l, t) {
-  return K(), N("div", {
-    ref: "rootEl",
-    class: h(e.mapClasses(e.style, e.baseClass, e.openClass, e.exitingClass, e.positionClass, e.cornerClass, e.closedClass))
-  }, [k("div", U(e.$attrs, {
-    class: [e.style["cdr-popup__content"], e.contentClass],
-    ref: "popupEl"
-  }), [V(e.$slots, "default")], 16), k("div", {
-    class: h(e.style["cdr-popup__arrow"])
-  }, null, 2)], 2);
-}
-const Q = {
-  $style: F
-}, te = /* @__PURE__ */ G(I, [["render", J], ["__cssModules", Q]]);
+import o from "./CdrPopup.vue2.mjs";
+import s from "./styles/CdrPopup.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const r = {
+  $style: s
+}, c = /* @__PURE__ */ t(o, [["__cssModules", r]]);
 export {
-  te as default
+  c as default
 };

package/dist/src/components/popup/CdrPopup.vue2.mjs

@@ -0,0 +1,94 @@
+import { defineComponent as q, useCssModule as A, ref as t, computed as a, watch as P, onMounted as K, onUnmounted as N, openBlock as U, createElementBlock as V, normalizeClass as L, unref as p, createElementVNode as _, mergeProps as W, renderSlot as j, nextTick as f } from "vue";
+import D from "../../utils/propValidator.mjs";
+import F from "./calculatePlacement.mjs";
+import G from "../../utils/mapClasses.mjs";
+const I = "cdr-popup", Z = /* @__PURE__ */ q({
+  name: "CdrPopup",
+  inheritAttrs: !1,
+  customOptions: {},
+  __name: "CdrPopup",
+  props: {
+    opened: {
+      type: Boolean,
+      default: !1
+    },
+    position: {
+      type: String,
+      required: !1,
+      default: "top",
+      validator: (c) => D(c, ["top", "bottom", "left", "right"])
+    },
+    autoPosition: {
+      type: Boolean,
+      default: !0
+    },
+    contentClass: {
+      type: String
+    }
+  },
+  emits: {
+    closed: null
+  },
+  setup(c, {
+    emit: B
+  }) {
+    const o = c, d = A(), r = t(o.position), u = t(void 0), n = t(!1), C = t(void 0), s = t(!o.opened), i = t(null), E = t(null), R = a(() => o.opened || n.value ? `cdr-popup--${r.value}` : ""), x = a(() => u.value ? `cdr-popup--corner-${u.value}` : ""), z = a(() => o.opened ? "cdr-popup--open" : ""), $ = a(() => s.value && !n.value ? "cdr-popup--closed" : ""), b = a(() => n.value ? "cdr-popup--exit" : ""), g = (e) => {
+      B("closed", e);
+    }, v = (e) => {
+      switch (e.key) {
+        case "Escape":
+        case "Esc":
+          g(e);
+          break;
+      }
+    }, m = (e) => {
+      f(() => {
+        var l;
+        e.target !== i.value && !((l = i.value) != null && l.contains(e.target)) && g(e);
+      });
+    }, S = () => {
+      s.value = !1, f(() => {
+        var e;
+        C.value = (e = i.value) == null ? void 0 : e.getBoundingClientRect(), s.value = !0;
+      });
+    }, k = () => {
+    }, T = () => {
+      document.addEventListener("keydown", v), document.addEventListener("click", m);
+    }, H = () => {
+      r.value = o.position, u.value = void 0, o.autoPosition && f(() => {
+        var h, y;
+        const e = (y = (h = E.value) == null ? void 0 : h.parentElement) == null ? void 0 : y.getBoundingClientRect(), {
+          innerHeight: l,
+          innerWidth: O
+        } = window, w = F(e, C.value, O, l, o.position);
+        r.value = w.pos, u.value = w.corner;
+      }), s.value = !1, setTimeout(() => {
+        T();
+      }, 1);
+    }, M = () => {
+      s.value = !0, document.removeEventListener("keydown", v), document.removeEventListener("click", m), n.value = !0, setTimeout(() => {
+        n.value = !1;
+      }, 200);
+    };
+    return P(() => o.position, () => r.value = o.position), P(() => o.opened, () => {
+      o.opened ? H() : M();
+    }), K(() => {
+      S(), window.addEventListener("resize", k);
+    }), N(() => {
+      document.removeEventListener("keydown", v), document.removeEventListener("click", m), window.removeEventListener("resize", k);
+    }), (e, l) => (U(), V("div", {
+      ref_key: "rootEl",
+      ref: E,
+      class: L(p(G)(p(d), I, z.value, b.value, R.value, x.value, $.value))
+    }, [_("div", W(e.$attrs, {
+      class: [p(d)["cdr-popup__content"], c.contentClass],
+      ref_key: "popupEl",
+      ref: i
+    }), [j(e.$slots, "default")], 16), _("div", {
+      class: L(p(d)["cdr-popup__arrow"])
+    }, null, 2)], 2));
+  }
+});
+export {
+  Z as default
+};

package/dist/src/components/popup/calculatePlacement.mjs

@@ -1,27 +1,31 @@
-function j(e, o, l, n, h) {
-  const b = e.top + e.height / 2, d = e.left + e.width / 2;
-  let f, s;
-  const t = {
-    top: e.top - o.height - 14,
-    bottom: n - e.bottom - o.height - 14,
-    left: e.left - o.width - 14,
-    right: l - e.right - o.width - 14
+function y(t, e, b, d, l) {
+  let s, f;
+  if (!t || !e)
+    return {
+      pos: "center",
+      corner: void 0
+    };
+  const i = 14, n = 2, m = t.top + t.height / 2, v = t.left + t.width / 2, o = {
+    top: t.top - e.height - i,
+    bottom: d - t.bottom - e.height - i,
+    left: t.left - e.width - i,
+    right: b - t.right - e.width - i
   }, r = {
-    left: d - o.width / 2 - 2 <= 0,
-    right: d + o.width / 2 + 2 >= l,
-    top: b - o.height / 2 - 2 <= 0,
-    bottom: b + o.height / 2 + 2 >= n
-  }, m = {
+    left: v - e.width / 2 - n <= 0,
+    right: v + e.width / 2 + n >= b,
+    top: m - e.height / 2 - n <= 0,
+    bottom: m + e.height / 2 + n >= d
+  }, w = {
     top: "bottom",
     bottom: "top",
     left: "right",
     right: "left"
-  }[h], w = Object.keys(t).filter((i) => t[i] > 0), S = Object.keys(t).sort((i, z) => t[i] > t[z] ? -1 : t[i] < t[z] ? 1 : 0);
-  return t[h] > 0 ? f = h : t[m] > 0 ? f = m : w.length ? [f] = w : [f] = S, f === "bottom" || f === "top" ? r.left ? s = "left" : r.right && (s = "right") : r.top ? s = "top" : r.bottom && (s = "bottom"), {
-    pos: f,
-    corner: s
+  }[l], a = Object.keys(o).filter((h) => o[h] > 0), j = Object.keys(o).sort((h, c) => o[h] > o[c] ? -1 : o[h] < o[c] ? 1 : 0);
+  return o[l] > 0 ? s = l : o[w] > 0 ? s = w : a.length ? [s] = a : [s] = j, s === "bottom" || s === "top" ? r.left ? f = "left" : r.right && (f = "right") : r.top ? f = "top" : r.bottom && (f = "bottom"), {
+    pos: s,
+    corner: f
   };
 }
 export {
-  j as default
+  y as default
 };

package/dist/src/components/popup/styles/CdrPopup.module.scss.mjs

@@ -1,18 +1,18 @@
 const p = {
-  "cdr-popup": "cdr-popup_13-5-3",
-  "cdr-popup--open": "cdr-popup--open_13-5-3",
-  "cdr-popup--closed": "cdr-popup--closed_13-5-3",
-  "cdr-popup__content": "cdr-popup__content_13-5-3",
-  "cdr-popup__arrow": "cdr-popup__arrow_13-5-3",
-  "cdr-popup--top": "cdr-popup--top_13-5-3",
-  "cdr-popup--bottom": "cdr-popup--bottom_13-5-3",
-  "cdr-popup--exit": "cdr-popup--exit_13-5-3",
-  "cdr-popup--corner-left": "cdr-popup--corner-left_13-5-3",
-  "cdr-popup--corner-right": "cdr-popup--corner-right_13-5-3",
-  "cdr-popup--left": "cdr-popup--left_13-5-3",
-  "cdr-popup--right": "cdr-popup--right_13-5-3",
-  "cdr-popup--corner-top": "cdr-popup--corner-top_13-5-3",
-  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_13-5-3"
+  "cdr-popup": "cdr-popup_14-0-0-beta-0",
+  "cdr-popup--open": "cdr-popup--open_14-0-0-beta-0",
+  "cdr-popup--closed": "cdr-popup--closed_14-0-0-beta-0",
+  "cdr-popup__content": "cdr-popup__content_14-0-0-beta-0",
+  "cdr-popup__arrow": "cdr-popup__arrow_14-0-0-beta-0",
+  "cdr-popup--top": "cdr-popup--top_14-0-0-beta-0",
+  "cdr-popup--bottom": "cdr-popup--bottom_14-0-0-beta-0",
+  "cdr-popup--exit": "cdr-popup--exit_14-0-0-beta-0",
+  "cdr-popup--corner-left": "cdr-popup--corner-left_14-0-0-beta-0",
+  "cdr-popup--corner-right": "cdr-popup--corner-right_14-0-0-beta-0",
+  "cdr-popup--left": "cdr-popup--left_14-0-0-beta-0",
+  "cdr-popup--right": "cdr-popup--right_14-0-0-beta-0",
+  "cdr-popup--corner-top": "cdr-popup--corner-top_14-0-0-beta-0",
+  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_14-0-0-beta-0"
 };
 export {
   p as default

package/dist/src/components/quote/CdrQuote.vue.mjs

@@ -1,65 +1,9 @@
-import { defineComponent as d, computed as c, useCssModule as p, openBlock as t, createBlock as f, resolveDynamicComponent as y, normalizeClass as o, withCtx as C, createElementBlock as l, toDisplayString as m, createCommentVNode as n, renderSlot as g } from "vue";
-import $ from "../../utils/mapClasses.mjs";
-import u from "../../utils/propValidator.mjs";
-import k from "./styles/CdrQuote.module.scss.mjs";
-import q from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const S = d({
-  name: "CdrQuote",
-  props: {
-    /**
-     * Sets the semantic HTML element for the quote.
-     * @values blockquote, aside, q, div
-     */
-    tag: {
-      type: String,
-      default: "blockquote",
-      validator: (s) => u(s, ["blockquote", "aside", "q", "div"])
-    },
-    /**
-     * Modifies the style variant for the quote
-     * @demoSelectMultiple true
-     * @values pull
-     */
-    modifier: {
-      type: String,
-      default: "",
-      validator: (s) => u(s, ["", "pull"])
-    },
-    /** Sets the quote body text. */
-    summary: String,
-    /** Sets the quote attribution text. */
-    citation: String
-  },
-  setup(s) {
-    const e = "cdr-quote", a = "cdr-quote__summary", r = "cdr-quote__citation", i = c(() => s.modifier && `${e}--${s.modifier}`);
-    return {
-      style: p(),
-      mapClasses: $,
-      baseClass: e,
-      summaryClass: a,
-      citationClass: r,
-      modifierClass: i
-    };
-  }
-});
-function v(s, e, a, r, i, B) {
-  return t(), f(y(s.tag), {
-    class: o(s.mapClasses(s.style, s.baseClass, s.modifierClass))
-  }, {
-    default: C(() => [s.summary ? (t(), l("p", {
-      key: 0,
-      class: o(s.style[s.summaryClass])
-    }, m(s.summary), 3)) : n("", !0), g(s.$slots, "default"), s.citation ? (t(), l("cite", {
-      key: 1,
-      class: o(s.style[s.citationClass]),
-      tag: "cite"
-    }, m(s.citation), 3)) : n("", !0)]),
-    _: 3
-  }, 8, ["class"]);
-}
-const b = {
-  $style: k
-}, z = /* @__PURE__ */ q(S, [["render", v], ["__cssModules", b]]);
+import o from "./CdrQuote.vue2.mjs";
+import s from "./styles/CdrQuote.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
 export {
-  z as default
+  f as default
 };

package/dist/src/components/quote/CdrQuote.vue2.mjs

@@ -0,0 +1,51 @@
+import { defineComponent as f, useCssModule as C, computed as y, openBlock as o, createBlock as p, resolveDynamicComponent as g, normalizeClass as s, unref as e, withCtx as k, createElementBlock as i, toDisplayString as c, createCommentVNode as l, renderSlot as q } from "vue";
+import v from "../../utils/mapClasses.mjs";
+import n from "../../utils/propValidator.mjs";
+const m = "cdr-quote", S = "cdr-quote__summary", b = "cdr-quote__citation", D = /* @__PURE__ */ f({
+  name: "CdrQuote",
+  __name: "CdrQuote",
+  props: {
+    /**
+     * Sets the semantic HTML element for the quote.
+     * @values blockquote, aside, q, div
+     */
+    tag: {
+      type: String,
+      default: "blockquote",
+      validator: (t) => n(t, ["blockquote", "aside", "q", "div"])
+    },
+    /**
+     * Modifies the style variant for the quote
+     * @demoSelectMultiple true
+     * @values pull
+     */
+    modifier: {
+      type: String,
+      default: "",
+      validator: (t) => n(t, ["", "pull"])
+    },
+    /** Sets the quote body text. */
+    summary: String,
+    /** Sets the quote attribution text. */
+    citation: String
+  },
+  setup(t) {
+    const r = t, a = C(), u = y(() => r.modifier ? `${m}--${r.modifier}` : "");
+    return (d, B) => (o(), p(g(t.tag), {
+      class: s(e(v)(e(a), m, u.value))
+    }, {
+      default: k(() => [t.summary ? (o(), i("p", {
+        key: 0,
+        class: s(e(a)[S])
+      }, c(t.summary), 3)) : l("", !0), q(d.$slots, "default"), t.citation ? (o(), i("cite", {
+        key: 1,
+        class: s(e(a)[b]),
+        tag: "cite"
+      }, c(t.citation), 3)) : l("", !0)]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  D as default
+};

package/dist/src/components/quote/styles/CdrQuote.module.scss.mjs

@@ -1,8 +1,8 @@
 const t = {
-  "cdr-text": "cdr-text_13-5-3",
-  "cdr-quote": "cdr-quote_13-5-3",
-  "cdr-quote__summary": "cdr-quote__summary_13-5-3",
-  "cdr-quote--pull": "cdr-quote--pull_13-5-3"
+  "cdr-text": "cdr-text_14-0-0-beta-0",
+  "cdr-quote": "cdr-quote_14-0-0-beta-0",
+  "cdr-quote__summary": "cdr-quote__summary_14-0-0-beta-0",
+  "cdr-quote--pull": "cdr-quote--pull_14-0-0-beta-0"
 };
 export {
   t as default