@rei/cedar 13.5.2 → 14.0.0-ts.0

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-2",
-  "cdr-popup--open": "cdr-popup--open_13-5-2",
-  "cdr-popup--closed": "cdr-popup--closed_13-5-2",
-  "cdr-popup__content": "cdr-popup__content_13-5-2",
-  "cdr-popup__arrow": "cdr-popup__arrow_13-5-2",
-  "cdr-popup--top": "cdr-popup--top_13-5-2",
-  "cdr-popup--bottom": "cdr-popup--bottom_13-5-2",
-  "cdr-popup--exit": "cdr-popup--exit_13-5-2",
-  "cdr-popup--corner-left": "cdr-popup--corner-left_13-5-2",
-  "cdr-popup--corner-right": "cdr-popup--corner-right_13-5-2",
-  "cdr-popup--left": "cdr-popup--left_13-5-2",
-  "cdr-popup--right": "cdr-popup--right_13-5-2",
-  "cdr-popup--corner-top": "cdr-popup--corner-top_13-5-2",
-  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_13-5-2"
+  "cdr-popup": "cdr-popup_14-0-0-ts-0",
+  "cdr-popup--open": "cdr-popup--open_14-0-0-ts-0",
+  "cdr-popup--closed": "cdr-popup--closed_14-0-0-ts-0",
+  "cdr-popup__content": "cdr-popup__content_14-0-0-ts-0",
+  "cdr-popup__arrow": "cdr-popup__arrow_14-0-0-ts-0",
+  "cdr-popup--top": "cdr-popup--top_14-0-0-ts-0",
+  "cdr-popup--bottom": "cdr-popup--bottom_14-0-0-ts-0",
+  "cdr-popup--exit": "cdr-popup--exit_14-0-0-ts-0",
+  "cdr-popup--corner-left": "cdr-popup--corner-left_14-0-0-ts-0",
+  "cdr-popup--corner-right": "cdr-popup--corner-right_14-0-0-ts-0",
+  "cdr-popup--left": "cdr-popup--left_14-0-0-ts-0",
+  "cdr-popup--right": "cdr-popup--right_14-0-0-ts-0",
+  "cdr-popup--corner-top": "cdr-popup--corner-top_14-0-0-ts-0",
+  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_14-0-0-ts-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-2",
-  "cdr-quote": "cdr-quote_13-5-2",
-  "cdr-quote__summary": "cdr-quote__summary_13-5-2",
-  "cdr-quote--pull": "cdr-quote--pull_13-5-2"
+  "cdr-text": "cdr-text_14-0-0-ts-0",
+  "cdr-quote": "cdr-quote_14-0-0-ts-0",
+  "cdr-quote__summary": "cdr-quote__summary_14-0-0-ts-0",
+  "cdr-quote--pull": "cdr-quote--pull_14-0-0-ts-0"
 };
 export {
   t as default

package/dist/src/components/radio/CdrRadio.vue.mjs

@@ -1,118 +1,9 @@
-import { defineComponent as i, computed as d, useCssModule as u, resolveComponent as m, openBlock as p, createBlock as c, normalizeClass as b, withCtx as t, withDirectives as f, createElementVNode as C, mergeProps as g, vModelRadio as y, renderSlot as S } from "vue";
-import V from "../../utils/propValidator.mjs";
-import $ from "../labelWrapper/CdrLabelWrapper.vue.mjs";
-import k from "../../props/size.mjs";
-import v from "../../props/background.mjs";
-import M from "./styles/CdrRadio.module.scss.mjs";
-import z from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const h = i({
-  name: "CdrRadio",
-  components: {
-    CdrLabelWrapper: $
-  },
-  inheritAttrs: !1,
-  customOptions: {},
-  props: {
-    /**
-     * Adds CSS class to the label for custom styles.
-     */
-    labelClass: String,
-    /**
-     * Adds CSS class to the input for custom styles.
-     */
-    inputClass: String,
-    /**
-     * Adds CSS class to the slot wrapper for custom styles.
-     */
-    contentClass: String,
-    /**
-     * Sets the name of the radio button.
-    */
-    name: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Modifies the style variants for this component
-     * @demoSelectMultiple true
-     * @values hide-figure
-    */
-    modifier: {
-      type: String,
-      default: "",
-      validator: (e) => V(e, ["", "hide-figure"])
-    },
-    /**
-     * Sets the radio size; values can target responsive breakpoints. Example `small@lg`
-     * @demoSelectMultiple false
-     * @values small, medium, large
-    */
-    size: k,
-    /**
-     * Sets the background color the radio button is rendered on
-     * @values primary, secondary
-     */
-    background: v,
-    /**
-     * Sets the value of the radio.
-    */
-    customValue: {
-      type: [String, Number, Boolean, Object, Array, Symbol, Function]
-    },
-    /** @ignore v-model binding */
-    modelValue: {
-      type: [String, Number, Boolean, Object, Array, Symbol, Function]
-    }
-  },
-  emits: {
-    /**
-     * Event emitted by v-model on the radio's <input> element
-     * @param modelValue
-     */
-    "update:modelValue": null
-  },
-  setup(e, o) {
-    const s = "cdr-radio", r = d({
-      get() {
-        return e.modelValue;
-      },
-      set(a) {
-        o.emit("update:modelValue", a);
-      }
-    });
-    return {
-      style: u(),
-      baseClass: s,
-      radioModel: r
-    };
-  }
-}), w = ["name", "value"];
-function B(e, o, s, r, a, A) {
-  const l = m("cdr-label-wrapper");
-  return p(), c(l, {
-    class: b(e.style[e.baseClass]),
-    size: e.size,
-    modifier: e.modifier,
-    "label-class": e.labelClass,
-    "content-class": e.contentClass,
-    background: e.background,
-    disabled: e.$attrs.disabled
-  }, {
-    input: t(() => [f(C("input", g({
-      class: [e.style["cdr-radio__input"], e.inputClass],
-      type: "radio",
-      name: e.name,
-      value: e.customValue
-    }, e.$attrs, {
-      "onUpdate:modelValue": o[0] || (o[0] = (n) => e.radioModel = n)
-    }), null, 16, w), [[y, e.radioModel]])]),
-    default: t(() => [S(e.$slots, "default")]),
-    _: 3
-  }, 8, ["class", "size", "modifier", "label-class", "content-class", "background", "disabled"]);
-}
-const P = {
-  $style: M
-}, E = /* @__PURE__ */ z(h, [["render", B], ["__cssModules", P]]);
+import o from "./CdrRadio.vue2.mjs";
+import s from "./styles/CdrRadio.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
 export {
-  E as default
+  f as default
 };

package/dist/src/components/radio/CdrRadio.vue2.mjs

@@ -0,0 +1,108 @@
+import { defineComponent as u, useCssModule as m, computed as c, openBlock as b, createBlock as f, normalizeClass as g, unref as i, withCtx as s, withDirectives as p, createElementVNode as C, mergeProps as y, vModelRadio as S, renderSlot as v } from "vue";
+import V from "../../utils/propValidator.mjs";
+import k from "../labelWrapper/CdrLabelWrapper.vue.mjs";
+import z from "../../props/size.mjs";
+import B from "../../props/background.mjs";
+const h = ["name", "value", "disabled"], P = "cdr-radio", j = /* @__PURE__ */ u({
+  name: "CdrRadio",
+  inheritAttrs: !1,
+  customOptions: {},
+  __name: "CdrRadio",
+  props: {
+    /**
+     * Adds CSS class to the label for custom styles.
+     */
+    labelClass: String,
+    /**
+     * Adds CSS class to the input for custom styles.
+     */
+    inputClass: String,
+    /**
+     * Adds CSS class to the slot wrapper for custom styles.
+     */
+    contentClass: String,
+    /** Disables the radio */
+    disabled: Boolean,
+    /**
+     * Sets the name of the radio button.
+    */
+    name: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Modifies the style variants for this component
+     * @demoSelectMultiple true
+     * @values hide-figure
+    */
+    modifier: {
+      type: String,
+      default: "",
+      validator: (e) => V(e, ["", "hide-figure"])
+    },
+    /**
+     * Sets the radio size; values can target responsive breakpoints. Example `small@lg`
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: z,
+    /**
+     * Sets the background color the radio button is rendered on
+     * @values primary, secondary
+     */
+    background: B,
+    /**
+     * Sets the value of the radio.
+    */
+    customValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function]
+    },
+    /** @ignore v-model binding */
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function]
+    }
+  },
+  emits: {
+    /**
+     * Event emitted by v-model on the radio's <input> element
+     * @param modelValue
+     */
+    "update:modelValue": null
+  },
+  setup(e, {
+    emit: r
+  }) {
+    const n = e, t = m(), l = c({
+      get() {
+        return n.modelValue;
+      },
+      set(a) {
+        r("update:modelValue", a);
+      }
+    });
+    return (a, o) => (b(), f(k, {
+      class: g(i(t)[P]),
+      size: e.size,
+      modifier: e.modifier,
+      "label-class": e.labelClass,
+      "content-class": e.contentClass,
+      background: e.background,
+      disabled: e.disabled
+    }, {
+      input: s(() => [p(C("input", y({
+        class: [i(t)["cdr-radio__input"], e.inputClass],
+        type: "radio",
+        name: e.name,
+        value: e.customValue
+      }, a.$attrs, {
+        disabled: e.disabled,
+        "onUpdate:modelValue": o[0] || (o[0] = (d) => l.value = d)
+      }), null, 16, h), [[S, l.value]])]),
+      default: s(() => [v(a.$slots, "default")]),
+      _: 3
+    }, 8, ["class", "size", "modifier", "label-class", "content-class", "background", "disabled"]));
+  }
+});
+export {
+  j as default
+};

package/dist/src/components/radio/styles/CdrRadio.module.scss.mjs

@@ -1,29 +1,29 @@
 const r = {
-  "cdr-label-wrapper": "cdr-label-wrapper_13-5-2",
-  "cdr-label-wrapper__container": "cdr-label-wrapper__container_13-5-2",
-  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_13-5-2",
-  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_13-5-2",
-  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_13-5-2",
-  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_13-5-2",
-  "cdr-label-wrapper__content": "cdr-label-wrapper__content_13-5-2",
-  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_13-5-2",
-  "cdr-label-wrapper--small": "cdr-label-wrapper--small_13-5-2",
-  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_13-5-2",
-  "cdr-label-wrapper--large": "cdr-label-wrapper--large_13-5-2",
-  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_13-5-2",
-  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_13-5-2",
-  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_13-5-2",
-  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_13-5-2",
-  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_13-5-2",
-  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_13-5-2",
-  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_13-5-2",
-  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_13-5-2",
-  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_13-5-2",
-  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_13-5-2",
-  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_13-5-2",
-  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_13-5-2",
-  "cdr-radio": "cdr-radio_13-5-2",
-  "cdr-radio__input": "cdr-radio__input_13-5-2"
+  "cdr-label-wrapper": "cdr-label-wrapper_14-0-0-ts-0",
+  "cdr-label-wrapper__container": "cdr-label-wrapper__container_14-0-0-ts-0",
+  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_14-0-0-ts-0",
+  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_14-0-0-ts-0",
+  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_14-0-0-ts-0",
+  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_14-0-0-ts-0",
+  "cdr-label-wrapper__content": "cdr-label-wrapper__content_14-0-0-ts-0",
+  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_14-0-0-ts-0",
+  "cdr-label-wrapper--small": "cdr-label-wrapper--small_14-0-0-ts-0",
+  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_14-0-0-ts-0",
+  "cdr-label-wrapper--large": "cdr-label-wrapper--large_14-0-0-ts-0",
+  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_14-0-0-ts-0",
+  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_14-0-0-ts-0",
+  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_14-0-0-ts-0",
+  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_14-0-0-ts-0",
+  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_14-0-0-ts-0",
+  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_14-0-0-ts-0",
+  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_14-0-0-ts-0",
+  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_14-0-0-ts-0",
+  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_14-0-0-ts-0",
+  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_14-0-0-ts-0",
+  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_14-0-0-ts-0",
+  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_14-0-0-ts-0",
+  "cdr-radio": "cdr-radio_14-0-0-ts-0",
+  "cdr-radio__input": "cdr-radio__input_14-0-0-ts-0"
 };
 export {
   r as default

package/dist/src/components/rating/CdrRating.vue.mjs

@@ -1,108 +1,9 @@
-import { defineComponent as p, computed as t, useCssModule as _, openBlock as r, createBlock as b, resolveDynamicComponent as z, normalizeClass as n, withCtx as M, createElementVNode as u, createElementBlock as s, Fragment as v, renderList as C, createCommentVNode as l, toDisplayString as d } from "vue";
-import R from "../../utils/propValidator.mjs";
-import N from "../../utils/mapClasses.mjs";
-import S from "./styles/CdrRating.module.scss.mjs";
-import B from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const V = p({
-  name: "CdrRating",
-  props: {
-    /**
-     * Sets the rating values between 0 and 5.
-     */
-    rating: {
-      required: !0,
-      type: [String, Number],
-      default: 0
-    },
-    /**
-     * Sets the total number of ratings
-     */
-    count: {
-      required: !1,
-      type: [String, Number],
-      default: null
-    },
-    /**
-     * Hides the word 'reviews' if true
-     */
-    compact: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets the rating component (icons and text) to display inline and wraps them in an anchor tag so they can act as link.
-     */
-    href: {
-      type: String
-    },
-    /**
-     * Sets the rating size.
-     * @demoSelectMultiple false
-     * @values small, medium, large
-    */
-    size: {
-      type: String,
-      default: "medium",
-      validator: (e) => R(e, ["small", "medium", "large"])
-    }
-  },
-  setup(e) {
-    const i = "cdr-rating", c = t(() => e.size && `${i}--${e.size}`), m = t(() => e.href && `${i}--linked`), f = t(() => e.rounded > 0 || e.count > 0 ? "cdr-rating__placeholder" : "cdr-rating__placeholder--no-reviews"), g = t(() => e.href ? "a" : "div"), a = t(() => (Math.round(e.rating * 10) / 10).toFixed(1)), o = t(() => Math.round(e.rating * 4) / 4), y = t(() => Math.floor(o.value)), h = t(() => o.value.toFixed(2).split(".")[1]), $ = t(() => 5 - y.value - (h.value > 0 ? 1 : 0)), w = t(() => e.compact ? `(${e.count})` : `${e.count}`), k = t(() => e.href ? e.count === 0 || e.count === "0" ? "No reviews yet; be the first!" : e.count === null ? `View the reviews with an average rating of ${a.value} out of 5 stars` : `View the ${e.count} reviews with an average rating of ${a.value} out of 5 stars` : e.count === 0 || e.count === "0" ? "0 reviews" : e.count === null ? `Rated ${a.value} out of 5 stars` : `${e.count} reviews with an average rating of ${a.value} out of 5 stars`);
-    return {
-      style: _(),
-      mapClasses: N,
-      baseClass: i,
-      sizeClass: c,
-      linkedClass: m,
-      emptyClass: f,
-      empties: $,
-      formattedCount: w,
-      srText: k,
-      tag: g,
-      displayRating: a,
-      whole: y,
-      remainder: h,
-      rounded: o
-    };
-  }
-}), F = {
-  key: 1
-};
-function q(e, i, c, m, f, g) {
-  return r(), b(z(e.tag), {
-    href: e.href,
-    class: n(e.mapClasses(e.style, e.baseClass, e.sizeClass, e.linkedClass))
-  }, {
-    default: M(() => [u("div", {
-      class: n(e.style["cdr-rating__ratings"])
-    }, [(r(!0), s(v, null, C(Array(e.whole).keys(), (a) => (r(), s("span", {
-      class: n(e.mapClasses(e.style, "cdr-rating__icon", "cdr-rating__100")),
-      key: `rating-whole-${a}`,
-      "aria-hidden": "true"
-    }, null, 2))), 128)), e.remainder !== "00" ? (r(), s("span", {
-      key: 0,
-      class: n(e.mapClasses(e.style, "cdr-rating__icon", `cdr-rating__${e.remainder}`)),
-      "aria-hidden": "true"
-    }, null, 2)) : l("", !0), (r(!0), s(v, null, C(Array(e.empties).keys(), (a) => (r(), s("span", {
-      class: n(e.mapClasses(e.style, "cdr-rating__icon", e.emptyClass)),
-      key: `rating-empty-${a}`,
-      "aria-hidden": "true"
-    }, null, 2))), 128))], 2), e.count !== null ? (r(), s("span", {
-      key: 0,
-      "aria-hidden": "true",
-      class: n(e.style["cdr-rating__count"])
-    }, [e.href ? (r(), s("span", {
-      key: 0,
-      class: n(e.style["cdr-rating__number"])
-    }, d(e.displayRating), 3)) : l("", !0), u("span", null, d(e.formattedCount), 1), e.compact ? l("", !0) : (r(), s("span", F, "  Reviews "))], 2)) : l("", !0), u("span", {
-      class: n(e.style["cdr-rating__caption-sr"])
-    }, d(e.srText), 3)]),
-    _: 1
-  }, 8, ["href", "class"]);
-}
-const A = {
-  $style: S
-}, j = /* @__PURE__ */ B(V, [["render", q], ["__cssModules", A]]);
+import s from "./CdrRating.vue2.mjs";
+import o from "./styles/CdrRating.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
 export {
-  j as default
+  f as default
 };