@rei/cedar 13.4.0-alpha.0 → 13.5.0-alpha.0

package/dist/src/components/icon/comps/warning-stroke.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as r, resolveComponent as t, openBlock as n, createBlock as p, normalizeProps as a, guardReactiveProps as c, withCtx as s, renderSlot as i, createElementVNode as l } from "vue";
+import d from "../CdrIcon.vue.mjs";
+import m from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = r({
+  name: "WarningStroke",
+  components: {
+    CdrIcon: d
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ l("path", {
+  role: "presentation",
+  d: "M11.106 3.558a1 1 0 011.788 0l8.002 15.995A1 1 0 0120.002 21H3.998a1 1 0 01-.894-1.447zM12 6.24L5.617 19h12.766L12 6.24zM12 16a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zm.199-6a1 1 0 01.998 1.05l-.15 3a1 1 0 01-.998.95h-.098a1 1 0 01-.998-.95l-.15-3A1 1 0 0111.8 10h.398z"
+}, null, -1);
+function u(o, h, z, $, k, C) {
+  const e = t("cdr-icon");
+  return n(), p(e, a(c(o.props)), {
+    default: s(() => [i(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const v = /* @__PURE__ */ m(_, [["render", u]]);
+export {
+  v as default
+};

package/dist/src/components/icon/comps/water.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as r, openBlock as n, createBlock as c, normalizeProps as p, guardReactiveProps as a, withCtx as s, renderSlot as m, createElementVNode as d } from "vue";
+import i from "../CdrIcon.vue.mjs";
+import l from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "Water",
+  components: {
+    CdrIcon: i
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ d("path", {
+  role: "presentation",
+  d: "M20.218 16.384a1 1 0 011.576 1.23c-1.334 1.71-3.301 2.349-5.306 2.349-.75 0-1.504-.131-2.232-.405-.954-.36-1.821-.83-2.81-1.53-.01-.006-.015-.017-.024-.023-.846-.596-1.547-.98-2.338-1.276-1.855-.697-4.005-.071-5.297 1.587a.995.995 0 01-1.402.173.999.999 0 01-.173-1.403c1.833-2.35 4.899-3.235 7.575-2.23.953.359 1.82.83 2.81 1.53.01.007.014.017.023.024.846.595 1.547.978 2.339 1.276 1.853.695 3.967.355 5.26-1.302h-.001zm0-10.447a1 1 0 011.576 1.23c-1.334 1.71-3.301 2.35-5.306 2.35-.75 0-1.504-.132-2.232-.406-.954-.36-1.821-.83-2.81-1.53-.01-.006-.015-.017-.024-.023-.846-.596-1.547-.98-2.338-1.276-1.855-.697-4.005-.07-5.297 1.587a.995.995 0 01-1.402.173.999.999 0 01-.173-1.403c1.833-2.35 4.899-3.235 7.575-2.23.953.359 1.82.83 2.81 1.53.01.007.014.017.023.024.846.595 1.547.978 2.339 1.276 1.853.695 3.967.355 5.26-1.302h-.001zm0 5.223a1 1 0 011.576 1.23c-1.334 1.71-3.301 2.35-5.306 2.35-.75 0-1.504-.132-2.232-.406-.954-.36-1.821-.83-2.81-1.53-.01-.006-.015-.017-.024-.023-.846-.596-1.547-.98-2.338-1.276-1.855-.697-4.005-.07-5.297 1.588a.995.995 0 01-1.402.173.999.999 0 01-.173-1.403c1.833-2.35 4.899-3.236 7.575-2.23.953.358 1.82.83 2.81 1.53.01.006.014.016.023.023.846.595 1.547.978 2.339 1.276 1.853.695 3.967.355 5.26-1.302h-.001z"
+}, null, -1);
+function u(o, h, $, z, C, k) {
+  const e = r("cdr-icon");
+  return n(), c(e, p(a(o.props)), {
+    default: s(() => [m(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const B = /* @__PURE__ */ l(_, [["render", u]]);
+export {
+  B as default
+};

package/dist/src/components/icon/comps/wilderness.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as r, resolveComponent as t, openBlock as n, createBlock as a, normalizeProps as s, guardReactiveProps as c, withCtx as p, renderSlot as d, createElementVNode as i } from "vue";
+import l from "../CdrIcon.vue.mjs";
+import m from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const h = r({
+  name: "Wilderness",
+  components: {
+    CdrIcon: l
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), _ = /* @__PURE__ */ i("path", {
+  role: "presentation",
+  d: "M12.707 2.293A.997.997 0 0113 3v1a3 3 0 003 3h1a1 1 0 010 2h-1a4.978 4.978 0 01-3-1 3 3 0 003 3h2a1 1 0 110 2h-2a4.978 4.978 0 01-3-1 3 3 0 003 3h3a1 1 0 110 2h-3a4.978 4.978 0 01-3-1v5a1 1 0 01-2 0v-5c-.836.628-1.874 1-3 1H5a1 1 0 010-2h3a3 3 0 003-3c-.836.628-1.874 1-3 1H6a1 1 0 010-2h2a3 3 0 003-3c-.836.628-1.874 1-3 1H7a1 1 0 110-2h1a3 3 0 003-3V3a1 1 0 011.707-.707z"
+}, null, -1);
+function f(e, u, v, $, C, H) {
+  const o = t("cdr-icon");
+  return n(), a(o, s(c(e.props)), {
+    default: p(() => [d(e.$slots, "default"), _]),
+    _: 3
+  }, 16);
+}
+const z = /* @__PURE__ */ m(h, [["render", f]]);
+export {
+  z as default
+};

package/dist/src/components/icon/comps/x-fill.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as r, openBlock as n, createBlock as p, normalizeProps as c, guardReactiveProps as s, withCtx as a, renderSlot as l, createElementVNode as i } from "vue";
+import d from "../CdrIcon.vue.mjs";
+import m from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "XFill",
+  components: {
+    CdrIcon: d
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ i("path", {
+  role: "presentation",
+  d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zM7.293 7.296a1 1 0 000 1.414l3.285 3.295-3.285 3.288a1 1 0 001.414 1.415l3.285-3.289 3.297 3.289a1 1 0 001.414-1.415l-3.297-3.287 3.297-3.296a1 1 0 10-1.414-1.414l-3.297 3.295-3.285-3.295a1 1 0 00-1.414 0z"
+}, null, -1);
+function u(o, $, h, C, x, z) {
+  const e = r("cdr-icon");
+  return n(), p(e, c(s(o.props)), {
+    default: a(() => [l(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const F = /* @__PURE__ */ m(_, [["render", u]]);
+export {
+  F as default
+};

package/dist/src/components/icon/comps/x-lg.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as n, openBlock as r, createBlock as p, normalizeProps as c, guardReactiveProps as s, withCtx as a, renderSlot as l, createElementVNode as d } from "vue";
+import i from "../CdrIcon.vue.mjs";
+import m from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "XLg",
+  components: {
+    CdrIcon: i
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ d("path", {
+  role: "presentation",
+  d: "M13.415 12.006l5.295-5.292a1 1 0 00-1.414-1.415L12 10.591 6.71 5.296A1 1 0 005.295 6.71l5.292 5.295-5.295 5.292a1 1 0 101.414 1.414l5.295-5.292 5.292 5.295a1 1 0 001.414-1.414l-5.292-5.294z"
+}, null, -1);
+function u(o, $, h, C, g, L) {
+  const e = n("cdr-icon");
+  return r(), p(e, c(s(o.props)), {
+    default: a(() => [l(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const z = /* @__PURE__ */ m(_, [["render", u]]);
+export {
+  z as default
+};

package/dist/src/components/icon/comps/x-sm.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as n, openBlock as r, createBlock as p, normalizeProps as c, guardReactiveProps as s, withCtx as a, renderSlot as l, createElementVNode as m } from "vue";
+import d from "../CdrIcon.vue.mjs";
+import i from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "XSm",
+  components: {
+    CdrIcon: d
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ m("path", {
+  role: "presentation",
+  d: "M13.406 12.006l3.297-3.296a1 1 0 10-1.414-1.414l-3.297 3.295-3.285-3.295A1 1 0 107.293 8.71l3.285 3.295-3.285 3.288a1 1 0 001.414 1.415l3.285-3.289 3.297 3.289a1 1 0 001.414-1.415l-3.297-3.287z"
+}, null, -1);
+function u(o, $, h, C, S, k) {
+  const e = n("cdr-icon");
+  return r(), p(e, c(s(o.props)), {
+    default: a(() => [l(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const B = /* @__PURE__ */ i(_, [["render", u]]);
+export {
+  B as default
+};

package/dist/src/components/icon/comps/x-stroke.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as r, openBlock as n, createBlock as p, normalizeProps as s, guardReactiveProps as c, withCtx as a, renderSlot as l, createElementVNode as m } from "vue";
+import d from "../CdrIcon.vue.mjs";
+import i from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "XStroke",
+  components: {
+    CdrIcon: d
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ m("path", {
+  role: "presentation",
+  d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm1.406-7.998l3.297-3.295a1 1 0 10-1.414-1.414l-3.297 3.295-3.285-3.295a1 1 0 00-1.414 1.414l3.285 3.294-3.285 3.289a1 1 0 001.414 1.414l3.285-3.288 3.297 3.288a1 1 0 001.414-1.414l-3.297-3.288z"
+}, null, -1);
+function u(o, C, $, h, k, z) {
+  const e = r("cdr-icon");
+  return n(), p(e, s(c(o.props)), {
+    default: a(() => [l(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const B = /* @__PURE__ */ i(_, [["render", u]]);
+export {
+  B as default
+};

package/dist/src/components/icon/comps/youtube.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as r, openBlock as n, createBlock as c, normalizeProps as p, guardReactiveProps as s, withCtx as a, renderSlot as d, createElementVNode as l } from "vue";
+import i from "../CdrIcon.vue.mjs";
+import m from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const u = t({
+  name: "Youtube",
+  components: {
+    CdrIcon: i
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), _ = /* @__PURE__ */ l("path", {
+  role: "presentation",
+  d: "M18.941 5.225s1.716.06 2.387 1.336c0 0 .67.925.67 5.439v.041c.004.352.018 2.86-.277 4.239-.318 1.485-1.02 1.92-1.02 1.92s-.45.433-1.443.551c-.993.119-4.213.249-7.273.249 0 0-5.603-.003-7.49-.313-1.82-.298-2.13-1.936-2.15-2.052l-.01-.06c-.084-.514-.715-4.683.008-9.198 0 0 .224-1.926 2.479-2.152 0 0 2.318-.213 6.795-.225h.368c4.717 0 6.956.225 6.956.225zM9.925 9.143v5.495l5.469-2.747-5.469-2.748z"
+}, null, -1);
+function f(o, h, $, v, C, b) {
+  const e = r("cdr-icon");
+  return n(), c(e, p(s(o.props)), {
+    default: a(() => [d(o.$slots, "default"), _]),
+    _: 3
+  }, 16);
+}
+const y = /* @__PURE__ */ m(u, [["render", f]]);
+export {
+  y as default
+};

package/dist/src/components/icon/comps/zoom-in.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as n, openBlock as r, createBlock as p, normalizeProps as a, guardReactiveProps as c, withCtx as s, renderSlot as m, createElementVNode as d } from "vue";
+import l from "../CdrIcon.vue.mjs";
+import i from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "ZoomIn",
+  components: {
+    CdrIcon: l
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ d("path", {
+  role: "presentation",
+  d: "M10.5 3a7.5 7.5 0 015.963 12.05l4.247 4.242a1 1 0 01-1.415 1.414l-4.246-4.243A7.5 7.5 0 1110.5 3zm0 2a5.5 5.5 0 100 11 5.5 5.5 0 000-11zm0 1.5a.75.75 0 01.75.75v2.5h2.5a.75.75 0 110 1.5h-2.5v2.5a.75.75 0 11-1.5 0v-2.5h-2.5a.75.75 0 110-1.5h2.5v-2.5a.75.75 0 01.75-.75z"
+}, null, -1);
+function h(o, u, v, z, $, C) {
+  const e = n("cdr-icon");
+  return r(), p(e, a(c(o.props)), {
+    default: s(() => [m(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const B = /* @__PURE__ */ i(_, [["render", h]]);
+export {
+  B as default
+};

package/dist/src/components/icon/comps/zoom-out.vue.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as t, resolveComponent as r, openBlock as n, createBlock as p, normalizeProps as c, guardReactiveProps as s, withCtx as a, renderSlot as m, createElementVNode as d } from "vue";
+import l from "../CdrIcon.vue.mjs";
+import i from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = t({
+  name: "ZoomOut",
+  components: {
+    CdrIcon: l
+  },
+  props: {
+    props: {
+      type: Object
+    }
+  }
+}), f = /* @__PURE__ */ d("path", {
+  role: "presentation",
+  d: "M20.706 19.296a1 1 0 01-1.414 1.414l-4.243-4.247a7.5 7.5 0 111.414-1.414l4.243 4.247zM10.5 16a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM7.25 9.75h6.5a.75.75 0 110 1.5h-6.5a.75.75 0 110-1.5z"
+}, null, -1);
+function u(o, h, z, $, C, M) {
+  const e = r("cdr-icon");
+  return n(), p(e, c(s(o.props)), {
+    default: a(() => [m(o.$slots, "default"), f]),
+    _: 3
+  }, 16);
+}
+const x = /* @__PURE__ */ i(_, [["render", u]]);
+export {
+  x as default
+};

package/dist/src/components/icon/styles/CdrIcon.module.scss.mjs

@@ -0,0 +1,17 @@
+const c = {
+  "cdr-icon": "cdr-icon_13-5-0-alpha-0",
+  "cdr-icon--small": "cdr-icon--small_13-5-0-alpha-0",
+  "cdr-icon--large": "cdr-icon--large_13-5-0-alpha-0",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_13-5-0-alpha-0",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_13-5-0-alpha-0",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_13-5-0-alpha-0",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_13-5-0-alpha-0",
+  "cdr-icon--small@md": "cdr-icon--small@md_13-5-0-alpha-0",
+  "cdr-icon--large@md": "cdr-icon--large@md_13-5-0-alpha-0",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_13-5-0-alpha-0",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_13-5-0-alpha-0",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_13-5-0-alpha-0"
+};
+export {
+  c as default
+};

package/dist/src/components/image/CdrImg.vue.mjs

@@ -0,0 +1,114 @@
+import { defineComponent as g, computed as e, useCssModule as v, openBlock as n, createElementBlock as c, normalizeStyle as $, normalizeClass as b, createElementVNode as S, mergeProps as d } from "vue";
+import O from "../../utils/mapClasses.mjs";
+import j from "../../utils/propValidator.mjs";
+import h from "./styles/CdrImg.module.scss.mjs";
+import k from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const P = g({
+  name: "CdrImg",
+  inheritAttrs: !1,
+  props: {
+    /**
+    * Required. Image source url.
+    */
+    src: {
+      type: String,
+      required: !0
+    },
+    /**
+    * Required. Image alt text.
+    */
+    alt: {
+      type: String,
+      default: ""
+    },
+    /**
+    * Aspect ratio of the media container. {auto, square, 1-2, 2-3, 3-4, 9-16, 2-1, 3-2, 4-3, 16-9}
+    */
+    ratio: {
+      type: String,
+      validator: (s) => ["auto", "square", "1-2", "2-3", "3-4", "9-16", "2-1", "3-2", "4-3", "16-9"].indexOf(s) >= 0 || !1
+    },
+    /**
+    * Requires a `ratio`. Area to crop the image overflow to. {left, center, right} {top, center, bottom}
+    */
+    crop: {
+      type: String
+    },
+    /**
+    * Requires a `ratio`. Scale the image to be as large as possible to fill the area (background-position: cover;)
+    */
+    cover: {
+      type: Boolean
+    },
+    /**
+    * Adds a custom class to the cdr-img__ratio container div
+    */
+    containerClass: String,
+    /**
+    * Sets a border radius to an element {square, top, right, bottom, left}
+    */
+    radius: {
+      type: String,
+      validator: (s) => ["circle", "rounded"].indexOf(s) >= 0 || !1
+    },
+    modifier: {
+      type: String,
+      default: "",
+      validator: (s) => j(s, ["", "responsive"])
+    }
+  },
+  setup(s) {
+    const r = "cdr-image", t = "cdr-image-ratio", a = "cdr-image-ratio__cover", i = e(() => s.modifier && `${r}--${s.modifier}`), l = e(() => s.radius && `${r}--${s.radius}`), m = e(() => ({
+      objectPosition: s.crop
+    })), u = e(() => {
+      let o;
+      if (s.ratio === "square")
+        o = "100%";
+      else if (s.ratio === "auto")
+        o = "0";
+      else {
+        const [p, y] = s.ratio.split("-");
+        o = `${y / p * 100}%`;
+      }
+      return {
+        "--ratio": o
+      };
+    }), C = e(() => s.crop && `${a}--crop`), f = e(() => s.cover && `${a}--cover`);
+    return {
+      style: v(),
+      mapClasses: O,
+      baseClass: r,
+      ratioClass: t,
+      coverWrapperClass: a,
+      modifierClass: i,
+      radiusClass: l,
+      cropObject: m,
+      ratioObject: u,
+      cropClass: C,
+      coverClass: f
+    };
+  }
+}), q = ["src", "alt"], B = ["src", "alt"];
+function M(s, r, t, a, i, l) {
+  return s.ratio ? (n(), c("div", {
+    key: 0,
+    style: $(s.ratioObject),
+    class: b([s.style[s.ratioClass], s.containerClass])
+  }, [S("img", d({
+    style: s.cropObject,
+    class: s.mapClasses(s.style, s.baseClass, s.modifierClass, s.radiusClass, s.coverWrapperClass, s.cropClass, s.coverClass),
+    src: s.src,
+    alt: s.alt
+  }, s.$attrs), null, 16, q)], 6)) : (n(), c("img", d({
+    key: 1,
+    class: s.mapClasses(s.style, s.baseClass, s.modifierClass, s.radiusClass),
+    src: s.src,
+    alt: s.alt
+  }, s.$attrs), null, 16, B));
+}
+const z = {
+  $style: h
+}, V = /* @__PURE__ */ k(P, [["render", M], ["__cssModules", z]]);
+export {
+  V as default
+};

package/dist/src/components/image/styles/CdrImg.module.scss.mjs

@@ -0,0 +1,13 @@
+const a = {
+  "cdr-image": "cdr-image_13-5-0-alpha-0",
+  "cdr-image--responsive": "cdr-image--responsive_13-5-0-alpha-0",
+  "cdr-image--rounded": "cdr-image--rounded_13-5-0-alpha-0",
+  "cdr-image--circle": "cdr-image--circle_13-5-0-alpha-0",
+  "cdr-image-ratio": "cdr-image-ratio_13-5-0-alpha-0",
+  "cdr-image-ratio__cover": "cdr-image-ratio__cover_13-5-0-alpha-0",
+  "cdr-image-ratio__cover--crop": "cdr-image-ratio__cover--crop_13-5-0-alpha-0",
+  "cdr-image-ratio__cover--cover": "cdr-image-ratio__cover--cover_13-5-0-alpha-0"
+};
+export {
+  a as default
+};

package/dist/src/components/input/CdrInput.vue.mjs

@@ -0,0 +1,219 @@
+import { defineComponent as E, ref as L, computed as s, useCssModule as U, resolveComponent as I, openBlock as i, createBlock as c, normalizeClass as u, createSlots as D, withCtx as l, createElementVNode as $, withDirectives as g, createElementBlock as m, mergeProps as k, vModelText as R, vModelDynamic as j, renderSlot as a, createCommentVNode as C } from "vue";
+import O from "../../utils/propValidator.mjs";
+import G from "../labelStandalone/CdrLabelStandalone.vue.mjs";
+import J from "../formError/CdrFormError.vue.mjs";
+import K from "../../props/size.mjs";
+import Q from "../../props/background.mjs";
+import W from "../../utils/mapClasses.mjs";
+import X from "../../utils/uid.mjs";
+import Y from "./styles/CdrInput.module.scss.mjs";
+import Z from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = E({
+  name: "CdrInput",
+  components: {
+    CdrLabelStandalone: G,
+    CdrFormError: J
+  },
+  inheritAttrs: !1,
+  customOptions: {},
+  props: {
+    /**
+     * `id` for the input that is mapped to the label `for` attribute.
+    */
+    id: {
+      type: String
+    },
+    /**
+     *  'type' attribute for the input as defined by w3c.
+     *  Only supporting text|email|number|password|search|url.
+     *  The increment/decrement webkit psuedo element is hidden for number.
+    */
+    type: {
+      type: [String],
+      default: "text",
+      validator: (e) => O(e, ["text", "email", "number", "password", "search", "url", "tel", "date"])
+    },
+    /**
+     * Label text. This is required for a11y even if hiding the label with `hideLabel`.
+    */
+    label: {
+      type: String,
+      required: !0
+    },
+    // sets default attrs for inputs that should use a numeric keyboard but are not strictly "numbers" (security code, CC number, postal code)
+    numeric: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Removes the label element but sets the input `aria-label` to `label` text for a11y.
+    */
+    hideLabel: Boolean,
+    /**
+     * Number of rows for input.  Converts component to text-area if rows greater than 1.
+    */
+    rows: Number,
+    // Set which background type the input renders on
+    background: Q,
+    size: K,
+    /**
+     * Override the error message role, default is `status`.
+     */
+    errorRole: {
+      type: String,
+      required: !1,
+      default: "status"
+    },
+    // Set error styling
+    error: {
+      type: [Boolean, String],
+      default: !1
+    },
+    disabled: Boolean,
+    required: Boolean,
+    optional: Boolean,
+    modelValue: {
+      type: [String, Number, Function]
+    },
+    // Adds a custom class to the cdr-lable-standalone wrapping div
+    labelClass: String
+  },
+  emits: ["update:modelValue"],
+  setup(e, r) {
+    const f = "cdr-input", b = L(!1), y = r.slots["helper-text-top"], h = r.slots["helper-text-bottom"], p = r.slots["pre-icon"], t = r.slots["post-icon"], o = t && r.slots["post-icon"]().length > 1, q = r.slots.info, v = r.slots["info-action"], d = e.id ? e.id : X(), B = s(() => e.rows > 1 && "cdr-input--multiline"), w = s(() => p && "cdr-input--preicon"), M = s(() => t && "cdr-input--posticon"), S = s(() => o && "cdr-input--posticons"), z = s(() => e.error && "cdr-input--error"), F = s(() => `cdr-input--${e.background}`), P = s(() => e.size && `${f}--${e.size}`), V = s(() => b.value && "cdr-input--focus"), A = s(() => {
+      const n = [r.slots["helper-text-top"] ? `${d}-helper-text-top` : "", r.slots["helper-text-bottom"] ? `${d}-helper-text-bottom` : "", r.attrs["aria-describedby"]].filter((T) => T).join(" ");
+      return e.error ? `${d}-error` : n;
+    }), N = s(() => {
+      const n = e.numeric || e.type === "number";
+      return {
+        id: d,
+        autocorrect: "off",
+        spellcheck: "false",
+        autocapitalize: "off",
+        pattern: n && "[0-9]*" || null,
+        inputmode: n && "numeric" || null,
+        novalidate: n || null,
+        ...r.attrs
+      };
+    }), H = s({
+      get() {
+        return e.modelValue;
+      },
+      set(n) {
+        r.emit("update:modelValue", n);
+      }
+    });
+    return {
+      style: U(),
+      baseClass: f,
+      isFocused: b,
+      hasHelperTop: y,
+      hasHelperBottom: h,
+      hasPreIcon: p,
+      hasPostIcon: t,
+      hasInfo: q,
+      hasInfoAction: v,
+      uniqueId: d,
+      multilineClass: B,
+      preIconClass: w,
+      postIconClass: M,
+      postIconsClass: S,
+      errorClass: z,
+      backgroundClass: F,
+      sizeClass: P,
+      focusedClass: V,
+      describedby: A,
+      inputAttrs: N,
+      inputModel: H,
+      mapClasses: W
+    };
+  }
+}), x = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], ee = ["type", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], re = ["id"];
+function se(e, r, f, b, y, h) {
+  const p = I("cdr-form-error"), t = I("cdr-label-standalone");
+  return i(), c(t, {
+    "for-id": e.uniqueId,
+    label: e.label,
+    "hide-label": e.hideLabel,
+    required: e.required,
+    optional: e.optional,
+    disabled: e.disabled,
+    class: u(e.labelClass)
+  }, D({
+    default: l(() => [$("div", {
+      class: u(e.mapClasses(e.style, "cdr-input-wrap", e.focusedClass))
+    }, [e.rows && e.rows > 1 ? g((i(), m("textarea", k({
+      key: 0,
+      rows: e.rows,
+      class: e.mapClasses(e.style, e.baseClass, e.multilineClass, e.preIconClass, e.postIconClass, e.postIconsClass, e.errorClass, e.backgroundClass, e.sizeClass),
+      id: e.uniqueId,
+      disabled: e.disabled,
+      "aria-required": e.required || null,
+      "aria-invalid": !!e.error || null,
+      "aria-errormessage": !!e.error && `${e.uniqueId}-error` || null
+    }, e.inputAttrs, {
+      "aria-describedby": e.describedby || null,
+      onFocus: r[0] || (r[0] = (o) => e.isFocused = !0),
+      onBlur: r[1] || (r[1] = (o) => e.isFocused = !1),
+      "onUpdate:modelValue": r[2] || (r[2] = (o) => e.inputModel = o)
+    }), null, 16, x)), [[R, e.inputModel]]) : g((i(), m("input", k({
+      key: 1,
+      type: e.type,
+      class: e.mapClasses(e.style, e.baseClass, e.preIconClass, e.postIconClass, e.postIconsClass, e.errorClass, e.backgroundClass, e.sizeClass),
+      id: e.uniqueId,
+      disabled: e.disabled,
+      "aria-required": e.required || null,
+      "aria-invalid": !!e.error || null,
+      "aria-errormessage": !!e.error && `${e.uniqueId}-error` || null
+    }, e.inputAttrs, {
+      "aria-describedby": e.describedby || null,
+      onFocus: r[3] || (r[3] = (o) => e.isFocused = !0),
+      onBlur: r[4] || (r[4] = (o) => e.isFocused = !1),
+      "onUpdate:modelValue": r[5] || (r[5] = (o) => e.inputModel = o)
+    }), null, 16, ee)), [[j, e.inputModel]]), e.hasPreIcon ? (i(), m("span", {
+      key: 2,
+      class: u(e.style["cdr-input__pre-icon"])
+    }, [a(e.$slots, "pre-icon")], 2)) : C("", !0), e.hasPostIcon ? (i(), m("span", {
+      key: 3,
+      class: u(e.style["cdr-input__post-icon"])
+    }, [a(e.$slots, "post-icon")], 2)) : C("", !0)], 2)]),
+    _: 2
+  }, [e.hasHelperTop ? {
+    name: "helper",
+    fn: l(() => [a(e.$slots, "helper-text-top")]),
+    key: "0"
+  } : void 0, e.hasInfo ? {
+    name: "info",
+    fn: l(() => [a(e.$slots, "info")]),
+    key: "1"
+  } : void 0, e.hasInfoAction ? {
+    name: "info-action",
+    fn: l(() => [a(e.$slots, "info-action")]),
+    key: "2"
+  } : void 0, e.hasHelperBottom && !e.error ? {
+    name: "helper-text-bottom",
+    fn: l(() => [$("span", {
+      id: `${e.uniqueId}-helper-text-bottom`,
+      class: u(e.style["cdr-input__helper-text"])
+    }, [a(e.$slots, "helper-text-bottom")], 10, re)]),
+    key: "3"
+  } : void 0, e.error ? {
+    name: "error",
+    fn: l(() => [e.error ? (i(), c(p, {
+      key: 0,
+      error: e.error,
+      role: e.errorRole,
+      id: `${e.uniqueId}-error`
+    }, {
+      error: l(() => [a(e.$slots, "error")]),
+      _: 3
+    }, 8, ["error", "role", "id"])) : C("", !0)]),
+    key: "4"
+  } : void 0]), 1032, ["for-id", "label", "hide-label", "required", "optional", "disabled", "class"]);
+}
+const oe = {
+  $style: Y
+}, be = /* @__PURE__ */ Z(_, [["render", se], ["__cssModules", oe]]);
+export {
+  be as default
+};