@rei/cedar 11.0.1 → 13.0.0-alpha.3

package/dist/lib/src/components/radio/CdrRadio.mjs

@@ -1,141 +1,10 @@
-import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import 'core-js/modules/es.symbol.description.js';
-import clsx from 'clsx';
-import modifier from '../../mixins/modifier.mjs';
-import size from '../../mixins/size.mjs';
-import validateProp from '../../utils/propValidator.mjs';
-import modules_f3ed737b from './styles/CdrRadio.mjs';
-import CdrLabelWrapper from '../labelWrapper/CdrLabelWrapper.mjs';
+import script from './CdrRadio.vue_vue_type_script_lang.mjs';
+export { default } from './CdrRadio.vue_vue_type_script_lang.mjs';
+import { render } from './CdrRadio.vue_vue_type_template_id_0a348de4_lang.mjs';
+import style0 from './styles/CdrRadio.module.scss_vue_type_style_index_0_src_id_0a348de4_module_true_lang.css.mjs';
 
-var CdrRadio = {
-  name: 'CdrRadio',
-  components: {
-    CdrLabelWrapper
-  },
-  mixins: [modifier, size],
-  inheritAttrs: false,
-  props: {
-    /**
-     * Class that is added to the label for custom styles
-     */
-    labelClass: String,
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
 
-    /**
-     * 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,
-
-    /**
-     * Sets the name of the radio. Required.
-    */
-    name: {
-      type: String,
-      required: true
-    },
-    // Set which background type the input renders on
-    background: {
-      type: [String],
-      default: 'primary',
-      validator: value => validateProp(value, ['primary', 'secondary'])
-    },
-
-    /**
-     * Sets the value of the radio. Required.
-    */
-    customValue: {
-      type: [String, Number, Boolean, Object, Array, Symbol, Function]
-    },
-
-    /** @ignore v-model binding */
-    value: {
-      type: [String, Number, Boolean, Object, Array, Symbol, Function]
-    }
-  },
-
-  data() {
-    return {
-      newValue: this.value,
-      style: modules_f3ed737b
-    };
-  },
-
-  computed: {
-    baseClass() {
-      return 'cdr-radio';
-    }
-
-  },
-  watch: {
-    value(val) {
-      this.newValue = val;
-    },
-
-    newValue(val) {
-      /**
-       * `v-model` value. Fires on check/uncheck.
-       * @event input
-       * @type value | event
-       * */
-      this.$emit('input', val);
-    }
-
-  },
-  methods: {
-    updateValue(newValue, e) {
-      /**
-       * Selected radio value. Fires on section.
-       * @event change
-       * @type boolean|array
-       */
-      this.$emit('change', newValue, e);
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("cdr-label-wrapper", {
-      "class": this.style['cdr-radio'],
-      "ref": "label",
-      "attrs": {
-        "size": this.size,
-        "modifier": this.modifier,
-        "labelClass": this.labelClass,
-        "contentClass": this.contentClass,
-        "background": this.background,
-        "disabled": this.$attrs.disabled
-      }
-    }, [h("input", _mergeJSXProps([{
-      "on": {
-        "change": [$event => {
-          this.newValue = this.customValue;
-        }, e => this.updateValue(this.newValue, e)]
-      },
-      "class": clsx(this.style['cdr-radio__input'], this.inputClass),
-      "attrs": {
-        "type": "radio",
-        ...this.$attrs,
-        "name": this.name
-      },
-      "ref": "radio",
-      "slot": "input",
-      "domProps": {
-        "checked": this._q(this.newValue, this.customValue)
-      }
-    }, {
-      directives: [{
-        name: "model",
-        value: this.newValue,
-        modifiers: {}
-      }]
-    }])), this.$slots.default]);
-  }
-
-};
-
-export default CdrRadio;
+script.render = render;
+script.__file = "src/components/radio/CdrRadio.vue";

package/dist/lib/src/components/radio/CdrRadio.vue_vue_type_script_lang.mjs

@@ -0,0 +1,77 @@
+import { defineComponent, ref, watch, useCssModule } from 'vue';
+import validateProp from '../../utils/propValidator.mjs';
+import '../labelWrapper/CdrLabelWrapper.mjs';
+import sizeProps from '../../props/size.mjs';
+import backgroundProps from '../../props/background.mjs';
+import script$1 from '../labelWrapper/CdrLabelWrapper.vue_vue_type_script_lang.mjs';
+
+var script = defineComponent({
+  name: 'CdrRadio',
+  components: {
+    CdrLabelWrapper: script$1,
+  },
+  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,
+    /**
+     * Sets the name of the radio. Required.
+    */
+    name: {
+      type: String,
+      required: true,
+    },
+
+    modifier: {
+      type: String,
+      default: '',
+      validator: (value) => validateProp(value, ['', 'hide-figure']),
+    },
+
+    size: sizeProps,
+
+    // Set which background type the input renders on
+    background: backgroundProps,
+
+    /**
+     * Sets the value of the radio. Required.
+    */
+    customValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+    },
+
+    /** @ignore v-model binding */
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+    },
+  },
+
+  setup(props) {
+    const baseClass = 'cdr-radio';
+
+
+    const newValue = ref(props.modelValue);
+
+    watch(() => props.value, (val) => {
+      newValue.value = val;
+    });
+
+    return {
+      style: useCssModule(),
+      baseClass,
+      newValue,
+    };
+  },
+});
+
+export { script as default };

package/dist/lib/src/components/radio/CdrRadio.vue_vue_type_template_id_0a348de4_lang.mjs

@@ -0,0 +1,35 @@
+import { resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, mergeProps, renderSlot } from 'vue';
+
+const _hoisted_1 = ["name", "checked", "value"];
+
+function 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-radio__input'], _ctx.inputClass],
+        type: "radio",
+        name: _ctx.name,
+        checked: _ctx.newValue == _ctx.customValue,
+        value: _ctx.customValue
+      }, _ctx.$attrs, {
+        onChange: _cache[0] || (_cache[0] = $event => (_ctx.$emit('update:modelValue', $event.target.checked && _ctx.customValue, $event)))
+      }), 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"]))
+}
+
+export { render };

package/dist/lib/src/components/radio/styles/CdrRadio.module.scss_vue_type_style_index_0_src_id_0a348de4_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-radio":"cdr-radio_13-0-0-alpha-3","cdr-label-wrapper__figure":"cdr-label-wrapper__figure_13-0-0-alpha-3","cdr-radio__input":"cdr-radio__input_13-0-0-alpha-3"};
+
+export { style0 as default };

package/dist/lib/src/components/rating/CdrRating.mjs

@@ -1,179 +1,10 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import clsx from 'clsx';
-import size from '../../mixins/size.mjs';
-import modules_73dd06e5 from './styles/CdrRating.mjs';
+import script from './CdrRating.vue_vue_type_script_lang.mjs';
+export { default } from './CdrRating.vue_vue_type_script_lang.mjs';
+import { render } from './CdrRating.vue_vue_type_template_id_4cfe512c_lang.mjs';
+import style0 from './styles/CdrRating.module.scss_vue_type_style_index_0_src_id_4cfe512c_module_true_lang.css.mjs';
 
-var CdrRating = {
-  name: 'CdrRating',
-  mixins: [size],
-  props: {
-    /**
-     * Rating value (out of 5)
-     */
-    rating: {
-      required: true,
-      type: [String, Number],
-      default: 0
-    },
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
 
-    /**
-     * Total number of ratings
-     */
-    count: {
-      required: false,
-      type: [String, Number],
-      default: null
-    },
-
-    /**
-     * Hides the word 'reviews' if true
-     */
-    compact: {
-      type: Boolean,
-      default: false
-    },
-
-    /**
-     * Allows the ratings to act as a link
-     */
-    href: {
-      type: String
-    }
-  },
-
-  data() {
-    return {
-      style: modules_73dd06e5
-    };
-  },
-
-  computed: {
-    baseClass() {
-      return 'cdr-rating';
-    },
-
-    displayRating() {
-      return (Math.round(this.rating * 10) / 10).toFixed(1);
-    },
-
-    rounded() {
-      return Math.round(this.rating * 4) / 4;
-    },
-
-    whole() {
-      return Math.floor(this.rounded);
-    },
-
-    remainder() {
-      return this.rounded.toFixed(2).split('.')[1];
-    },
-
-    empties() {
-      return 5 - this.whole - (this.remainder > 0 ? 1 : 0);
-    },
-
-    formattedCount() {
-      return this.compact ? "(".concat(this.count, ")") : "".concat(this.count);
-    },
-
-    remainderEl() {
-      const h = this.$createElement;
-      let remainder;
-
-      if (this.remainder === '25') {
-        remainder = h("span", {
-          "class": clsx(this.style['cdr-rating__icon'], this.style['cdr-rating__25']),
-          "attrs": {
-            "aria-hidden": "true"
-          }
-        });
-      } else if (this.remainder === '50') {
-        remainder = h("span", {
-          "class": clsx(this.style['cdr-rating__icon'], this.style['cdr-rating__50']),
-          "attrs": {
-            "aria-hidden": "true"
-          }
-        });
-      } else if (this.remainder === '75') {
-        remainder = h("span", {
-          "class": clsx(this.style['cdr-rating__icon'], this.style['cdr-rating__75']),
-          "attrs": {
-            "aria-hidden": "true"
-          }
-        });
-      }
-
-      return remainder;
-    },
-
-    srText() {
-      // linked
-      if (this.href) {
-        // no reviews
-        if (this.count === 0 || this.count === '0') {
-          return 'No reviews yet; be the first!';
-        } // no count
-
-
-        if (this.count === null) {
-          return "View the reviews with an average rating of ".concat(this.displayRating, " out of 5 stars");
-        } // default
-
-
-        return "View the ".concat(this.count, " reviews with an average rating of ").concat(this.displayRating, " out of 5 stars"); // eslint-disable-line max-len
-      } // non-linked
-      // no reviews
-
-
-      if (this.count === 0 || this.count === '0') {
-        return '0 reviews';
-      } // no count
-
-
-      if (this.count === null) {
-        return "Rated ".concat(this.displayRating, " out of 5 stars");
-      } // default
-
-
-      return "".concat(this.count, " reviews with an average rating of ").concat(this.displayRating, " out of 5 stars");
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    const Component = this.href ? 'a' : 'div';
-    return h(Component, {
-      "attrs": {
-        "href": this.href
-      },
-      "class": clsx(this.style[this.baseClass], this.sizeClass, this.href ? this.style['cdr-rating--linked'] : '')
-    }, [h("div", {
-      "class": this.style['cdr-rating__ratings']
-    }, [[...Array(this.whole).keys()].map(n => h("span", {
-      "class": clsx(this.style['cdr-rating__icon'], this.style['cdr-rating__100']),
-      "key": "rating-whole-".concat(n, "-").concat(this._uid),
-      "attrs": {
-        "aria-hidden": "true"
-      }
-    })), this.remainderEl, [...Array(this.empties).keys()].map(n => h("span", {
-      "class": clsx(this.style['cdr-rating__icon'], this.rounded > 0 || this.count > 0 ? this.style['cdr-rating__placeholder'] : this.style['cdr-rating__placeholder--no-reviews']),
-      "key": "rating-empty-".concat(n, "-").concat(this._uid),
-      "attrs": {
-        "aria-hidden": "true"
-      }
-    }))]), this.count !== null ? h("span", {
-      "attrs": {
-        "aria-hidden": "true"
-      },
-      "class": this.style['cdr-rating__count']
-    }, [this.href && h("span", {
-      "class": this.style['cdr-rating__number']
-    }, [this.displayRating]), h("span", [this.formattedCount]), !this.compact && h("span", ["\xA0Reviews"])]) : '', h("span", {
-      "class": this.style['cdr-rating__caption-sr']
-    }, [this.srText])]);
-  }
-
-};
-
-export default CdrRating;
+script.render = render;
+script.__file = "src/components/rating/CdrRating.vue";

package/dist/lib/src/components/rating/CdrRating.vue_vue_type_script_lang.mjs

@@ -0,0 +1,116 @@
+import { defineComponent, computed, useCssModule } from 'vue';
+import { buildClass } from '../../utils/buildClass.mjs';
+import validateProp from '../../utils/propValidator.mjs';
+import mapClasses from '../../utils/mapClasses.mjs';
+
+var script = defineComponent({
+  name: 'CdrRating',
+  props: {
+    /**
+     * Rating value (out of 5)
+     */
+    rating: {
+      required: true,
+      type: [String, Number],
+      default: 0,
+    },
+    /**
+     * Total number of ratings
+     */
+    count: {
+      required: false,
+      type: [String, Number],
+      default: null,
+    },
+    /**
+     * Hides the word 'reviews' if true
+     */
+    compact: {
+      type: Boolean,
+      default: false,
+    },
+    /**
+     * Allows the ratings to act as a link
+     */
+    href: {
+      type: String,
+    },
+    size: {
+      type: String,
+      default: 'medium',
+      validator: (value) => validateProp(
+        value,
+        ['small', 'medium', 'large'],
+      ),
+    },
+  },
+  setup(props) {
+    const baseClass = 'cdr-rating';
+    const sizeClass = computed(() => props.size && buildClass(baseClass, props.size));
+    const linkedClass = computed(() => props.href && buildClass(baseClass, 'linked'));
+    const emptyClass = computed(() => ((props.rounded > 0 || props.count > 0)
+      ? 'cdr-rating__placeholder'
+      : 'cdr-rating__placeholder--no-reviews'));
+    const tag = computed(() => (props.href ? 'a' : 'div'));
+
+    const displayRating = computed(() => (Math.round(props.rating * 10) / 10).toFixed(1));
+
+    const rounded = computed(() => Math.round(props.rating * 4) / 4);
+
+    const whole = computed(() => Math.floor(rounded.value));
+
+    const remainder = computed(() => rounded.value.toFixed(2).split('.')[1]);
+
+    const empties = computed(() => 5 - whole.value - (remainder.value > 0 ? 1 : 0));
+
+    const formattedCount = computed(() => (props.compact ? `(${props.count})` : `${props.count}`));
+
+    const srText = computed(() => {
+      // linked
+      if (props.href) {
+        // no reviews
+        if (props.count === 0 || props.count === '0') {
+          return 'No reviews yet; be the first!';
+        }
+        // no count
+        if (props.count === null) {
+          return `View the reviews with an average rating of ${displayRating.value} out of 5 stars`;
+        }
+        // default
+        return `View the ${props.count} reviews with an average rating of ${displayRating.value} out of 5 stars`; // eslint-disable-line max-len
+      }
+
+      // non-linked
+      // no reviews
+      if (props.count === 0 || props.count === '0') {
+        return '0 reviews';
+      }
+      // no count
+      if (props.count === null) {
+        return `Rated ${displayRating.value} out of 5 stars`;
+      }
+      // default
+      // eslint-disable-next-line
+      return `${props.count} reviews with an average rating of ${displayRating.value} out of 5 stars`;
+    });
+
+    return {
+      style: useCssModule(),
+      tag,
+      baseClass,
+      sizeClass,
+      linkedClass,
+      emptyClass,
+      displayRating,
+      rounded,
+      whole,
+      remainder,
+      empties,
+      formattedCount,
+      srText,
+      mapClasses,
+    };
+  },
+});
+
+export { script as default };

package/dist/lib/src/components/rating/CdrRating.vue_vue_type_template_id_4cfe512c_lang.mjs

@@ -0,0 +1,69 @@
+import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString } from 'vue';
+
+const _hoisted_1 = { key: 1 };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+    href: _ctx.href,
+    class: normalizeClass(_ctx.mapClasses(_ctx.style,
+                       _ctx.baseClass,
+                       _ctx.sizeClass,
+                       _ctx.linkedClass,
+    ))
+  }, {
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass(_ctx.style['cdr-rating__ratings'])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(Array(_ctx.whole).keys(), (star) => {
+          return (openBlock(), createElementBlock("span", {
+            class: normalizeClass(_ctx.mapClasses(_ctx.style, 'cdr-rating__icon', 'cdr-rating__100')),
+            key: `rating-whole-${star}`,
+            "aria-hidden": "true"
+          }, null, 2 /* CLASS */))
+        }), 128 /* KEYED_FRAGMENT */)),
+        (_ctx.remainder)
+          ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass(_ctx.mapClasses(_ctx.style, 'cdr-rating__icon', `cdr-rating__${_ctx.remainder}`)),
+              "aria-hidden": "true"
+            }, null, 2 /* CLASS */))
+          : createCommentVNode("v-if", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(Array(_ctx.empties).keys(), (empty) => {
+          return (openBlock(), createElementBlock("span", {
+            class: normalizeClass(_ctx.mapClasses(_ctx.style,
+                           'cdr-rating__icon',
+                           _ctx.emptyClass,
+        )),
+            key: `rating-empty-${empty}`,
+            "aria-hidden": "true"
+          }, null, 2 /* CLASS */))
+        }), 128 /* KEYED_FRAGMENT */))
+      ], 2 /* CLASS */),
+      (_ctx.count !== null)
+        ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            "aria-hidden": "true",
+            class: normalizeClass(_ctx.style['cdr-rating__count'])
+          }, [
+            (_ctx.href)
+              ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: normalizeClass(_ctx.style['cdr-rating__number'])
+                }, toDisplayString(_ctx.displayRating), 3 /* TEXT, CLASS */))
+              : createCommentVNode("v-if", true),
+            createElementVNode("span", null, toDisplayString(_ctx.formattedCount), 1 /* TEXT */),
+            (!_ctx.compact)
+              ? (openBlock(), createElementBlock("span", _hoisted_1, "  Reviews "))
+              : createCommentVNode("v-if", true)
+          ], 2 /* CLASS */))
+        : createCommentVNode("v-if", true),
+      createElementVNode("span", {
+        class: normalizeClass(_ctx.style['cdr-rating__caption-sr'])
+      }, toDisplayString(_ctx.srText), 3 /* TEXT, CLASS */)
+    ]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["href", "class"]))
+}
+
+export { render };

package/dist/lib/src/components/rating/styles/CdrRating.module.scss_vue_type_style_index_0_src_id_4cfe512c_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-rating__icon":"cdr-rating__icon_13-0-0-alpha-3","cdr-rating__count":"cdr-rating__count_13-0-0-alpha-3","cdr-rating":"cdr-rating_13-0-0-alpha-3","cdr-rating__number":"cdr-rating__number_13-0-0-alpha-3","cdr-rating__ratings":"cdr-rating__ratings_13-0-0-alpha-3","cdr-rating__caption-sr":"cdr-rating__caption-sr_13-0-0-alpha-3","cdr-rating__placeholder":"cdr-rating__placeholder_13-0-0-alpha-3","cdr-rating__placeholder--no-reviews":"cdr-rating__placeholder--no-reviews_13-0-0-alpha-3","cdr-rating__100":"cdr-rating__100_13-0-0-alpha-3","cdr-rating__75":"cdr-rating__75_13-0-0-alpha-3","cdr-rating__50":"cdr-rating__50_13-0-0-alpha-3","cdr-rating__25":"cdr-rating__25_13-0-0-alpha-3","cdr-rating--linked":"cdr-rating--linked_13-0-0-alpha-3","cdr-rating--large":"cdr-rating--large_13-0-0-alpha-3","cdr-rating--medium":"cdr-rating--medium_13-0-0-alpha-3","cdr-rating--small":"cdr-rating--small_13-0-0-alpha-3","cdr-rating--small@xs":"cdr-rating--small@xs_13-0-0-alpha-3","cdr-rating--medium@xs":"cdr-rating--medium@xs_13-0-0-alpha-3","cdr-rating--large@xs":"cdr-rating--large@xs_13-0-0-alpha-3","cdr-rating--small@sm":"cdr-rating--small@sm_13-0-0-alpha-3","cdr-rating--medium@sm":"cdr-rating--medium@sm_13-0-0-alpha-3","cdr-rating--large@sm":"cdr-rating--large@sm_13-0-0-alpha-3","cdr-rating--small@md":"cdr-rating--small@md_13-0-0-alpha-3","cdr-rating--medium@md":"cdr-rating--medium@md_13-0-0-alpha-3","cdr-rating--large@md":"cdr-rating--large@md_13-0-0-alpha-3","cdr-rating--small@lg":"cdr-rating--small@lg_13-0-0-alpha-3","cdr-rating--medium@lg":"cdr-rating--medium@lg_13-0-0-alpha-3","cdr-rating--large@lg":"cdr-rating--large@lg_13-0-0-alpha-3"};
+
+export { style0 as default };