@rei/cedar 13.5.2 → 14.0.0-ts.0

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

@@ -0,0 +1,86 @@
+import { defineComponent as S, useCssModule as B, computed as t, openBlock as a, createBlock as M, resolveDynamicComponent as V, normalizeClass as s, unref as r, withCtx as F, createElementVNode as f, createElementBlock as u, Fragment as y, renderList as w, createCommentVNode as i, toDisplayString as v } from "vue";
+import T from "../../utils/propValidator.mjs";
+import c from "../../utils/mapClasses.mjs";
+const q = {
+  key: 1
+}, g = "cdr-rating", j = /* @__PURE__ */ S({
+  name: "CdrRating",
+  __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: (o) => T(o, ["small", "medium", "large"])
+    }
+  },
+  setup(o) {
+    const e = o, n = B(), p = t(() => Number(e.rating)), C = t(() => Number(e.count)), $ = t(() => e.size ? `${g}--${e.size}` : ""), k = t(() => e.href ? `${g}--linked` : ""), b = t(() => C.value > 0 ? "cdr-rating__placeholder" : "cdr-rating__placeholder--no-reviews"), N = t(() => e.href ? "a" : "div"), l = t(() => (Math.round(p.value * 10) / 10).toFixed(1)), h = t(() => Math.round(p.value * 4) / 4), _ = t(() => Math.floor(h.value)), d = t(() => h.value.toFixed(2).split(".")[1]), x = t(() => 5 - _.value - (+d.value > 0 ? 1 : 0)), z = t(() => e.compact ? `(${e.count})` : `${e.count}`), R = 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 ${l.value} out of 5 stars` : `View the ${e.count} reviews with an average rating of ${l.value} out of 5 stars` : e.count === 0 || e.count === "0" ? "0 reviews" : e.count === null ? `Rated ${l.value} out of 5 stars` : `${e.count} reviews with an average rating of ${l.value} out of 5 stars`);
+    return (A, D) => (a(), M(V(N.value), {
+      href: o.href,
+      class: s(r(c)(r(n), g, $.value, k.value))
+    }, {
+      default: F(() => [f("div", {
+        class: s(r(n)["cdr-rating__ratings"])
+      }, [(a(!0), u(y, null, w(Array(_.value).keys(), (m) => (a(), u("span", {
+        class: s(r(c)(r(n), "cdr-rating__icon", "cdr-rating__100")),
+        key: `rating-whole-${m}`,
+        "aria-hidden": "true"
+      }, null, 2))), 128)), d.value !== "00" ? (a(), u("span", {
+        key: 0,
+        class: s(r(c)(r(n), "cdr-rating__icon", `cdr-rating__${d.value}`)),
+        "aria-hidden": "true"
+      }, null, 2)) : i("", !0), (a(!0), u(y, null, w(Array(x.value).keys(), (m) => (a(), u("span", {
+        class: s(r(c)(r(n), "cdr-rating__icon", b.value)),
+        key: `rating-empty-${m}`,
+        "aria-hidden": "true"
+      }, null, 2))), 128))], 2), o.count !== null ? (a(), u("span", {
+        key: 0,
+        "aria-hidden": "true",
+        class: s(r(n)["cdr-rating__count"])
+      }, [o.href ? (a(), u("span", {
+        key: 0,
+        class: s(r(n)["cdr-rating__number"])
+      }, v(l.value), 3)) : i("", !0), f("span", null, v(z.value), 1), o.compact ? i("", !0) : (a(), u("span", q, "  Reviews "))], 2)) : i("", !0), f("span", {
+        class: s(r(n)["cdr-rating__caption-sr"])
+      }, v(R.value), 3)]),
+      _: 1
+    }, 8, ["href", "class"]));
+  }
+});
+export {
+  j as default
+};

package/dist/src/components/rating/styles/CdrRating.module.scss.mjs

@@ -1,32 +1,32 @@
 const r = {
-  "cdr-rating__icon": "cdr-rating__icon_13-5-2",
-  "cdr-rating__count": "cdr-rating__count_13-5-2",
-  "cdr-rating": "cdr-rating_13-5-2",
-  "cdr-rating__number": "cdr-rating__number_13-5-2",
-  "cdr-rating__ratings": "cdr-rating__ratings_13-5-2",
-  "cdr-rating__caption-sr": "cdr-rating__caption-sr_13-5-2",
-  "cdr-rating__placeholder": "cdr-rating__placeholder_13-5-2",
-  "cdr-rating__placeholder--no-reviews": "cdr-rating__placeholder--no-reviews_13-5-2",
-  "cdr-rating__100": "cdr-rating__100_13-5-2",
-  "cdr-rating__75": "cdr-rating__75_13-5-2",
-  "cdr-rating__50": "cdr-rating__50_13-5-2",
-  "cdr-rating__25": "cdr-rating__25_13-5-2",
-  "cdr-rating--linked": "cdr-rating--linked_13-5-2",
-  "cdr-rating--large": "cdr-rating--large_13-5-2",
-  "cdr-rating--medium": "cdr-rating--medium_13-5-2",
-  "cdr-rating--small": "cdr-rating--small_13-5-2",
-  "cdr-rating--small@xs": "cdr-rating--small@xs_13-5-2",
-  "cdr-rating--medium@xs": "cdr-rating--medium@xs_13-5-2",
-  "cdr-rating--large@xs": "cdr-rating--large@xs_13-5-2",
-  "cdr-rating--small@sm": "cdr-rating--small@sm_13-5-2",
-  "cdr-rating--medium@sm": "cdr-rating--medium@sm_13-5-2",
-  "cdr-rating--large@sm": "cdr-rating--large@sm_13-5-2",
-  "cdr-rating--small@md": "cdr-rating--small@md_13-5-2",
-  "cdr-rating--medium@md": "cdr-rating--medium@md_13-5-2",
-  "cdr-rating--large@md": "cdr-rating--large@md_13-5-2",
-  "cdr-rating--small@lg": "cdr-rating--small@lg_13-5-2",
-  "cdr-rating--medium@lg": "cdr-rating--medium@lg_13-5-2",
-  "cdr-rating--large@lg": "cdr-rating--large@lg_13-5-2"
+  "cdr-rating__icon": "cdr-rating__icon_14-0-0-ts-0",
+  "cdr-rating__count": "cdr-rating__count_14-0-0-ts-0",
+  "cdr-rating": "cdr-rating_14-0-0-ts-0",
+  "cdr-rating__number": "cdr-rating__number_14-0-0-ts-0",
+  "cdr-rating__ratings": "cdr-rating__ratings_14-0-0-ts-0",
+  "cdr-rating__caption-sr": "cdr-rating__caption-sr_14-0-0-ts-0",
+  "cdr-rating__placeholder": "cdr-rating__placeholder_14-0-0-ts-0",
+  "cdr-rating__placeholder--no-reviews": "cdr-rating__placeholder--no-reviews_14-0-0-ts-0",
+  "cdr-rating__100": "cdr-rating__100_14-0-0-ts-0",
+  "cdr-rating__75": "cdr-rating__75_14-0-0-ts-0",
+  "cdr-rating__50": "cdr-rating__50_14-0-0-ts-0",
+  "cdr-rating__25": "cdr-rating__25_14-0-0-ts-0",
+  "cdr-rating--linked": "cdr-rating--linked_14-0-0-ts-0",
+  "cdr-rating--large": "cdr-rating--large_14-0-0-ts-0",
+  "cdr-rating--medium": "cdr-rating--medium_14-0-0-ts-0",
+  "cdr-rating--small": "cdr-rating--small_14-0-0-ts-0",
+  "cdr-rating--small@xs": "cdr-rating--small@xs_14-0-0-ts-0",
+  "cdr-rating--medium@xs": "cdr-rating--medium@xs_14-0-0-ts-0",
+  "cdr-rating--large@xs": "cdr-rating--large@xs_14-0-0-ts-0",
+  "cdr-rating--small@sm": "cdr-rating--small@sm_14-0-0-ts-0",
+  "cdr-rating--medium@sm": "cdr-rating--medium@sm_14-0-0-ts-0",
+  "cdr-rating--large@sm": "cdr-rating--large@sm_14-0-0-ts-0",
+  "cdr-rating--small@md": "cdr-rating--small@md_14-0-0-ts-0",
+  "cdr-rating--medium@md": "cdr-rating--medium@md_14-0-0-ts-0",
+  "cdr-rating--large@md": "cdr-rating--large@md_14-0-0-ts-0",
+  "cdr-rating--small@lg": "cdr-rating--small@lg_14-0-0-ts-0",
+  "cdr-rating--medium@lg": "cdr-rating--medium@lg_14-0-0-ts-0",
+  "cdr-rating--large@lg": "cdr-rating--large@lg_14-0-0-ts-0"
 };
 export {
   r as default

package/dist/src/components/select/CdrSelect.vue.mjs

@@ -1,224 +1,9 @@
-import "core-js/modules/es.array.push.js";
-import { defineComponent as L, computed as o, useCssModule as j, resolveComponent as h, openBlock as a, createBlock as S, createSlots as F, withCtx as n, createElementVNode as I, normalizeClass as u, createElementBlock as m, renderSlot as i, createCommentVNode as g, withDirectives as H, mergeProps as R, toDisplayString as q, Fragment as U, renderList as T, vModelSelect as G, createVNode as J } from "vue";
-import K from "../icon/comps/caret-down.vue.mjs";
-import Q from "../labelStandalone/CdrLabelStandalone.vue.mjs";
-import W from "../formError/CdrFormError.vue.mjs";
-import X from "../../props/size.mjs";
-import Y from "../../props/background.mjs";
-import Z from "../../utils/mapClasses.mjs";
-import _ from "../../utils/uid.mjs";
-import x from "./styles/CdrSelect.module.scss.mjs";
-import ee from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const re = L({
-  name: "CdrSelect",
-  components: {
-    IconCaretDown: K,
-    CdrLabelStandalone: Q,
-    CdrFormError: W
-  },
-  inheritAttrs: !1,
-  props: {
-    /**
-     * Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be auto-generated.
-    */
-    id: {
-      type: String
-    },
-    /**
-     * Sets the text value for the select label.
-     * Required for accessibility compliance. Use ‘hideLabel’ to
-     * visually hide the label but keep it available to screenreaders.
-    */
-    label: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Visually hides the label element, but leaves it available to screen readers for accessibility compliance.
-     */
-    hideLabel: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.
-    */
-    prompt: String,
-    /**
-     * Build options programmatically with data.
-     * Provide an array of objects [{ text: String, value: String}] for greater control
-     * or provide an array of strings ['String'] for simpler setup (value and text will be the same).
-    */
-    options: {
-      type: Array
-    },
-    /**
-     * Sets the background color the radio button is rendered on
-     * @values primary, secondary
-     */
-    background: Y,
-    /**
-     * Sets the component's size; values can target responsive breakpoints. Example `small@lg`
-     * @demoSelectMultiple false
-     * @values small, medium, large
-    */
-    size: X,
-    /** Sets the select to an error state, displays the `error` slot if one is present. */
-    error: {
-      type: [Boolean, String],
-      default: !1
-    },
-    /**
-    * Sets the `role` attribute for the embedded error state messaging.
-    */
-    errorRole: {
-      type: String,
-      default: "status"
-    },
-    /** @ignore */
-    modelValue: {
-      type: [String, Number, Boolean, Object, Array, Symbol, Function]
-    },
-    /** Disables the input and sets appropriate styling */
-    disabled: Boolean,
-    /** Sets aria-required on the input field and displays an asterisk next to the select label */
-    required: Boolean,
-    /** Displays '(optional)' text next to the select label. */
-    optional: Boolean,
-    /** Turns CdrSelect into a multi-select element. */
-    multiple: Boolean,
-    /** Sets the height of the CdrSelect when using the multiple option.
-     * This number corresponds to the number of select options that will be visible without scrolling.
-     */
-    multipleSize: Number
-  },
-  emits: {
-    /**
-     * Event emitted by v-model on the radio's <input> element
-     * @param modelValue
-     */
-    "update:modelValue": null
-  },
-  customOptions: {},
-  setup(e, r) {
-    const p = "cdr-select", $ = r.slots["helper-text"], k = r.slots.info, v = r.slots["info-action"], d = r.slots["pre-icon"], c = e.id ? e.id : _(), f = o(() => e.multiple && "cdr-select--multiple"), l = o(() => !e.modelValue && "cdr-select__prompt"), z = o(() => d && "cdr-select--preicon"), B = o(() => e.error && "cdr-select--error"), V = o(() => `cdr-select--${e.background}`), M = o(() => e.size && `${p}--${e.size}`), w = o(() => e.disabled && "cdr-select__caret--disabled"), A = o(() => {
-      const s = [r.slots["helper-text"] ? `${e.id}-helper-text-top` : "", r.attrs["aria-describedby"]].filter((t) => t).join(" ");
-      return e.error ? `${e.id}-error` : s;
-    }), D = o(() => {
-      const s = [];
-      return e.options && e.options.forEach((t) => {
-        const b = {};
-        let y = "", C = "";
-        if (typeof t == "string")
-          y = t, C = t;
-        else {
-          const {
-            text: P,
-            value: E
-          } = t;
-          y = P, C = E;
-        }
-        b.text = y, b.value = C, s.push(b);
-      }), s;
-    }), N = o({
-      get() {
-        return e.modelValue;
-      },
-      set(s) {
-        r.emit("update:modelValue", s);
-      }
-    }), O = j();
-    return {
-      mapClasses: Z,
-      baseClass: p,
-      hasHelper: $,
-      hasInfo: k,
-      hasInfoAction: v,
-      hasPreIcon: d,
-      uniqueId: c,
-      multipleClass: f,
-      promptClass: l,
-      preIconClass: z,
-      errorClass: B,
-      backgroundClass: V,
-      sizeClass: M,
-      caretDisabledClass: w,
-      describedby: A,
-      computedOpts: D,
-      selectModel: N,
-      style: O
-    };
-  }
-}), oe = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby", "value"], le = ["value"];
-function se(e, r, p, $, k, v) {
-  const d = h("icon-caret-down"), c = h("cdr-form-error"), f = h("cdr-label-standalone");
-  return a(), S(f, {
-    "for-id": e.uniqueId,
-    label: e.label,
-    "hide-label": e.hideLabel,
-    required: e.required,
-    optional: e.optional,
-    disabled: e.disabled
-  }, F({
-    default: n(() => [I("div", {
-      class: u(e.style["cdr-select-wrap"])
-    }, [e.hasPreIcon ? (a(), m("span", {
-      key: 0,
-      class: u(e.style["cdr-select__pre-icon"])
-    }, [i(e.$slots, "pre-icon")], 2)) : g("", !0), H(I("select", R({
-      id: e.uniqueId,
-      class: e.mapClasses(e.style, e.baseClass, e.sizeClass, e.promptClass, e.multipleClass, e.backgroundClass, e.errorClass, e.preIconClass),
-      multiple: e.multiple,
-      size: e.multipleSize,
-      disabled: e.disabled,
-      "aria-required": e.required || null,
-      "aria-invalid": !!e.error || null,
-      "aria-errormessage": !!e.error && `${e.uniqueId}-error` || null
-    }, e.$attrs, {
-      "aria-describedby": e.describedby || null,
-      value: e.modelValue,
-      "onUpdate:modelValue": r[0] || (r[0] = (l) => e.selectModel = l)
-    }), [e.prompt ? (a(), m("option", {
-      key: 0,
-      class: u(e.style["cdr-select__prompt"]),
-      value: "",
-      disabled: ""
-    }, q(e.prompt), 3)) : g("", !0), (a(!0), m(U, null, T(e.computedOpts, (l) => (a(), m("option", {
-      key: l.text,
-      value: l.value
-    }, q(l.text), 9, le))), 128)), i(e.$slots, "default")], 16, oe), [[G, e.selectModel]]), J(d, {
-      class: u(e.mapClasses(e.style, "cdr-select__caret", e.caretDisabledClass))
-    }, null, 8, ["class"])], 2)]),
-    _: 2
-  }, [e.hasHelper ? {
-    name: "helper",
-    fn: n(() => [i(e.$slots, "helper-text")]),
-    key: "0"
-  } : void 0, e.hasInfo ? {
-    name: "info",
-    fn: n(() => [i(e.$slots, "info")]),
-    key: "1"
-  } : void 0, e.hasInfoAction ? {
-    name: "info-action",
-    fn: n(() => [i(e.$slots, "info-action")]),
-    key: "2"
-  } : void 0, e.error ? {
-    name: "error",
-    fn: n(() => [e.error ? (a(), S(c, {
-      key: 0,
-      error: e.error,
-      role: e.errorRole,
-      id: `${e.uniqueId}-error`
-    }, {
-      error: n(() => [i(e.$slots, "error")]),
-      _: 3
-    }, 8, ["error", "role", "id"])) : g("", !0)]),
-    key: "3"
-  } : void 0]), 1032, ["for-id", "label", "hide-label", "required", "optional", "disabled"]);
-}
-const te = {
-  $style: x
-}, Ce = /* @__PURE__ */ ee(re, [["render", se], ["__cssModules", te]]);
+import s from "./CdrSelect.vue2.mjs";
+import o from "./styles/CdrSelect.module.scss.mjs";
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const e = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", e]]);
 export {
-  Ce as default
+  f as default
 };

package/dist/src/components/select/CdrSelect.vue2.mjs

@@ -0,0 +1,196 @@
+import "core-js/modules/es.array.push.js";
+import { defineComponent as R, useCssModule as U, useSlots as H, useAttrs as T, computed as o, openBlock as i, createBlock as C, unref as t, createSlots as G, withCtx as n, createElementVNode as S, normalizeClass as p, createElementBlock as f, renderSlot as d, createCommentVNode as y, withDirectives as J, mergeProps as K, toDisplayString as k, Fragment as Q, renderList as W, vModelSelect as X, createVNode as Y } from "vue";
+import Z from "../icon/comps/caret-down.vue.mjs";
+import _ from "../labelStandalone/CdrLabelStandalone.vue.mjs";
+import ee from "../formError/CdrFormError.vue.mjs";
+import re from "../../props/size.mjs";
+import te from "../../props/background.mjs";
+import $ from "../../utils/mapClasses.mjs";
+import le from "../../utils/uid.mjs";
+const oe = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], ae = ["value"], z = "cdr-select", be = /* @__PURE__ */ R({
+  name: "CdrSelect",
+  inheritAttrs: !1,
+  customOptions: {},
+  __name: "CdrSelect",
+  props: {
+    /**
+     * Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be auto-generated.
+    */
+    id: {
+      type: String
+    },
+    /**
+     * Sets the text value for the select label.
+     * Required for accessibility compliance. Use ‘hideLabel’ to
+     * visually hide the label but keep it available to screenreaders.
+    */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Visually hides the label element, but leaves it available to screen readers for accessibility compliance.
+     */
+    hideLabel: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.
+    */
+    prompt: String,
+    /**
+     * Build options programmatically with data.
+     * Provide an array of objects [{ text: String, value: String}] for greater control
+     * or provide an array of strings ['String'] for simpler setup (value and text will be the same).
+    */
+    options: {
+      type: Array
+    },
+    /**
+     * Sets the background color the radio button is rendered on
+     * @values primary, secondary
+     */
+    background: te,
+    /**
+     * Sets the component's size; values can target responsive breakpoints. Example `small@lg`
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: re,
+    /** Sets the select to an error state, displays the `error` slot if one is present. */
+    error: {
+      type: [Boolean, String],
+      default: !1
+    },
+    /**
+    * Sets the `role` attribute for the embedded error state messaging.
+    */
+    errorRole: {
+      type: String,
+      default: "status"
+    },
+    /** @ignore */
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function]
+    },
+    /** Disables the input and sets appropriate styling */
+    disabled: Boolean,
+    /** Sets aria-required on the input field and displays an asterisk next to the select label */
+    required: Boolean,
+    /** Displays '(optional)' text next to the select label. */
+    optional: Boolean,
+    /** Turns CdrSelect into a multi-select element. */
+    multiple: Boolean,
+    /** Sets the height of the CdrSelect when using the multiple option.
+     * This number corresponds to the number of select options that will be visible without scrolling.
+     */
+    multipleSize: Number
+  },
+  emits: {
+    /**
+     * Event emitted by v-model on the radio's <input> element
+     * @param modelValue
+     */
+    "update:modelValue": null
+  },
+  setup(e, {
+    emit: B
+  }) {
+    const r = e, c = U(), u = H(), q = T(), V = u["helper-text"], x = u.info, A = u["info-action"], h = u["pre-icon"], m = r.id ? r.id : le(), I = o(() => r.multiple ? "cdr-select--multiple" : ""), N = o(() => r.modelValue ? "" : "cdr-select__prompt"), E = o(() => h ? "cdr-select--preicon" : ""), L = o(() => r.error ? "cdr-select--error" : ""), O = o(() => `cdr-select--${r.background}`), P = o(() => r.size ? `${z}--${r.size}` : ""), j = o(() => r.disabled ? "cdr-select__caret--disabled" : ""), w = o(() => {
+      const l = [u["helper-text"] ? `${r.id}-helper-text-top` : "", q["aria-describedby"]].filter((a) => a).join(" ");
+      return r.error ? `${r.id}-error` : l;
+    }), D = o(() => {
+      const l = [];
+      return r.options && r.options.forEach((a) => {
+        const s = {
+          text: "",
+          value: ""
+        };
+        let b = "", v = "";
+        if (typeof a == "string")
+          b = a, v = a;
+        else {
+          const {
+            text: F,
+            value: M
+          } = a;
+          b = F, v = M;
+        }
+        s.text = b, s.value = v, l.push(s);
+      }), l;
+    }), g = o({
+      get() {
+        return r.modelValue;
+      },
+      set(l) {
+        B("update:modelValue", l);
+      }
+    });
+    return (l, a) => (i(), C(_, {
+      "for-id": t(m),
+      label: e.label,
+      "hide-label": e.hideLabel,
+      required: e.required,
+      optional: e.optional,
+      disabled: e.disabled
+    }, G({
+      default: n(() => [S("div", {
+        class: p(t(c)["cdr-select-wrap"])
+      }, [t(h) ? (i(), f("span", {
+        key: 0,
+        class: p(t(c)["cdr-select__pre-icon"])
+      }, [d(l.$slots, "pre-icon")], 2)) : y("", !0), J(S("select", K({
+        id: t(m),
+        class: t($)(t(c), z, P.value, N.value, I.value, O.value, L.value, E.value),
+        multiple: e.multiple,
+        size: e.multipleSize,
+        disabled: e.disabled,
+        "aria-required": e.required || void 0,
+        "aria-invalid": !!e.error || void 0,
+        "aria-errormessage": !!e.error && `${t(m)}-error` || void 0
+      }, l.$attrs, {
+        "aria-describedby": w.value || void 0,
+        "onUpdate:modelValue": a[0] || (a[0] = (s) => g.value = s)
+      }), [e.prompt ? (i(), f("option", {
+        key: 0,
+        class: p(t(c)["cdr-select__prompt"]),
+        value: "",
+        disabled: ""
+      }, k(e.prompt), 3)) : y("", !0), (i(!0), f(Q, null, W(D.value, (s) => (i(), f("option", {
+        key: s.text,
+        value: s.value
+      }, k(s.text), 9, ae))), 128)), d(l.$slots, "default")], 16, oe), [[X, g.value]]), Y(Z, {
+        class: p(t($)(t(c), "cdr-select__caret", j.value))
+      }, null, 8, ["class"])], 2)]),
+      _: 2
+    }, [t(V) ? {
+      name: "helper",
+      fn: n(() => [d(l.$slots, "helper-text")]),
+      key: "0"
+    } : void 0, t(x) ? {
+      name: "info",
+      fn: n(() => [d(l.$slots, "info")]),
+      key: "1"
+    } : void 0, t(A) ? {
+      name: "info-action",
+      fn: n(() => [d(l.$slots, "info-action")]),
+      key: "2"
+    } : void 0, e.error ? {
+      name: "error",
+      fn: n(() => [e.error ? (i(), C(ee, {
+        key: 0,
+        error: e.error,
+        role: e.errorRole,
+        id: `${t(m)}-error`
+      }, {
+        error: n(() => [d(l.$slots, "error")]),
+        _: 3
+      }, 8, ["error", "role", "id"])) : y("", !0)]),
+      key: "3"
+    } : void 0]), 1032, ["for-id", "label", "hide-label", "required", "optional", "disabled"]));
+  }
+});
+export {
+  be as default
+};