@rei/cedar 11.0.1 → 13.0.0-alpha.3

package/dist/lib/src/components/chip/CdrChip.vue_vue_type_script_lang.mjs

@@ -0,0 +1,29 @@
+import { defineComponent, useCssModule } from 'vue';
+import validateProp from '../../utils/propValidator.mjs';
+
+var script = 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,
+    };
+  },
+});
+
+export { script as default };

package/dist/lib/src/components/chip/CdrChip.vue_vue_type_template_id_7f59884a_lang.mjs

@@ -0,0 +1,31 @@
+import { openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode } from 'vue';
+
+function 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 */))
+}
+
+export { render };

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

@@ -1,105 +1,10 @@
-import modules_7f5a554b from './styles/CdrChipGroup.mjs';
+import script from './CdrChipGroup.vue_vue_type_script_lang.mjs';
+export { default } from './CdrChipGroup.vue_vue_type_script_lang.mjs';
+import { render } from './CdrChipGroup.vue_vue_type_template_id_fe1549f6_lang.mjs';
+import style0 from './styles/CdrChipGroup.module.scss_vue_type_style_index_0_src_id_fe1549f6_module_true_lang.css.mjs';
 
-var CdrChipGroup = {
-  name: 'CdrChipGroup',
-  props: {
-    label: {
-      type: String,
-      required: true
-    },
-    hideLabel: {
-      type: Boolean,
-      default: true
-    }
-  },
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
 
-  data() {
-    return {
-      style: modules_7f5a554b,
-      chips: [],
-      currentIdx: 0
-    };
-  },
-
-  computed: {
-    nextIdx() {
-      const idx = this.currentIdx + 1;
-      return idx >= this.chips.length ? 0 : idx; // if at last, go to first
-    },
-
-    prevIdx() {
-      const idx = this.currentIdx - 1;
-      return idx <= -1 ? this.chips.length - 1 : idx; // if at first, go to last
-    },
-
-    legendClass() {
-      return this.hideLabel ? this.style['cdr-chip-group__legend--hidden'] : this.style['cdr-chip-group__legend'];
-    }
-
-  },
-
-  mounted() {
-    // get all of the chips in the group
-    this.chips = Array.prototype.filter.call(this.$refs.chips.children, chip => !(chip.getAttribute('disabled') || chip.getAttribute('aria-disabled')));
-    this.currentIdx = Array.prototype.findIndex.call(this.chips, chip => chip.getAttribute('aria-checked') === 'true');
-  },
-
-  methods: {
-    handleKeyDown(e) {
-      // something besides the button is focused
-      if (this.currentIdx === -1) return;
-      const {
-        key
-      } = e;
-
-      switch (key) {
-        case 'Home':
-          e.preventDefault();
-          this.chips[0].focus();
-          break;
-
-        case 'End':
-          e.preventDefault();
-          this.chips[this.chips.length - 1].focus();
-          break;
-
-        case 'ArrowDown':
-        case 'Down':
-          e.preventDefault();
-          this.chips[this.nextIdx].focus();
-          break;
-
-        case 'ArrowUp':
-        case 'Up':
-          e.preventDefault();
-          this.chips[this.prevIdx].focus();
-          break;
-      }
-    },
-
-    focusin(e) {
-      // find out which, if any, button is focused
-      this.currentIdx = Array.prototype.indexOf.call(this.chips, e.target);
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("fieldset", {
-      "class": this.style['cdr-chip-group'],
-      "on": {
-        "focusin": this.focusin,
-        "keydown": this.handleKeyDown
-      }
-    }, [h("legend", {
-      "class": this.legendClass
-    }, [this.$slots.label || this.label]), h("div", {
-      "ref": "chips",
-      "class": this.style['cdr-chip-group__content']
-    }, [this.$slots.default])]);
-  }
-
-};
-
-export default CdrChipGroup;
+script.render = render;
+script.__file = "src/components/chip/CdrChipGroup.vue";

package/dist/lib/src/components/chip/CdrChipGroup.vue_vue_type_script_lang.mjs

@@ -0,0 +1,85 @@
+import { defineComponent, ref, computed, onMounted, useCssModule } from 'vue';
+
+var script = defineComponent({
+  name: 'CdrChipGroup',
+  props: {
+    label: {
+      type: String,
+      required: true,
+    },
+    hideLabel: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  setup(props) {
+    const baseClass = 'cdr-chip-group';
+
+    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,
+    };
+  },
+});
+
+export { script as default };

package/dist/lib/src/components/chip/CdrChipGroup.vue_vue_type_template_id_fe1549f6_lang.mjs

@@ -0,0 +1,25 @@
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+
+function 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 */))
+}
+
+export { render };

package/dist/lib/src/components/chip/styles/CdrChip.module.scss_vue_type_style_index_0_src_id_7f59884a_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-chip":"cdr-chip_13-0-0-alpha-3","cdr-chip__icon-left":"cdr-chip__icon-left_13-0-0-alpha-3","cdr-chip__icon-right":"cdr-chip__icon-right_13-0-0-alpha-3","cdr-chip__content":"cdr-chip__content_13-0-0-alpha-3"};
+
+export { style0 as default };

package/dist/lib/src/components/chip/styles/CdrChipGroup.module.scss_vue_type_style_index_0_src_id_fe1549f6_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-chip-group":"cdr-chip-group_13-0-0-alpha-3","cdr-chip-group__content":"cdr-chip-group__content_13-0-0-alpha-3","cdr-chip-group__legend--hidden":"cdr-chip-group__legend--hidden_13-0-0-alpha-3","cdr-chip-group__legend":"cdr-chip-group__legend_13-0-0-alpha-3"};
+
+export { style0 as default };

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

@@ -1,49 +1,10 @@
-import clsx from 'clsx';
-import modules_1ac685e9 from './styles/CdrContainer.mjs';
-import modifier from '../../mixins/modifier.mjs';
-import validateProp from '../../utils/propValidator.mjs';
+import script from './CdrContainer.vue_vue_type_script_lang.mjs';
+export { default } from './CdrContainer.vue_vue_type_script_lang.mjs';
+import { render } from './CdrContainer.vue_vue_type_template_id_82971d64_lang.mjs';
+import style0 from './styles/CdrContainer.module.scss_vue_type_style_index_0_src_id_82971d64_module_true_lang.css.mjs';
 
-var CdrContainer = {
-  name: 'CdrContainer',
-  mixins: [modifier],
-  props: {
-    /** Any valid HTML tag */
-    tag: {
-      type: String,
-      default: 'div'
-    },
-    modifier: {
-      type: String,
-      default: 'static',
-      validator: value => validateProp(value, ['static', 'fluid'], false)
-    }
-  },
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
 
-  data() {
-    return {
-      style: modules_1ac685e9
-    };
-  },
-
-  computed: {
-    baseClass() {
-      return 'cdr-container';
-    },
-
-    modifierClass() {
-      return this.buildClass('modifier');
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    const Component = this.tag;
-    return h(Component, {
-      "class": clsx(this.style[this.baseClass], this.modifierClass)
-    }, [this.$slots.default]);
-  }
-
-};
-
-export default CdrContainer;
+script.render = render;
+script.__file = "src/components/container/CdrContainer.vue";

package/dist/lib/src/components/container/CdrContainer.vue_vue_type_script_lang.mjs

@@ -0,0 +1,36 @@
+import { defineComponent, computed, useCssModule } from 'vue';
+import validateProp from '../../utils/propValidator.mjs';
+import { buildClass } from '../../utils/buildClass.mjs';
+import mapClasses from '../../utils/mapClasses.mjs';
+
+var script = 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,
+    };
+  },
+});
+
+export { script as default };

package/dist/lib/src/components/container/CdrContainer.vue_vue_type_template_id_82971d64_lang.mjs

@@ -0,0 +1,14 @@
+import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
+
+function 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"]))
+}
+
+export { render };

package/dist/lib/src/components/container/styles/CdrContainer.module.scss_vue_type_style_index_0_src_id_82971d64_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-container":"cdr-container_13-0-0-alpha-3","cdr-container--static":"cdr-container--static_13-0-0-alpha-3"};
+
+export { style0 as default };

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

@@ -1,39 +1,10 @@
-import modules_a5957b93 from './styles/CdrFormError.mjs';
-import IconErrorStroke from '../icon/comps/error-stroke.mjs';
+import script from './CdrFormError.vue_vue_type_script_lang.mjs';
+export { default } from './CdrFormError.vue_vue_type_script_lang.mjs';
+import { render } from './CdrFormError.vue_vue_type_template_id_57e71ba4_lang.mjs';
+import style0 from './styles/CdrFormError.module.scss_vue_type_style_index_0_src_id_57e71ba4_module_true_lang.css.mjs';
 
-var CdrFormError = {
-  name: 'CdrFormError',
-  components: {
-    IconErrorStroke
-  },
-  props: {
-    error: [Boolean, String]
-  },
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
 
-  data() {
-    return {
-      style: modules_a5957b93
-    };
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("div", {
-      "class": this.style['cdr-form-error'],
-      "attrs": {
-        "role": "status",
-        "tabindex": "0"
-      }
-    }, [h("span", {
-      "class": this.style['cdr-form-error__icon']
-    }, [h("icon-error-stroke", {
-      "attrs": {
-        "size": "small",
-        "inherit-color": true
-      }
-    })]), this.$slots.error || this.error]);
-  }
-
-};
-
-export default CdrFormError;
+script.render = render;
+script.__file = "src/components/formError/CdrFormError.vue";

package/dist/lib/src/components/formError/CdrFormError.vue_vue_type_script_lang.mjs

@@ -0,0 +1,20 @@
+import { defineComponent, useCssModule } from 'vue';
+
+var script = defineComponent({
+  name: 'CdrFormError',
+  props: {
+    error: [Boolean, String],
+  },
+  setup() {
+    const baseClass = 'cdr-form-error';
+    const iconClass = 'cdr-form-error__icon';
+
+    return {
+      style: useCssModule(),
+      baseClass,
+      iconClass,
+    };
+  },
+});
+
+export { script as default };

package/dist/lib/src/components/formError/CdrFormError.vue_vue_type_template_id_57e71ba4_lang.mjs

@@ -0,0 +1,21 @@
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+
+const _hoisted_1 = /*#__PURE__*/createTextVNode();
+
+function 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 */))
+}
+
+export { render };

package/dist/lib/src/components/formError/styles/CdrFormError.module.scss_vue_type_style_index_0_src_id_57e71ba4_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-form-error":"cdr-form-error_13-0-0-alpha-3","cdr-form-error__icon":"cdr-form-error__icon_13-0-0-alpha-3"};
+
+export { style0 as default };

package/dist/lib/src/components/formGroup/CdrFormGroup.mjs

@@ -1,95 +1,10 @@
-import clsx from 'clsx';
-import modules_24a827f8 from './styles/CdrFormGroup.mjs';
-import IconErrorStroke from '../icon/comps/error-stroke.mjs';
-import CdrFormError from '../formError/CdrFormError.mjs';
+import script from './CdrFormGroup.vue_vue_type_script_lang.mjs';
+export { default } from './CdrFormGroup.vue_vue_type_script_lang.mjs';
+import { render } from './CdrFormGroup.vue_vue_type_template_id_0703fb8e_lang.mjs';
+import style0 from './styles/CdrFormGroup.module.scss_vue_type_style_index_0_src_id_0703fb8e_module_true_lang.css.mjs';
 
-var CdrFormGroup = {
-  name: 'CdrFormGroup',
-  components: {
-    IconErrorStroke,
-    CdrFormError
-  },
-  props: {
-    id: String,
-    label: {
-      type: String,
-      default: '',
-      required: false
-    },
-    // Set error styling
-    error: {
-      type: [Boolean, String],
-      default: false
-    },
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
 
-    /**
-    * Override the error message role, default is `status`.
-    */
-    errorRole: {
-      type: String,
-      required: false,
-      default: 'status'
-    },
-    required: Boolean,
-    optional: Boolean,
-    disabled: Boolean
-  },
-
-  data() {
-    return {
-      style: modules_24a827f8
-    };
-  },
-
-  computed: {
-    baseClass() {
-      return 'cdr-form-group';
-    },
-
-    errorClass() {
-      return this.error ? this.style['cdr-form-group--error'] : '';
-    },
-
-    disabledClass() {
-      return this.disabled ? this.style['cdr-form-group--disabled'] : '';
-    },
-
-    groupId() {
-      return this.id ? this.id : this._uid; // eslint-disable-line no-underscore-dangle
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    const requiredEl = this.required ? h("span", {
-      "attrs": {
-        "aria-label": "required"
-      }
-    }, ["*"]) : '';
-    const optionalEl = this.optional ? h("span", {
-      "class": this.style['cdr-form-group__optional']
-    }, ["(optional)"]) : '';
-    return h("fieldset", {
-      "class": clsx(this.style[this.baseClass], this.disabledClass),
-      "attrs": {
-        "disabled": this.disabled,
-        "aria-invalid": !!this.error,
-        "aria-errormessage": !!this.error && "".concat(this.groupId, "-error")
-      }
-    }, [h("legend", [this.$slots.label || this.label, requiredEl || optionalEl ? ' ' : '', requiredEl || optionalEl]), h("div", {
-      "class": clsx(this.style['cdr-form-group__wrapper'], this.errorClass)
-    }, [this.$slots.default]), this.error && h("cdr-form-error", {
-      "attrs": {
-        "role": this.errorRole,
-        "error": this.error,
-        "id": "".concat(this.groupId, "-error")
-      }
-    }, [h("template", {
-      "slot": "error"
-    }, [this.$slots.error])])]);
-  }
-
-};
-
-export default CdrFormGroup;
+script.render = render;
+script.__file = "src/components/formGroup/CdrFormGroup.vue";

package/dist/lib/src/components/formGroup/CdrFormGroup.vue_vue_type_script_lang.mjs

@@ -0,0 +1,49 @@
+import { defineComponent, computed, useCssModule } from 'vue';
+import mapClasses from '../../utils/mapClasses.mjs';
+import '../formError/CdrFormError.mjs';
+import script$1 from '../formError/CdrFormError.vue_vue_type_script_lang.mjs';
+
+var script = defineComponent({
+  name: 'CdrFormGroup',
+  components: {
+    CdrFormError: script$1,
+  },
+  props: {
+    id: {
+      type: String,
+      required: true,
+    },
+    label: {
+      type: String,
+      default: '',
+      required: false,
+    },
+    // Set error styling
+    error: {
+      type: [Boolean, String],
+      default: false,
+    },
+    required: Boolean,
+    optional: Boolean,
+    disabled: Boolean,
+  },
+  setup(props, ctx) {
+    const baseClass = 'cdr-form-group';
+    const errorClass = computed(() => props.error && 'cdr-form-group--error');
+    const disabledClass = computed(() => props.disabled && 'cdr-form-group--disabled');
+
+    // const groupId = computed(() => props.id)
+    // groupId() {
+    //    return this.id ? this.id : this._uid; // eslint-disable-line no-underscore-dangle
+    //  },
+    return {
+      style: useCssModule(),
+      mapClasses,
+      baseClass,
+      errorClass,
+      disabledClass,
+    };
+  },
+});
+
+export { script as default };