@rei/cedar 13.0.0-alpha.0 → 13.0.0-alpha.1

package/dist/lib/src/components/icon/comps/youtube.vue_vue_type_template_id_acbe155c_lang.js

@@ -0,0 +1,25 @@
+import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, renderSlot, createElementVNode } from 'vue';
+
+var _hoisted_1 = /*#__PURE__*/createElementVNode("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
+/* HOISTED */
+);
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_cdr_icon = resolveComponent("cdr-icon");
+
+  return openBlock(), createBlock(_component_cdr_icon, normalizeProps(guardReactiveProps(_ctx.props)), {
+    default: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "default"), _hoisted_1];
+    }),
+    _: 3
+    /* FORWARDED */
+
+  }, 16
+  /* FULL_PROPS */
+  );
+}
+
+export { render };

package/dist/lib/src/components/icon/comps/zoom-in.js

@@ -1,6 +1,6 @@
-import script from './zoom-in.vue_vue&type=script&lang.js';
-export { default } from './zoom-in.vue_vue&type=script&lang.js';
-import { render } from './zoom-in.vue_vue&type=template&id=1972e98e&lang.js';
+import script from './zoom-in.vue_vue_type_script_lang.js';
+export { default } from './zoom-in.vue_vue_type_script_lang.js';
+import { render } from './zoom-in.vue_vue_type_template_id_1972e98e_lang.js';
 
 script.render = render;
 script.__file = "src/components/icon/comps/zoom-in.vue";

package/dist/lib/src/components/icon/comps/zoom-in.vue_vue_type_script_lang.js

@@ -0,0 +1,19 @@
+import { defineComponent } from 'vue';
+import '../CdrIcon.js';
+import script$1 from '../CdrIcon.vue_vue_type_script_lang.js';
+
+var script = defineComponent({
+  name: 'IconZoomIn',
+  components: {
+    CdrIcon: script$1
+  },
+
+  setup(props) {
+    return {
+      props
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/icon/comps/zoom-in.vue_vue_type_template_id_1972e98e_lang.js

@@ -0,0 +1,25 @@
+import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, renderSlot, createElementVNode } from 'vue';
+
+var _hoisted_1 = /*#__PURE__*/createElementVNode("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
+/* HOISTED */
+);
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_cdr_icon = resolveComponent("cdr-icon");
+
+  return openBlock(), createBlock(_component_cdr_icon, normalizeProps(guardReactiveProps(_ctx.props)), {
+    default: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "default"), _hoisted_1];
+    }),
+    _: 3
+    /* FORWARDED */
+
+  }, 16
+  /* FULL_PROPS */
+  );
+}
+
+export { render };

package/dist/lib/src/components/icon/comps/zoom-out.js

@@ -1,6 +1,6 @@
-import script from './zoom-out.vue_vue&type=script&lang.js';
-export { default } from './zoom-out.vue_vue&type=script&lang.js';
-import { render } from './zoom-out.vue_vue&type=template&id=61fb50b5&lang.js';
+import script from './zoom-out.vue_vue_type_script_lang.js';
+export { default } from './zoom-out.vue_vue_type_script_lang.js';
+import { render } from './zoom-out.vue_vue_type_template_id_61fb50b5_lang.js';
 
 script.render = render;
 script.__file = "src/components/icon/comps/zoom-out.vue";

package/dist/lib/src/components/icon/comps/zoom-out.vue_vue_type_script_lang.js

@@ -0,0 +1,19 @@
+import { defineComponent } from 'vue';
+import '../CdrIcon.js';
+import script$1 from '../CdrIcon.vue_vue_type_script_lang.js';
+
+var script = defineComponent({
+  name: 'IconZoomOut',
+  components: {
+    CdrIcon: script$1
+  },
+
+  setup(props) {
+    return {
+      props
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/icon/comps/zoom-out.vue_vue_type_template_id_61fb50b5_lang.js

@@ -0,0 +1,25 @@
+import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, renderSlot, createElementVNode } from 'vue';
+
+var _hoisted_1 = /*#__PURE__*/createElementVNode("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
+/* HOISTED */
+);
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_cdr_icon = resolveComponent("cdr-icon");
+
+  return openBlock(), createBlock(_component_cdr_icon, normalizeProps(guardReactiveProps(_ctx.props)), {
+    default: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "default"), _hoisted_1];
+    }),
+    _: 3
+    /* FORWARDED */
+
+  }, 16
+  /* FULL_PROPS */
+  );
+}
+
+export { render };

package/dist/lib/src/components/icon/styles/CdrIcon.module.scss_vue_type_style_index_0_src_id_32ddc2b8_module_true_lang.css.js

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

package/dist/lib/src/components/image/CdrImg.js

@@ -1,7 +1,7 @@
-import script from './CdrImg.vue_vue&type=script&lang.js';
-export { default } from './CdrImg.vue_vue&type=script&lang.js';
-import { render } from './CdrImg.vue_vue&type=template&id=2db42a36&lang.js';
-import style0 from './styles/CdrImg.module.scss_vue&type=style&index=0&src&id=2db42a36&module=true&lang.css.js';
+import script from './CdrImg.vue_vue_type_script_lang.js';
+export { default } from './CdrImg.vue_vue_type_script_lang.js';
+import { render } from './CdrImg.vue_vue_type_template_id_2db42a36_lang.js';
+import style0 from './styles/CdrImg.module.scss_vue_type_style_index_0_src_id_2db42a36_module_true_lang.css.js';
 
 const cssModules = script.__cssModules = {};
 cssModules["$style"] = style0;

package/dist/lib/src/components/image/CdrImg.vue_vue_type_script_lang.js

@@ -0,0 +1,127 @@
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import { defineComponent, computed, useCssModule } from 'vue';
+import mapClasses from '../../utils/mapClasses.js';
+import { buildClass } from '../../utils/buildClass.js';
+import validateProp from '../../utils/propValidator.js';
+
+var script = defineComponent({
+  name: 'CdrImg',
+  inheritAttrs: false,
+  props: {
+    /**
+     * Required. Image source url.
+     */
+    src: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * 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: function validator(value) {
+        return ['auto', 'square', '1-2', '2-3', '3-4', '9-16', '2-1', '3-2', '4-3', '16-9'].indexOf(value) >= 0 || false;
+      }
+    },
+
+    /**
+     * 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
+    },
+
+    /**
+     * Sets a border radius to an element {square, top, right, bottom, left}
+     */
+    radius: {
+      type: String,
+      validator: function validator(value) {
+        return ['circle', 'rounded'].indexOf(value) >= 0 || false;
+      }
+    },
+    modifier: {
+      type: String,
+      default: '',
+      validator: function validator(value) {
+        return validateProp(value, ['', 'responsive']);
+      }
+    }
+  },
+
+  setup(props) {
+    var baseClass = 'cdr-image';
+    var ratioClass = 'cdr-image-ratio';
+    var coverWrapperClass = 'cdr-image-ratio__cover';
+    var modifierClass = computed(function () {
+      return buildClass(baseClass, props.modifier);
+    });
+    var radiusClass = computed(function () {
+      return buildClass(baseClass, props.radius);
+    });
+    var cropObject = computed(function () {
+      return {
+        objectPosition: props.crop
+      };
+    });
+    var ratioObject = computed(function () {
+      var ratioPct;
+
+      if (props.ratio === 'square') {
+        ratioPct = '100%';
+      } else if (props.ratio === 'auto') {
+        ratioPct = '0';
+      } else {
+        var _props$ratio$split = props.ratio.split('-'),
+            _props$ratio$split2 = _slicedToArray(_props$ratio$split, 2),
+            x = _props$ratio$split2[0],
+            y = _props$ratio$split2[1];
+
+        ratioPct = "".concat(y / x * 100, "%");
+      }
+
+      return {
+        '--ratio': ratioPct
+      };
+    });
+    var cropClass = computed(function () {
+      return props.crop && buildClass(coverWrapperClass, 'crop');
+    });
+    var coverClass = computed(function () {
+      return props.cover && buildClass(coverWrapperClass, 'cover');
+    });
+    return {
+      style: useCssModule(),
+      baseClass,
+      ratioClass,
+      coverWrapperClass,
+      modifierClass,
+      radiusClass,
+      cropObject,
+      ratioObject,
+      cropClass,
+      coverClass,
+      mapClasses
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/image/CdrImg.vue_vue_type_template_id_2db42a36_lang.js

@@ -0,0 +1,29 @@
+import { openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, mergeProps } from 'vue';
+
+var _hoisted_1 = ["src", "alt"];
+var _hoisted_2 = ["src", "alt"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.ratio ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    style: normalizeStyle(_ctx.ratioObject),
+    class: normalizeClass(_ctx.style[_ctx.ratioClass])
+  }, [createElementVNode("img", mergeProps({
+    style: _ctx.cropObject,
+    class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.modifierClass, _ctx.radiusClass, _ctx.coverWrapperClass, _ctx.cropClass, _ctx.coverClass),
+    src: _ctx.src,
+    alt: _ctx.alt
+  }, _ctx.$attrs), null, 16
+  /* FULL_PROPS */
+  , _hoisted_1)], 6
+  /* CLASS, STYLE */
+  )) : (openBlock(), createElementBlock("img", mergeProps({
+    key: 1,
+    class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.modifierClass, _ctx.radiusClass),
+    src: _ctx.src,
+    alt: _ctx.alt
+  }, _ctx.$attrs), null, 16
+  /* FULL_PROPS */
+  , _hoisted_2));
+}
+
+export { render };

package/dist/lib/src/components/image/styles/CdrImg.module.scss_vue_type_style_index_0_src_id_2db42a36_module_true_lang.css.js

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

package/dist/lib/src/components/input/CdrInput.js

@@ -1,7 +1,7 @@
-import script from './CdrInput.vue_vue&type=script&lang.js';
-export { default } from './CdrInput.vue_vue&type=script&lang.js';
-import { render } from './CdrInput.vue_vue&type=template&id=0727bc24&lang.js';
-import style0 from './styles/CdrInput.module.scss_vue&type=style&index=0&src&id=0727bc24&module=true&lang.css.js';
+import script from './CdrInput.vue_vue_type_script_lang.js';
+export { default } from './CdrInput.vue_vue_type_script_lang.js';
+import { render } from './CdrInput.vue_vue_type_template_id_0727bc24_lang.js';
+import style0 from './styles/CdrInput.module.scss_vue_type_style_index_0_src_id_0727bc24_module_true_lang.css.js';
 
 const cssModules = script.__cssModules = {};
 cssModules["$style"] = style0;

package/dist/lib/src/components/input/CdrInput.vue_vue_type_script_lang.js

@@ -0,0 +1,177 @@
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import { defineComponent, ref, computed, useCssModule } from 'vue';
+import validateProp from '../../utils/propValidator.js';
+import '../labelStandalone/CdrLabelStandalone.js';
+import '../formError/CdrFormError.js';
+import sizeProps from '../../props/size.js';
+import backgroundProps from '../../props/background.js';
+import { buildClass } from '../../utils/buildClass.js';
+import mapClasses from '../../utils/mapClasses.js';
+import script$1 from '../labelStandalone/CdrLabelStandalone.vue_vue_type_script_lang.js';
+import script$2 from '../formError/CdrFormError.vue_vue_type_script_lang.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var script = defineComponent({
+  name: 'CdrInput',
+  components: {
+    CdrLabelStandalone: script$1,
+    CdrFormError: script$2
+  },
+  inheritAttrs: false,
+  props: {
+    /**
+     * `id` for the input that is mapped to the label `for` attribute.
+    */
+    id: {
+      type: String,
+      required: true
+    },
+
+    /**
+     *  '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: function validator(value) {
+        return validateProp(value, // TODO: moar types?
+        ['text', 'email', 'number', 'password', 'search', 'url', 'tel']);
+      }
+    },
+
+    /**
+     * Label text. This is required for a11y even if hiding the label with `hideLabel`.
+    */
+    label: {
+      type: String,
+      required: true
+    },
+    // 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: false
+    },
+
+    /**
+     * 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: backgroundProps,
+    size: sizeProps,
+
+    /**
+     * Override the error message role, default is `status`.
+     */
+    errorRole: {
+      type: String,
+      required: false,
+      default: 'status'
+    },
+    // Set error styling
+    error: {
+      type: [Boolean, String],
+      default: false
+    },
+    disabled: Boolean,
+    required: Boolean,
+    optional: Boolean,
+    modelValue: {
+      type: [String, Number]
+    }
+  },
+
+  setup(props, ctx) {
+    var baseClass = 'cdr-input'; // console.log(ctx.slots['post-icon']);
+    // TODO: delete un-used hasSlot props
+
+    var isFocused = ref(false);
+    var hasHelperTop = ctx.slots['helper-text-top'];
+    var hasHelperBottom = ctx.slots['helper-text-bottom'];
+    var hasPreIcon = ctx.slots['pre-icon'];
+    var hasPostIcon = ctx.slots['post-icon'];
+    var hasPostIcons = hasPostIcon && ctx.slots['post-icon']().length > 1;
+    var hasInfo = ctx.slots.info;
+    var hasInfoAction = ctx.slots['info-action'];
+    var multilineClass = computed(function () {
+      return props.rows > 1 && 'cdr-input--multiline';
+    });
+    var preIconClass = computed(function () {
+      return hasPreIcon && 'cdr-input--preicon';
+    }); // TODO: make one class for this? if possible? there must have been a reason i did it like this.....
+
+    var postIconClass = computed(function () {
+      return hasPostIcon && 'cdr-input--posticon';
+    });
+    var postIconsClass = computed(function () {
+      return hasPostIcons && 'cdr-input--posticons';
+    });
+    var errorClass = computed(function () {
+      return props.error && 'cdr-input--error';
+    });
+    var backgroundClass = computed(function () {
+      return "cdr-input--".concat(props.background);
+    });
+    var sizeClass = computed(function () {
+      return props.size && buildClass(baseClass, props.size);
+    });
+    var focusedClass = computed(function () {
+      return isFocused.value && 'cdr-input--focus';
+    });
+    var describedby = computed(function () {
+      var _context;
+
+      return _filterInstanceProperty(_context = [ctx.slots['helper-text-top'] ? "".concat(props.id, "-helper-text-top") : '', ctx.slots['helper-text-bottom'] ? "".concat(props.id, "-helper-text-bottom") : '', ctx.attrs['aria-describedby']]).call(_context, function (x) {
+        return x;
+      }).join(' ');
+    });
+    var inputAttrs = computed(function () {
+      var isNum = props.numeric || props.type === 'number';
+      return _objectSpread({
+        autocorrect: 'off',
+        spellcheck: 'false',
+        autocapitalize: 'off',
+        pattern: isNum && '[0-9]*' || null,
+        inputmode: isNum && 'numeric' || null,
+        novalidate: isNum || null
+      }, ctx.attrs);
+    });
+    return {
+      style: useCssModule(),
+      baseClass,
+      sizeClass,
+      focusedClass,
+      multilineClass,
+      preIconClass,
+      postIconClass,
+      postIconsClass,
+      errorClass,
+      backgroundClass,
+      isFocused,
+      hasHelperTop,
+      hasHelperBottom,
+      hasPreIcon,
+      hasPostIcon,
+      hasInfo,
+      hasInfoAction,
+      inputAttrs,
+      describedby,
+      mapClasses
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/input/CdrInput.vue_vue_type_template_id_0727bc24_lang.js

@@ -0,0 +1,134 @@
+import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, mergeProps, renderSlot, createCommentVNode } from 'vue';
+
+var _hoisted_1 = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "value", "aria-describedby"];
+var _hoisted_2 = ["type", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby", "value"];
+var _hoisted_3 = ["id"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_cdr_form_error = resolveComponent("cdr-form-error");
+
+  var _component_cdr_label_standalone = resolveComponent("cdr-label-standalone");
+
+  return openBlock(), createBlock(_component_cdr_label_standalone, {
+    "for-id": _ctx.id,
+    label: _ctx.label,
+    "hide-label": _ctx.hideLabel,
+    required: _ctx.required,
+    optional: _ctx.optional,
+    disabled: _ctx.disabled
+  }, createSlots({
+    default: withCtx(function () {
+      return [createElementVNode("div", {
+        class: normalizeClass(_ctx.mapClasses(_ctx.style, 'cdr-input-wrap', _ctx.focusedClass))
+      }, [_ctx.rows && _ctx.rows > 1 ? (openBlock(), createElementBlock("textarea", mergeProps({
+        key: 0,
+        rows: _ctx.rows,
+        class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.multilineClass, _ctx.preIconClass, _ctx.postIconClass, _ctx.postIconsClass, _ctx.errorClass, _ctx.backgroundClass, _ctx.sizeClass),
+        id: _ctx.id,
+        disabled: _ctx.disabled,
+        "aria-required": _ctx.required || null,
+        "aria-invalid": !!_ctx.error || null,
+        "aria-errormessage": !!_ctx.error && "".concat(_ctx.id, "-error") || null
+      }, _ctx.inputAttrs, {
+        value: _ctx.modelValue,
+        "aria-describedby": _ctx.describedby || null,
+        onInput: _cache[0] || (_cache[0] = function ($event) {
+          return _ctx.$emit('update:modelValue', $event.target.value);
+        }),
+        onFocus: _cache[1] || (_cache[1] = function ($event) {
+          return _ctx.isFocused = true;
+        }),
+        onBlur: _cache[2] || (_cache[2] = function ($event) {
+          return _ctx.isFocused = false;
+        })
+      }), null, 16
+      /* FULL_PROPS */
+      , _hoisted_1)) : (openBlock(), createElementBlock("input", mergeProps({
+        key: 1,
+        type: _ctx.type,
+        class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.preIconClass, _ctx.postIconClass, _ctx.postIconsClass, _ctx.errorClass, _ctx.backgroundClass, _ctx.sizeClass),
+        id: _ctx.id,
+        disabled: _ctx.disabled,
+        "aria-required": _ctx.required || null,
+        "aria-invalid": !!_ctx.error || null,
+        "aria-errormessage": !!_ctx.error && "".concat(_ctx.id, "-error") || null
+      }, _ctx.inputAttrs, {
+        "aria-describedby": _ctx.describedby || null,
+        value: _ctx.modelValue,
+        onInput: _cache[3] || (_cache[3] = function ($event) {
+          return _ctx.$emit('update:modelValue', $event.target.value);
+        }),
+        onFocus: _cache[4] || (_cache[4] = function ($event) {
+          return _ctx.isFocused = true;
+        }),
+        onBlur: _cache[5] || (_cache[5] = function ($event) {
+          return _ctx.isFocused = false;
+        })
+      }), null, 16
+      /* FULL_PROPS */
+      , _hoisted_2)), _ctx.hasPreIcon ? (openBlock(), createElementBlock("span", {
+        key: 2,
+        class: normalizeClass(_ctx.style['cdr-input__pre-icon'])
+      }, [renderSlot(_ctx.$slots, "pre-icon")], 2
+      /* CLASS */
+      )) : createCommentVNode("v-if", true), _ctx.hasPostIcon ? (openBlock(), createElementBlock("span", {
+        key: 3,
+        class: normalizeClass(_ctx.style['cdr-input__post-icon'])
+      }, [renderSlot(_ctx.$slots, "post-icon")], 2
+      /* CLASS */
+      )) : createCommentVNode("v-if", true)], 2
+      /* CLASS */
+      )];
+    }),
+    _: 2
+    /* DYNAMIC */
+
+  }, [_ctx.hasHelperTop ? {
+    name: "helper",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "helper-text-top")];
+    })
+  } : undefined, _ctx.hasInfo ? {
+    name: "info",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "info")];
+    })
+  } : undefined, _ctx.hasInfoAction ? {
+    name: "info-action",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "info-action")];
+    })
+  } : undefined, _ctx.hasHelperBottom && !_ctx.error ? {
+    name: "helper-text-bottom",
+    fn: withCtx(function () {
+      return [createElementVNode("span", {
+        id: "".concat(_ctx.id, "-helper-text-bottom"),
+        class: normalizeClass(_ctx.style['cdr-input__helper-text'])
+      }, [renderSlot(_ctx.$slots, "helper-text-bottom")], 10
+      /* CLASS, PROPS */
+      , _hoisted_3)];
+    })
+  } : undefined, _ctx.error ? {
+    name: "error",
+    fn: withCtx(function () {
+      return [_ctx.error ? (openBlock(), createBlock(_component_cdr_form_error, {
+        key: 0,
+        error: _ctx.error,
+        role: _ctx.errorRole,
+        id: "".concat(_ctx.id, "-error")
+      }, {
+        error: withCtx(function () {
+          return [renderSlot(_ctx.$slots, "error")];
+        }),
+        _: 3
+        /* FORWARDED */
+
+      }, 8
+      /* PROPS */
+      , ["error", "role", "id"])) : createCommentVNode("v-if", true)];
+    })
+  } : undefined]), 1032
+  /* PROPS, DYNAMIC_SLOTS */
+  , ["for-id", "label", "hide-label", "required", "optional", "disabled"]);
+}
+
+export { render };