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

package/dist/lib/src/components/popover/CdrPopover.vue_vue&type=template&id=764fda0e&lang.js

@@ -1,76 +0,0 @@
-import { resolveComponent, openBlock, createBlock, createVNode, renderSlot, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-
-var _hoisted_1 = {
-  ref: "triggerEl"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_icon_x_sm = resolveComponent("icon-x-sm");
-
-  var _component_cdr_button = resolveComponent("cdr-button");
-
-  var _component_cdr_popup = resolveComponent("cdr-popup");
-
-  return openBlock(), createBlock("div", {
-    class: _ctx.mapClasses(_ctx.style, 'cdr-popover--wrapper', _ctx.hasTrigger && 'cdr-popover--position')
-  }, [createVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "trigger")], 512
-  /* NEED_PATCH */
-  ), createVNode(_component_cdr_popup, {
-    role: "dialog",
-    ref: "popupEl",
-    onClosed: _ctx.closePopover,
-    position: _ctx.position,
-    "auto-position": _ctx.autoPosition,
-    opened: _ctx.isOpen,
-    "aria-expanded": "".concat(_ctx.isOpen),
-    id: _ctx.id,
-    "content-class": _ctx.contentClass
-  }, {
-    default: withCtx(function () {
-      return [createVNode("div", {
-        class: _ctx.style['cdr-popover__container']
-      }, [createVNode("div", {
-        class: _ctx.style['cdr-popover__content']
-      }, [_ctx.hasTitle ? (openBlock(), createBlock("div", {
-        key: 0,
-        class: _ctx.style['cdr-popover__title']
-      }, [renderSlot(_ctx.$slots, "title", {}, function () {
-        return [createTextVNode(toDisplayString(_ctx.label), 1
-        /* TEXT */
-        )];
-      })], 2
-      /* CLASS */
-      )) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 2
-      /* CLASS */
-      ), createVNode(_component_cdr_button, {
-        class: _ctx.style['cdr-popover__close-button'],
-        "icon-only": "",
-        onClick: _ctx.closePopover,
-        "aria-label": "Close",
-        size: "small"
-      }, {
-        default: withCtx(function () {
-          return [createVNode(_component_icon_x_sm, {
-            slot: "icon",
-            "inherit-color": ""
-          })];
-        }),
-        _: 1
-        /* STABLE */
-
-      }, 8
-      /* PROPS */
-      , ["class", "onClick"])], 2
-      /* CLASS */
-      )];
-    }),
-    _: 3
-    /* FORWARDED */
-
-  }, 8
-  /* PROPS */
-  , ["onClosed", "position", "auto-position", "opened", "aria-expanded", "id", "content-class"])], 2
-  /* CLASS */
-  );
-}
-
-export { render };

package/dist/lib/src/components/popover/styles/CdrPopover.module.scss_vue&type=style&index=0&src&id=764fda0e&module=true&lang.css.js

@@ -1,11 +0,0 @@
-var style0 = {
-  "cdr-popover--position": "cdr-popover--position_13-0-0-alpha-0",
-  "cdr-popover--wrapper": "cdr-popover--wrapper_13-0-0-alpha-0",
-  "cdr-popup--closed": "cdr-popup--closed_13-0-0-alpha-0",
-  "cdr-popover__title": "cdr-popover__title_13-0-0-alpha-0",
-  "cdr-popover__container": "cdr-popover__container_13-0-0-alpha-0",
-  "cdr-popover__content": "cdr-popover__content_13-0-0-alpha-0",
-  "cdr-popover__close-button": "cdr-popover__close-button_13-0-0-alpha-0"
-};
-
-export default style0;

package/dist/lib/src/components/popup/CdrPopup.vue_vue&type=script&lang.js

@@ -1,176 +0,0 @@
-import { defineComponent, ref, computed, watch, onMounted, onUnmounted, useCssModule, nextTick } from 'vue';
-import debounce from 'lodash/debounce';
-import validateProp from '../../utils/propValidator.js';
-import calculatePlacement from './calculatePlacement.js';
-import mapClasses from '../../utils/mapClasses.js';
-
-var script = defineComponent({
-  name: 'CdrPopup',
-  inheritAttrs: false,
-  props: {
-    opened: {
-      type: Boolean,
-      default: false
-    },
-    position: {
-      type: String,
-      required: false,
-      default: 'top',
-      validator: function validator(value) {
-        return validateProp(value, ['top', 'bottom', 'left', 'right']);
-      }
-    },
-    autoPosition: {
-      type: Boolean,
-      default: true
-    },
-    contentClass: {
-      type: String
-    }
-  },
-
-  setup(props, ctx) {
-    var baseClass = 'cdr-popup'; // const keyHandler = ref(undefined);
-    // const clickHandler = ref(undefined);
-    // const resizeHandler = ref(undefined); // NOT NEEDED?
-
-    var pos = ref(props.position);
-    var corner = ref(undefined);
-    var exiting = ref(false);
-    var popupRect = ref(undefined); // DOES this have to be a ref?
-
-    var closed = ref(!props.opened);
-    var popupEl = ref(null);
-    var rootEl = ref(null);
-    var positionClass = computed(function () {
-      return props.opened || exiting.value ? "cdr-popup--".concat(pos.value) : undefined;
-    });
-    var cornerClass = computed(function () {
-      return corner.value ? "cdr-popup--corner-".concat(corner.value) : undefined;
-    });
-    var openClass = computed(function () {
-      return props.opened ? 'cdr-popup--open' : undefined;
-    });
-    var closedClass = computed(function () {
-      return closed.value && !exiting.value ? 'cdr-popup--closed' : undefined;
-    });
-    var exitingClass = computed(function () {
-      return exiting.value ? 'cdr-popup--exit' : undefined;
-    });
-
-    var closePopup = function closePopup(e) {
-      ctx.emit('closed', e);
-    };
-
-    var handleKeydown = function handleKeydown(e) {
-      switch (e.key) {
-        case 'Escape':
-        case 'Esc':
-          closePopup(e);
-          break;
-      }
-    };
-
-    var handleClick = function handleClick(e) {
-      nextTick(function () {
-        if (e.target !== popupEl.value && !popupEl.value.contains(e.target)) {
-          closePopup(e);
-        }
-      });
-    };
-
-    var handleResize = function handleResize() {
-      debounce(function () {
-        measurePopup();
-      }, 300);
-    };
-
-    var addHandlers = function addHandlers() {
-      document.addEventListener('keydown', handleKeydown);
-      document.addEventListener('click', handleClick);
-    };
-
-    var measurePopup = function measurePopup() {
-      closed.value = false;
-      nextTick(function () {
-        popupRect.value = popupEl.value.getBoundingClientRect();
-        closed.value = true;
-      });
-    };
-
-    var handleOpened = function handleOpened() {
-      closed.value = false;
-      pos.value = props.position;
-      corner.value = undefined;
-
-      if (props.autoPosition) {
-        nextTick(function () {
-          // TODO: how to get $el?????
-          var triggerRect = rootEl.value.parentElement.getBoundingClientRect();
-          var _window = window,
-              innerHeight = _window.innerHeight,
-              innerWidth = _window.innerWidth;
-          calculatePlacement(triggerRect, popupRect.value, innerWidth, innerHeight, props.position);
-        });
-      }
-
-      setTimeout(function () {
-        addHandlers();
-      }, 1);
-    };
-
-    var handleClosed = function handleClosed() {
-      closed.value = true;
-      document.removeEventListener('keydown', handleKeydown);
-      document.removeEventListener('click', handleClick);
-      exiting.value = true;
-      setTimeout(function () {
-        exiting.value = false;
-      }, 200); // $cdr-duration-2;
-    };
-
-    watch(function () {
-      return props.position;
-    }, function () {
-      return pos.value = props.position;
-    });
-    watch(function () {
-      return props.opened;
-    }, function () {
-      // if (!!newValue === !!oldValue) return;
-      // TODO: watch doesnt run unless it changes???? might need to use `watch`
-      if (props.opened) {
-        handleOpened();
-      } else {
-        handleClosed();
-      }
-    });
-    onMounted(function () {
-      measurePopup(); // resizeHandler = handleResize.bind(this); TODO: bind this?
-
-      window.addEventListener('resize', handleResize);
-    });
-    onUnmounted(function () {
-      document.removeEventListener('keydown', handleKeydown);
-      document.removeEventListener('click', handleClick);
-      window.removeEventListener('resize', handleResize);
-    });
-    return {
-      style: useCssModule(),
-      mapClasses,
-      rootEl,
-      popupEl,
-      baseClass,
-      openClass,
-      exitingClass,
-      positionClass,
-      cornerClass,
-      closedClass,
-      handleClick,
-      handleKeydown
-    };
-  }
-
-});
-
-export default script;

package/dist/lib/src/components/popup/CdrPopup.vue_vue&type=template&id=c9b83fa4&lang.js

@@ -1,21 +0,0 @@
-import { openBlock, createBlock, createVNode, mergeProps, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock("div", {
-    ref: "rootEl",
-    class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.openClass, _ctx.exitingClass, _ctx.positionClass, _ctx.cornerClass, _ctx.closedClass)
-  }, [createVNode("div", mergeProps(_ctx.$attrs, {
-    class: _ctx.mapClasses(_ctx.style, 'cdr-popup__content', _ctx.contentClass),
-    ref: "popupEl"
-  }), [renderSlot(_ctx.$slots, "default")], 16
-  /* FULL_PROPS */
-  ), createVNode("div", {
-    class: _ctx.style['cdr-popup__arrow']
-  }, null, 2
-  /* CLASS */
-  )], 2
-  /* CLASS */
-  );
-}
-
-export { render };

package/dist/lib/src/components/popup/styles/CdrPopup.module.scss_vue&type=style&index=0&src&id=c9b83fa4&module=true&lang.css.js

@@ -1,18 +0,0 @@
-var style0 = {
-  "cdr-popup": "cdr-popup_13-0-0-alpha-0",
-  "cdr-popup--open": "cdr-popup--open_13-0-0-alpha-0",
-  "cdr-popup--closed": "cdr-popup--closed_13-0-0-alpha-0",
-  "cdr-popup__content": "cdr-popup__content_13-0-0-alpha-0",
-  "cdr-popup__arrow": "cdr-popup__arrow_13-0-0-alpha-0",
-  "cdr-popup--top": "cdr-popup--top_13-0-0-alpha-0",
-  "cdr-popup--bottom": "cdr-popup--bottom_13-0-0-alpha-0",
-  "cdr-popup--exit": "cdr-popup--exit_13-0-0-alpha-0",
-  "cdr-popup--corner-left": "cdr-popup--corner-left_13-0-0-alpha-0",
-  "cdr-popup--corner-right": "cdr-popup--corner-right_13-0-0-alpha-0",
-  "cdr-popup--left": "cdr-popup--left_13-0-0-alpha-0",
-  "cdr-popup--right": "cdr-popup--right_13-0-0-alpha-0",
-  "cdr-popup--corner-top": "cdr-popup--corner-top_13-0-0-alpha-0",
-  "cdr-popup--corner-bottom": "cdr-popup--corner-bottom_13-0-0-alpha-0"
-};
-
-export default style0;

package/dist/lib/src/components/quote/CdrQuote.vue_vue&type=script&lang.js

@@ -1,48 +0,0 @@
-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: 'CdrQuote',
-  props: {
-    tag: {
-      type: String,
-      default: 'blockquote',
-      validator: function validator(value) {
-        return validateProp(value, ['blockquote', 'aside', 'q', 'div']);
-      }
-    },
-    modifier: {
-      type: String,
-      default: '',
-      validator: function validator(value) {
-        return validateProp(value, ['', 'pull']);
-      }
-    },
-
-    /** Caption summary text */
-    summary: String,
-
-    /** Caption credit text */
-    citation: String
-  },
-
-  setup(props) {
-    var baseClass = 'cdr-quote';
-    var modifierClass = computed(function () {
-      return buildClass(baseClass, props.modifier);
-    });
-    return {
-      style: useCssModule(),
-      mapClasses,
-      baseClass,
-      modifierClass,
-      summaryClass: 'cdr-quote__summary',
-      citationClass: 'cdr-quote__citation'
-    };
-  }
-
-});
-
-export default script;

package/dist/lib/src/components/quote/CdrQuote.vue_vue&type=template&id=20116a2e&lang.js

@@ -1,29 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, withCtx, toDisplayString, createCommentVNode, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
-    class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.modifierClass)
-  }, {
-    default: withCtx(function () {
-      return [_ctx.summary ? (openBlock(), createBlock("p", {
-        key: 0,
-        class: _ctx.style[_ctx.summaryClass]
-      }, toDisplayString(_ctx.summary), 3
-      /* TEXT, CLASS */
-      )) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default"), _ctx.citation ? (openBlock(), createBlock("cite", {
-        key: 1,
-        class: _ctx.style[_ctx.citationClass],
-        tag: "cite"
-      }, toDisplayString(_ctx.citation), 3
-      /* TEXT, CLASS */
-      )) : createCommentVNode("v-if", true)];
-    }),
-    _: 3
-    /* FORWARDED */
-
-  }, 8
-  /* PROPS */
-  , ["class"]);
-}
-
-export { render };

package/dist/lib/src/components/quote/styles/CdrQuote.module.scss_vue&type=style&index=0&src&id=20116a2e&module=true&lang.css.js

@@ -1,7 +0,0 @@
-var style0 = {
-  "cdr-quote": "cdr-quote_13-0-0-alpha-0",
-  "cdr-quote__summary": "cdr-quote__summary_13-0-0-alpha-0",
-  "cdr-quote--pull": "cdr-quote--pull_13-0-0-alpha-0"
-};
-
-export default style0;

package/dist/lib/src/components/radio/CdrRadio.vue_vue&type=script&lang.js

@@ -1,79 +0,0 @@
-import _Symbol from '@babel/runtime-corejs3/core-js-stable/symbol';
-import { defineComponent, ref, watch, useCssModule } from 'vue';
-import validateProp from '../../utils/propValidator.js';
-import '../labelWrapper/CdrLabelWrapper.js';
-import sizeProps from '../../props/size.js';
-import backgroundProps from '../../props/background.js';
-import script$1 from '../labelWrapper/CdrLabelWrapper.vue_vue&type=script&lang.js';
-
-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: function validator(value) {
-        return 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) {
-    var baseClass = 'cdr-radio';
-    var newValue = ref(props.modelValue);
-    watch(function () {
-      return props.value;
-    }, function (val) {
-      newValue.value = val;
-    });
-    return {
-      style: useCssModule(),
-      baseClass,
-      newValue
-    };
-  }
-
-});
-
-export default script;

package/dist/lib/src/components/radio/CdrRadio.vue_vue&type=template&id=0a348de4&lang.js

@@ -1,41 +0,0 @@
-import { resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_cdr_label_wrapper = resolveComponent("cdr-label-wrapper");
-
-  return openBlock(), createBlock(_component_cdr_label_wrapper, {
-    class: _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(function () {
-      return [createVNode("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[1] || (_cache[1] = function ($event) {
-          return _ctx.$emit('update:modelValue', $event.target.checked && _ctx.customValue, $event);
-        })
-      }), null, 16
-      /* FULL_PROPS */
-      , ["name", "checked", "value"])];
-    }),
-    default: withCtx(function () {
-      return [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.js

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

package/dist/lib/src/components/rating/CdrRating.vue_vue&type=script&lang.js

@@ -1,139 +0,0 @@
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
-import { defineComponent, computed, useCssModule } from 'vue';
-import { buildClass } from '../../utils/buildClass.js';
-import validateProp from '../../utils/propValidator.js';
-import mapClasses from '../../utils/mapClasses.js';
-
-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: function validator(value) {
-        return validateProp(value, ['small', 'medium', 'large']);
-      }
-    }
-  },
-
-  setup(props) {
-    var baseClass = 'cdr-rating';
-    var sizeClass = computed(function () {
-      return props.size && buildClass(baseClass, props.size);
-    });
-    var linkedClass = computed(function () {
-      return props.href && buildClass(baseClass, 'linked');
-    });
-    var emptyClass = computed(function () {
-      return props.rounded > 0 || props.count > 0 ? 'cdr-rating__placeholder' : 'cdr-rating__placeholder--no-reviews';
-    });
-    var tag = computed(function () {
-      return props.href ? 'a' : 'div';
-    });
-    var displayRating = computed(function () {
-      return (Math.round(props.rating * 10) / 10).toFixed(1);
-    });
-    var rounded = computed(function () {
-      return Math.round(props.rating * 4) / 4;
-    });
-    var whole = computed(function () {
-      return Math.floor(rounded.value);
-    });
-    var remainder = computed(function () {
-      return rounded.value.toFixed(2).split('.')[1];
-    });
-    var empties = computed(function () {
-      return 5 - whole.value - (remainder.value > 0 ? 1 : 0);
-    });
-    var formattedCount = computed(function () {
-      return props.compact ? "(".concat(props.count, ")") : "".concat(props.count);
-    });
-    var srText = computed(function () {
-      var _context2;
-
-      // linked
-      if (props.href) {
-        var _context;
-
-        // 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 ".concat(displayRating.value, " out of 5 stars");
-        } // default
-
-
-        return _concatInstanceProperty(_context = "View the ".concat(props.count, " reviews with an average rating of ")).call(_context, 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 ".concat(displayRating.value, " out of 5 stars");
-      } // default
-      // eslint-disable-next-line
-
-
-      return _concatInstanceProperty(_context2 = "".concat(props.count, " reviews with an average rating of ")).call(_context2, displayRating.value, " out of 5 stars");
-    });
-    return {
-      style: useCssModule(),
-      tag,
-      baseClass,
-      sizeClass,
-      linkedClass,
-      emptyClass,
-      displayRating,
-      rounded,
-      whole,
-      remainder,
-      empties,
-      formattedCount,
-      srText,
-      mapClasses
-    };
-  }
-
-});
-
-export default script;