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

package/dist/lib/src/components/button/CdrButton.js

@@ -1,10 +1,124 @@
-import script from './CdrButton.vue_vue_type_script_lang.js';
-export { default } from './CdrButton.vue_vue_type_script_lang.js';
-import { render } from './CdrButton.vue_vue_type_template_id_4acc8116_lang.js';
-import style0 from './styles/CdrButton.module.scss_vue_type_style_index_0_src_id_4acc8116_module_true_lang.css.js';
+import { defineComponent, computed, useCssModule, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
+import mapClasses from '../../utils/mapClasses.js';
+import { buildClass, buildBooleanClass } 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: 'CdrButton',
+  props: {
+    /**
+     * Controls render as button or anchor. {button, a}
+     */
+    tag: {
+      type: String,
+      default: 'button',
+      validator: (value) => validateProp(value, ['button', 'a']),
+    },
+    /**
+     * Sets the button type. {button, submit, reset}
+     */
+    type: {
+      type: String,
+      default: 'button',
+      validator: (value) => validateProp(value, ['button', 'submit', 'reset']),
+    },
+    /**
+     * Sets the button style
+     */
+    modifier: {
+      type: String,
+      default: 'primary',
+      validator: (value) => validateProp(value, ['primary', 'secondary', 'sale', 'dark']),
+    },
+    size: {
+      type: String,
+      default: 'medium',
+      validator: (value) => validateProp(
+        value,
+        ['small', 'medium', 'large'],
+      ),
+    },
+    /**
+     * Increases box-shadow around button to enhance contrast against background
+     */
+    elevated: {
+      type: Boolean,
+      default: false,
+    },
+    /**
+     * Renders an icon-only button. Default slot is disabled. Overrides size and responsiveSize props.
+     */
+    iconOnly: {
+      type: Boolean,
+      default: false,
+    },
+    /**
+     * Used in conjunction with `icon-only`, renders a border and background around the icon button
+     */
+    withBackground: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const baseClass = 'cdr-button';
+    const modifierClass = computed(() => buildClass(baseClass, props.modifier));
+    const elevatedClass = computed(() => props.elevated && buildClass(baseClass, 'elevated'));
+    const fullWidthClass = computed(() => !props.iconOnly && props.fullWidth
+        && buildBooleanClass(baseClass, props.fullWidth, 'full-width'));
+    const sizeClass = computed(() => (!props.iconOnly
+      ? buildClass(baseClass, props.size)
+      : `cdr-button--icon-only-${props.size}`));
+    const iconLeftClass = computed(() => ctx.slots['icon-left'] && ctx.slots.default
+        && buildClass(baseClass, 'has-icon-left'));
+    const iconRightClass = computed(() => ctx.slots['icon-right'] && ctx.slots.default
+        && buildClass(baseClass, 'has-icon-right'));
+    const iconOnlyClass = computed(() => props.iconOnly && buildClass(baseClass, 'icon-only'));
+    const withBackgroundClass = computed(() => props.iconOnly
+      && props.withBackground && buildClass(baseClass, 'with-background'));
 
-script.render = render;
-script.__file = "src/components/button/CdrButton.vue";
+    return {
+      style: useCssModule(),
+      buttonType: props.tag === 'button' ? props.type : null,
+      baseClass,
+      modifierClass,
+      fullWidthClass,
+      sizeClass,
+      iconOnlyClass,
+      iconLeftClass,
+      iconRightClass,
+      elevatedClass,
+      withBackgroundClass,
+      mapClasses,
+    };
+  },
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+    class: normalizeClass(_ctx.mapClasses(_ctx.style,
+                       _ctx.baseClass,
+                       _ctx.modifierClass,
+                       _ctx.sizeClass,
+                       _ctx.fullWidthClass,
+                       _ctx.iconOnlyClass,
+                       _ctx.iconLeftClass,
+                       _ctx.iconRightClass,
+                       _ctx.elevatedClass,
+                       _ctx.iconOnlyClass,
+                       _ctx.withBackgroundClass,
+    )),
+    type: _ctx.buttonType
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "icon-left"),
+      renderSlot(_ctx.$slots, "default"),
+      renderSlot(_ctx.$slots, "icon-right")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class", "type"]))
+}
+var CdrButton = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { CdrButton as default };

package/dist/lib/src/components/caption/CdrCaption.js

@@ -1,10 +1,40 @@
-import script from './CdrCaption.vue_vue_type_script_lang.js';
-export { default } from './CdrCaption.vue_vue_type_script_lang.js';
-import { render } from './CdrCaption.vue_vue_type_template_id_175a476e_lang.js';
-import style0 from './styles/CdrCaption.module.scss_vue_type_style_index_0_src_id_175a476e_module_true_lang.css.js';
+import { defineComponent, useCssModule, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-const cssModules = script.__cssModules = {};
-cssModules["$style"] = style0;
+const _sfc_main = defineComponent({
+  name: 'CdrCaption',
+  props: {
+    summary: String,
+    credit: String,
+  },
+  setup() {
+    return {
+      style: useCssModule(),
+      baseClass: 'cdr-caption',
+      summaryClass: 'cdr-caption__summary',
+      citeClass: 'cdr-caption__cite',
+    };
+  },
+});
 
-script.render = render;
-script.__file = "src/components/caption/CdrCaption.vue";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.style[_ctx.baseClass])
+  }, [
+    (_ctx.summary)
+      ? (openBlock(), createElementBlock("p", {
+          key: 0,
+          class: normalizeClass(_ctx.style[_ctx.summaryClass])
+        }, toDisplayString(_ctx.summary), 3 /* TEXT, CLASS */))
+      : createCommentVNode("v-if", true),
+    (_ctx.credit)
+      ? (openBlock(), createElementBlock("cite", {
+          key: 1,
+          class: normalizeClass(_ctx.style[_ctx.citeClass])
+        }, toDisplayString(_ctx.credit), 3 /* TEXT, CLASS */))
+      : createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
+}
+var CdrCaption = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { CdrCaption as default };

package/dist/lib/src/components/card/CdrCard.js

@@ -1,10 +1,32 @@
-import script from './CdrCard.vue_vue_type_script_lang.js';
-export { default } from './CdrCard.vue_vue_type_script_lang.js';
-import { render } from './CdrCard.vue_vue_type_template_id_69684dd2_lang.js';
-import style0 from './styles/CdrCard.module.scss_vue_type_style_index_0_src_id_69684dd2_module_true_lang.css.js';
+import { defineComponent, useCssModule, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-const cssModules = script.__cssModules = {};
-cssModules["$style"] = style0;
+const _sfc_main = defineComponent({
+  name: 'CdrCard',
+  props: {
+    tag: {
+      type: String,
+      default: 'article',
+    },
+  },
+  setup() {
+    return {
+      style: useCssModule(),
+      baseClass: 'cdr-card',
+    };
+  },
+});
 
-script.render = render;
-script.__file = "src/components/card/CdrCard.vue";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+    class: normalizeClass(_ctx.style[_ctx.baseClass])
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class"]))
+}
+var CdrCard = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { CdrCard as default };

package/dist/lib/src/components/checkbox/CdrCheckbox.js

@@ -1,10 +1,118 @@
-import script from './CdrCheckbox.vue_vue_type_script_lang.js';
-export { default } from './CdrCheckbox.vue_vue_type_script_lang.js';
-import { render } from './CdrCheckbox.vue_vue_type_template_id_6df096b8_lang.js';
-import style0 from './styles/CdrCheckbox.module.scss_vue_type_style_index_0_src_id_6df096b8_module_true_lang.css.js';
+import { defineComponent, ref, watch, useCssModule, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, mergeProps, renderSlot } from 'vue';
+import CdrLabelWrapper from '../labelWrapper/CdrLabelWrapper.js';
+import sizeProps from '../../props/size.js';
+import validateProp from '../../utils/propValidator.js';
+import backgroundProps from '../../props/background.js';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-const cssModules = script.__cssModules = {};
-cssModules["$style"] = style0;
+const _sfc_main = defineComponent({
+  name: 'CdrCheckbox',
+  components: {
+    CdrLabelWrapper,
+  },
+  inheritAttrs: false,
+  props: {
+    /**
+     * Class that is added to the label for custom styles
+     */
+    labelClass: String,
+    /**
+     * Class that is added to the input for custom styles
+     */
+    inputClass: String,
+    /**
+     * Class that is added to the slot wrapper for custom styles
+     */
+    contentClass: String,
+    /**
+     * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
+    */
+    indeterminate: {
+      type: Boolean,
+      default: false,
+    },
+    /**
+     * The value when checked.
+    */
+    trueValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+      default: true,
+    },
+    /**
+     * The value when unchecked.
+    */
+    falseValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+      default: false,
+    },
+    /**
+     * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
+    */
+    customValue: [String, Number, Boolean, Object, Array, Symbol, Function],
+    // Set which background type the input renders on
+    background: backgroundProps,
+    size: sizeProps,
 
-script.render = render;
-script.__file = "src/components/checkbox/CdrCheckbox.vue";
+    modifier: {
+      type: String,
+      default: '',
+      validator: (value) => validateProp(value, ['', 'hide-figure']),
+    },
+    /** @ignore */
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+    },
+  },
+  setup(props) {
+    const baseClass = 'cdr-checkbox';
+
+    const newValue = ref(props.modelValue);
+
+    watch(() => props.value, (val) => {
+      newValue.value = val;
+    });
+
+    return {
+      style: useCssModule(),
+      baseClass,
+      newValue,
+    };
+  },
+});
+
+const _hoisted_1 = ["checked", "true-value", "false-value", "value", "indeterminate"];
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_cdr_label_wrapper = resolveComponent("cdr-label-wrapper");
+
+  return (openBlock(), createBlock(_component_cdr_label_wrapper, {
+    class: normalizeClass(_ctx.style[_ctx.baseClass]),
+    size: _ctx.size,
+    modifier: _ctx.modifier,
+    "label-class": _ctx.labelClass,
+    "content-class": _ctx.contentClass,
+    background: _ctx.background,
+    disabled: _ctx.$attrs.disabled
+  }, {
+    input: withCtx(() => [
+      createElementVNode("input", mergeProps({
+        class: [_ctx.style['cdr-checkbox__input'], _ctx.inputClass],
+        type: "checkbox"
+      }, _ctx.$attrs, {
+        checked: _ctx.newValue,
+        onChange: _cache[0] || (_cache[0] = $event => (_ctx.$emit('update:modelValue', $event.target.checked, $event))),
+        "true-value": _ctx.customValue ? null : _ctx.trueValue,
+        "false-value": _ctx.customValue ? null : _ctx.falseValue,
+        value: _ctx.customValue,
+        indeterminate: _ctx.indeterminate
+      }), null, 16 /* FULL_PROPS */, _hoisted_1)
+    ]),
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class", "size", "modifier", "label-class", "content-class", "background", "disabled"]))
+}
+var CdrCheckbox = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { CdrCheckbox as default };

package/dist/lib/src/components/chip/CdrChip.js

@@ -1,10 +1,59 @@
-import script from './CdrChip.vue_vue_type_script_lang.js';
-export { default } from './CdrChip.vue_vue_type_script_lang.js';
-import { render } from './CdrChip.vue_vue_type_template_id_7f59884a_lang.js';
-import style0 from './styles/CdrChip.module.scss_vue_type_style_index_0_src_id_7f59884a_module_true_lang.css.js';
+import { defineComponent, useCssModule, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode } from 'vue';
+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: 'CdrChip',
+  props: {
+    type: {
+      type: String,
+      validator: (value) => validateProp(
+        value,
+        ['info', 'warning', 'success', 'error'],
+      ),
+      default: 'info',
+    },
+  },
+  setup(props, ctx) {
+    const baseClass = 'cdr-chip';
+    const hasIconLeft = ctx.slots['icon-left'];
+    const hasIconRight = ctx.slots['icon-right'];
+    return {
+      style: useCssModule(),
+      baseClass,
+      hasIconLeft,
+      hasIconRight,
+    };
+  },
+});
 
-script.render = render;
-script.__file = "src/components/chip/CdrChip.vue";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("button", {
+    class: normalizeClass(_ctx.style[_ctx.baseClass])
+  }, [
+    (_ctx.hasIconLeft)
+      ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(_ctx.style['cdr-chip__icon-left'])
+        }, [
+          renderSlot(_ctx.$slots, "icon-left")
+        ], 2 /* CLASS */))
+      : createCommentVNode("v-if", true),
+    (_ctx.hasIconRight)
+      ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass(_ctx.style['cdr-chip__icon-right'])
+        }, [
+          renderSlot(_ctx.$slots, "icon-right")
+        ], 2 /* CLASS */))
+      : createCommentVNode("v-if", true),
+    createElementVNode("span", {
+      class: normalizeClass(_ctx.style['cdr-chip__content'])
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2 /* CLASS */)
+  ], 2 /* CLASS */))
+}
+var CdrChip = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { CdrChip as default };

package/dist/lib/src/components/chip/CdrChipGroup.js

@@ -1,10 +1,109 @@
-import script from './CdrChipGroup.vue_vue_type_script_lang.js';
-export { default } from './CdrChipGroup.vue_vue_type_script_lang.js';
-import { render } from './CdrChipGroup.vue_vue_type_template_id_fe1549f6_lang.js';
-import style0 from './styles/CdrChipGroup.module.scss_vue_type_style_index_0_src_id_fe1549f6_module_true_lang.css.js';
+import { defineComponent, ref, computed, onMounted, useCssModule, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-const cssModules = script.__cssModules = {};
-cssModules["$style"] = style0;
+const _sfc_main = defineComponent({
+  name: 'CdrChipGroup',
+  props: {
+    label: {
+      type: String,
+      required: true,
+    },
+    hideLabel: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  setup(props) {
+    const baseClass = 'cdr-chip-group';
 
-script.render = render;
-script.__file = "src/components/chip/CdrChipGroup.vue";
+    const chipsEl = ref(null);
+
+    let chips = [];
+    let currentIdx = ref(0);
+
+    const nextIdx = computed(() => {
+      const idx = currentIdx + 1;
+      return idx >= chips.length ? 0 : idx;
+    });
+    const prevIdx = computed(() => {
+      const idx = currentIdx - 1;
+      return idx <= -1 ? (chips.length - 1) : idx;
+    });
+    const legendClass = computed(() => (props.hideLabel
+      ? 'cdr-chip-group__legend--hidden'
+      : 'cdr-chip-group__legend'));
+
+    onMounted(() => {
+      chips = Array.prototype.filter.call(chipsEl.value.children,
+        (chip) => !(chip.getAttribute('disabled') || chip.getAttribute('aria-disabled')));
+      currentIdx.value = Array.prototype.findIndex.call(chips,
+        (chip) => chip.getAttribute('aria-checked') === 'true');
+    });
+
+    const handleKeydown = (e) => {
+      // something besides the button is focused
+      if (currentIdx.value === -1) return;
+
+      const { key } = e;
+      switch (key) {
+        case 'Home':
+          e.preventDefault();
+          chips[0].focus();
+          break;
+        case 'End':
+          e.preventDefault();
+          chips[chips.length - 1].focus();
+          break;
+        case 'ArrowDown':
+        case 'Down':
+          e.preventDefault();
+          chips[nextIdx.value].focus();
+          break;
+        case 'ArrowUp':
+        case 'Up':
+          e.preventDefault();
+          chips[prevIdx.value].focus();
+          break;
+      }
+    };
+    const handleFocusin = (e) => {
+      // find out which, if any, button is focused
+      currentIdx.value = Array.prototype.indexOf.call(chips, e.target);
+    };
+    return {
+      style: useCssModule(),
+      baseClass,
+      legendClass,
+      handleKeydown,
+      handleFocusin,
+      chipsEl,
+      currentIdx,
+      chips,
+    };
+  },
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("fieldset", {
+    class: normalizeClass(_ctx.style[_ctx.baseClass]),
+    onFocusin: _cache[0] || (_cache[0] = (...args) => (_ctx.focusin && _ctx.focusin(...args))),
+    onKeydown: _cache[1] || (_cache[1] = (...args) => (_ctx.handleKeyDown && _ctx.handleKeyDown(...args)))
+  }, [
+    createElementVNode("legend", {
+      class: normalizeClass(_ctx.style[_ctx.legendClass])
+    }, [
+      renderSlot(_ctx.$slots, "label", {}, () => [
+        createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)
+      ])
+    ], 2 /* CLASS */),
+    createElementVNode("div", {
+      ref: "chipsEl",
+      class: normalizeClass(_ctx.style['cdr-chip-group__content'])
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2 /* CLASS */)
+  ], 34 /* CLASS, HYDRATE_EVENTS */))
+}
+var CdrChipGroup = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { CdrChipGroup as default };

package/dist/lib/src/components/container/CdrContainer.js

@@ -1,10 +1,49 @@
-import script from './CdrContainer.vue_vue_type_script_lang.js';
-export { default } from './CdrContainer.vue_vue_type_script_lang.js';
-import { render } from './CdrContainer.vue_vue_type_template_id_82971d64_lang.js';
-import style0 from './styles/CdrContainer.module.scss_vue_type_style_index_0_src_id_82971d64_module_true_lang.css.js';
+import { defineComponent, computed, useCssModule, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
+import validateProp from '../../utils/propValidator.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: 'CdrContainer',
+  props: {
+    /** Any valid HTML tag */
+    tag: {
+      type: String,
+      default: 'div',
+    },
+    modifier: {
+      type: String,
+      default: 'static',
+      validator: (value) => validateProp(
+        value,
+        ['static', 'fluid'],
+        false,
+      ),
+    },
+  },
+  setup(props, ctx) {
+    const baseClass = 'cdr-container';
+    const modifierClass = computed(() => buildClass(baseClass, props.modifier));
+    return {
+      style: useCssModule(),
+      baseClass,
+      modifierClass,
+      mapClasses,
+    };
+  },
+});
 
-script.render = render;
-script.__file = "src/components/container/CdrContainer.vue";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+    class: normalizeClass(_ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.modifierClass))
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class"]))
+}
+var CdrContainer = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { CdrContainer as default };

package/dist/lib/src/components/formError/CdrFormError.js

@@ -1,10 +1,40 @@
-import script from './CdrFormError.vue_vue_type_script_lang.js';
-export { default } from './CdrFormError.vue_vue_type_script_lang.js';
-import { render } from './CdrFormError.vue_vue_type_template_id_57e71ba4_lang.js';
-import style0 from './styles/CdrFormError.module.scss_vue_type_style_index_0_src_id_57e71ba4_module_true_lang.css.js';
+import { defineComponent, useCssModule, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-const cssModules = script.__cssModules = {};
-cssModules["$style"] = style0;
+const _sfc_main = defineComponent({
+  name: 'CdrFormError',
+  props: {
+    error: [Boolean, String],
+  },
+  setup() {
+    const baseClass = 'cdr-form-error';
+    const iconClass = 'cdr-form-error__icon';
 
-script.render = render;
-script.__file = "src/components/formError/CdrFormError.vue";
+    return {
+      style: useCssModule(),
+      baseClass,
+      iconClass,
+    };
+  },
+});
+
+const _hoisted_1 = /*#__PURE__*/createTextVNode();
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.style[_ctx.baseClass]),
+    role: "status",
+    tabindex: "0"
+  }, [
+    createElementVNode("span", {
+      class: normalizeClass(_ctx.style[_ctx.iconClass])
+    }, null, 2 /* CLASS */),
+    _hoisted_1,
+    renderSlot(_ctx.$slots, "error", {}, () => [
+      createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)
+    ])
+  ], 2 /* CLASS */))
+}
+var CdrFormError = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { CdrFormError as default };