@rei/cedar 13.0.0-alpha.2 → 13.0.0-alpha.kurt-test

package/dist/lib/src/components/icon/comps/x-sm.js

@@ -1,6 +1,35 @@
-import script from './x-sm.vue_vue_type_script_lang.js';
-export { default } from './x-sm.vue_vue_type_script_lang.js';
-import { render } from './x-sm.vue_vue_type_template_id_5d308530_lang.js';
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, renderSlot, createElementVNode } from 'vue';
+import CdrIcon from '../CdrIcon.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.render = render;
-script.__file = "src/components/icon/comps/x-sm.vue";
+const _sfc_main = defineComponent({
+    name: 'IconXSm',
+    components: {
+      CdrIcon,
+    },
+    setup(props) {
+      return {
+        props
+      };
+    },
+  });
+
+const _hoisted_1 = /*#__PURE__*/createElementVNode("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 /* HOISTED */);
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_cdr_icon = resolveComponent("cdr-icon");
+
+  return (openBlock(), createBlock(_component_cdr_icon, normalizeProps(guardReactiveProps(_ctx.props)), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default"),
+      _hoisted_1
+    ]),
+    _: 3 /* FORWARDED */
+  }, 16 /* FULL_PROPS */))
+}
+var IconXSm = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { IconXSm as default };

package/dist/lib/src/components/icon/comps/x-stroke.js

@@ -1,6 +1,35 @@
-import script from './x-stroke.vue_vue_type_script_lang.js';
-export { default } from './x-stroke.vue_vue_type_script_lang.js';
-import { render } from './x-stroke.vue_vue_type_template_id_871801e4_lang.js';
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, renderSlot, createElementVNode } from 'vue';
+import CdrIcon from '../CdrIcon.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.render = render;
-script.__file = "src/components/icon/comps/x-stroke.vue";
+const _sfc_main = defineComponent({
+    name: 'IconXStroke',
+    components: {
+      CdrIcon,
+    },
+    setup(props) {
+      return {
+        props
+      };
+    },
+  });
+
+const _hoisted_1 = /*#__PURE__*/createElementVNode("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 /* HOISTED */);
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_cdr_icon = resolveComponent("cdr-icon");
+
+  return (openBlock(), createBlock(_component_cdr_icon, normalizeProps(guardReactiveProps(_ctx.props)), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default"),
+      _hoisted_1
+    ]),
+    _: 3 /* FORWARDED */
+  }, 16 /* FULL_PROPS */))
+}
+var xStroke = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { xStroke as default };

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

@@ -1,6 +1,35 @@
-import script from './youtube.vue_vue_type_script_lang.js';
-export { default } from './youtube.vue_vue_type_script_lang.js';
-import { render } from './youtube.vue_vue_type_template_id_acbe155c_lang.js';
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, renderSlot, createElementVNode } from 'vue';
+import CdrIcon from '../CdrIcon.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.render = render;
-script.__file = "src/components/icon/comps/youtube.vue";
+const _sfc_main = defineComponent({
+    name: 'IconYoutube',
+    components: {
+      CdrIcon,
+    },
+    setup(props) {
+      return {
+        props
+      };
+    },
+  });
+
+const _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 _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_cdr_icon = resolveComponent("cdr-icon");
+
+  return (openBlock(), createBlock(_component_cdr_icon, normalizeProps(guardReactiveProps(_ctx.props)), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default"),
+      _hoisted_1
+    ]),
+    _: 3 /* FORWARDED */
+  }, 16 /* FULL_PROPS */))
+}
+var youtube = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { youtube as default };

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

@@ -1,6 +1,35 @@
-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 { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, renderSlot, createElementVNode } from 'vue';
+import CdrIcon from '../CdrIcon.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.render = render;
-script.__file = "src/components/icon/comps/zoom-in.vue";
+const _sfc_main = defineComponent({
+    name: 'IconZoomIn',
+    components: {
+      CdrIcon,
+    },
+    setup(props) {
+      return {
+        props
+      };
+    },
+  });
+
+const _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 _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_cdr_icon = resolveComponent("cdr-icon");
+
+  return (openBlock(), createBlock(_component_cdr_icon, normalizeProps(guardReactiveProps(_ctx.props)), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default"),
+      _hoisted_1
+    ]),
+    _: 3 /* FORWARDED */
+  }, 16 /* FULL_PROPS */))
+}
+var zoomIn = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { zoomIn as default };

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

@@ -1,6 +1,35 @@
-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 { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, renderSlot, createElementVNode } from 'vue';
+import CdrIcon from '../CdrIcon.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.render = render;
-script.__file = "src/components/icon/comps/zoom-out.vue";
+const _sfc_main = defineComponent({
+    name: 'IconZoomOut',
+    components: {
+      CdrIcon,
+    },
+    setup(props) {
+      return {
+        props
+      };
+    },
+  });
+
+const _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 _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_cdr_icon = resolveComponent("cdr-icon");
+
+  return (openBlock(), createBlock(_component_cdr_icon, normalizeProps(guardReactiveProps(_ctx.props)), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default"),
+      _hoisted_1
+    ]),
+    _: 3 /* FORWARDED */
+  }, 16 /* FULL_PROPS */))
+}
+var zoomOut = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { zoomOut as default };

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

@@ -1,10 +1,148 @@
-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 { defineComponent, computed, useCssModule, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, mergeProps } from 'vue';
+import mapClasses from '../../utils/mapClasses.js';
+import { buildClass } from '../../utils/buildClass.js';
+import validateProp from '../../utils/propValidator.js';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-const cssModules = script.__cssModules = {};
-cssModules["$style"] = style0;
+const _sfc_main = 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: (value) => ([
+        '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: (value) => ([
+        'circle',
+        'rounded'].indexOf(value) >= 0) || false,
+    },
 
-script.render = render;
-script.__file = "src/components/image/CdrImg.vue";
+    modifier: {
+      type: String,
+      default: '',
+      validator: (value) => validateProp(value, ['', 'responsive']),
+    },
+  },
+
+  setup(props) {
+    const baseClass = 'cdr-image';
+    const ratioClass = 'cdr-image-ratio';
+    const coverWrapperClass = 'cdr-image-ratio__cover';
+    const modifierClass = computed(() => buildClass(baseClass, props.modifier));
+    const radiusClass = computed(() => buildClass(baseClass, props.radius));
+
+    const cropObject = computed(() => ({ objectPosition: props.crop }));
+    const ratioObject = computed(() => {
+      let ratioPct;
+      if (props.ratio === 'square') {
+        ratioPct = '100%';
+      } else if (props.ratio === 'auto') {
+        ratioPct = '0';
+      } else {
+        const [x, y] = props.ratio.split('-');
+        ratioPct = `${(y / x) * 100}%`;
+      }
+      return { '--ratio': ratioPct };
+    });
+
+    const cropClass = computed(() => props.crop && buildClass(coverWrapperClass, 'crop'));
+    const coverClass = computed(() => props.cover && buildClass(coverWrapperClass, 'cover'));
+
+    return {
+      style: useCssModule(),
+      baseClass,
+      ratioClass,
+      coverWrapperClass,
+      modifierClass,
+      radiusClass,
+      cropObject,
+      ratioObject,
+      cropClass,
+      coverClass,
+      mapClasses,
+    };
+  },
+});
+
+const _hoisted_1 = ["src", "alt"];
+const _hoisted_2 = ["src", "alt"];
+
+function _sfc_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))
+}
+var CdrImg = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { CdrImg as default };

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

@@ -1,10 +1,305 @@
-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 { defineComponent, ref, computed, useCssModule, resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, mergeProps, renderSlot, createCommentVNode } from 'vue';
+import validateProp from '../../utils/propValidator.js';
+import CdrLabelStandalone from '../labelStandalone/CdrLabelStandalone.js';
+import CdrFormError from '../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 _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-const cssModules = script.__cssModules = {};
-cssModules["$style"] = style0;
+const _sfc_main = defineComponent({
+  name: 'CdrInput',
+  components: {
+    CdrLabelStandalone,
+    CdrFormError,
+  },
+  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: (value) => 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,
 
-script.render = render;
-script.__file = "src/components/input/CdrInput.vue";
+    /**
+     * 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) {
+    const baseClass = 'cdr-input';
+    // console.log(ctx.slots['post-icon']);
+    // TODO: delete un-used hasSlot props
+    const isFocused = ref(false);
+    const hasHelperTop = ctx.slots['helper-text-top'];
+    const hasHelperBottom = ctx.slots['helper-text-bottom'];
+    const hasPreIcon = ctx.slots['pre-icon'];
+    const hasPostIcon = ctx.slots['post-icon'];
+    const hasPostIcons = hasPostIcon && ctx.slots['post-icon']().length > 1;
+    const hasInfo = ctx.slots.info;
+    const hasInfoAction = ctx.slots['info-action'];
+
+    const multilineClass = computed(() => props.rows > 1 && 'cdr-input--multiline');
+    const preIconClass = computed(() => hasPreIcon && 'cdr-input--preicon');
+    // TODO: make one class for this? if possible? there must have been a reason i did it like this.....
+    const postIconClass = computed(() => hasPostIcon && 'cdr-input--posticon');
+    const postIconsClass = computed(() => hasPostIcons && 'cdr-input--posticons');
+    const errorClass = computed(() => props.error && 'cdr-input--error');
+    const backgroundClass = computed(() => `cdr-input--${props.background}`);
+    const sizeClass = computed(() => props.size && buildClass(baseClass, props.size));
+    const focusedClass = computed(() => isFocused.value && 'cdr-input--focus');
+
+    const describedby = computed(() => {
+      return [
+        ctx.slots['helper-text-top'] ? `${props.id}-helper-text-top` : '',
+        ctx.slots['helper-text-bottom'] ? `${props.id}-helper-text-bottom` : '',
+        ctx.attrs['aria-describedby'],
+      ].filter((x) => x).join(' ');
+    });
+
+
+    const inputAttrs = computed(() => {
+      const isNum = props.numeric || props.type === 'number';
+      return {
+        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,
+    };
+  },
+});
+
+const _hoisted_1 = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "value", "aria-describedby"];
+const _hoisted_2 = ["type", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby", "value"];
+const _hoisted_3 = ["id"];
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_cdr_form_error = resolveComponent("cdr-form-error");
+  const _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(() => [
+      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 && `${_ctx.id}-error`) || null
+            }, _ctx.inputAttrs, {
+              value: _ctx.modelValue,
+              "aria-describedby": _ctx.describedby || null,
+              onInput: _cache[0] || (_cache[0] = $event => (_ctx.$emit('update:modelValue', $event.target.value))),
+              onFocus: _cache[1] || (_cache[1] = $event => (_ctx.isFocused = true)),
+              onBlur: _cache[2] || (_cache[2] = $event => (_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 && `${_ctx.id}-error`) || null
+            }, _ctx.inputAttrs, {
+              "aria-describedby": _ctx.describedby || null,
+              value: _ctx.modelValue,
+              onInput: _cache[3] || (_cache[3] = $event => (_ctx.$emit('update:modelValue', $event.target.value))),
+              onFocus: _cache[4] || (_cache[4] = $event => (_ctx.isFocused = true)),
+              onBlur: _cache[5] || (_cache[5] = $event => (_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(() => [
+            renderSlot(_ctx.$slots, "helper-text-top")
+          ])
+        }
+      : undefined,
+    (_ctx.hasInfo)
+      ? {
+          name: "info",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "info")
+          ])
+        }
+      : undefined,
+    (_ctx.hasInfoAction)
+      ? {
+          name: "info-action",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "info-action")
+          ])
+        }
+      : undefined,
+    (_ctx.hasHelperBottom && !_ctx.error)
+      ? {
+          name: "helper-text-bottom",
+          fn: withCtx(() => [
+            createElementVNode("span", {
+              id: `${_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(() => [
+            (_ctx.error)
+              ? (openBlock(), createBlock(_component_cdr_form_error, {
+                  key: 0,
+                  error: _ctx.error,
+                  role: _ctx.errorRole,
+                  id: `${_ctx.id}-error`
+                }, {
+                  error: withCtx(() => [
+                    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"]))
+}
+var CdrInput = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { CdrInput as default };