@rei/cedar 11.0.0-beta.7 → 13.0.0-alpha.1

package/dist/lib/src/components/popup/CdrPopup.mjs

@@ -1,256 +0,0 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import clsx from 'clsx';
-import debounce from 'lodash-es/debounce';
-import modules_5ecd7efb from './styles/CdrPopup.mjs';
-import validateProp from '../../utils/propValidator.mjs';
-
-var CdrPopup = {
-  name: 'CdrPopup',
-  inheritAttrs: false,
-  props: {
-    opened: {
-      type: Boolean,
-      default: false
-    },
-    position: {
-      type: String,
-      required: false,
-      default: 'top',
-      validator: value => validateProp(value, ['top', 'bottom', 'left', 'right'])
-    },
-    autoPosition: {
-      type: Boolean,
-      default: true
-    },
-    contentClass: {
-      type: String
-    }
-  },
-
-  data() {
-    return {
-      style: modules_5ecd7efb,
-      keyHandler: undefined,
-      clickHandler: undefined,
-      resizeHandler: undefined,
-      pos: this.position,
-      corner: undefined,
-      exiting: false,
-      popupRect: undefined,
-      closed: !this.opened
-    };
-  },
-
-  computed: {
-    positionClass() {
-      return this.opened || this.exiting ? this.style["cdr-popup--".concat(this.pos)] : undefined;
-    },
-
-    cornerClass() {
-      return this.corner ? this.style["cdr-popup--corner-".concat(this.corner)] : undefined;
-    },
-
-    openClass() {
-      return this.opened ? this.style['cdr-popup--open'] : undefined;
-    },
-
-    closedClass() {
-      return this.closed && !this.exiting ? this.style['cdr-popup--closed'] : undefined;
-    },
-
-    exitingClass() {
-      return this.exiting ? this.style['cdr-popup--exit'] : undefined;
-    }
-
-  },
-  watch: {
-    position() {
-      this.pos = this.position;
-    },
-
-    opened(newValue, oldValue) {
-      if (!!newValue === !!oldValue) return;
-
-      if (newValue) {
-        this.handleOpened();
-      } else {
-        this.handleClosed();
-      }
-    }
-
-  },
-
-  mounted() {
-    this.measurePopup();
-    this.resizeHandler = this.handleResize.bind(this);
-    window.addEventListener('resize', this.resizeHandler);
-  },
-
-  destroyed() {
-    document.removeEventListener('keydown', this.keyHandler);
-    document.removeEventListener('click', this.clickHandler);
-    window.removeEventListener('resize', this.resizeHandler);
-  },
-
-  methods: {
-    closePopup(e) {
-      this.$emit('closed', e);
-    },
-
-    handleKeyDown(e) {
-      switch (e.key) {
-        case 'Escape':
-        case 'Esc':
-          this.closePopup(e);
-          break;
-      }
-    },
-
-    handleClick(e) {
-      this.$nextTick(() => {
-        if (e.target !== this.$refs.popup && !this.$refs.popup.contains(e.target)) {
-          this.closePopup(e);
-        }
-      });
-    },
-
-    handleResize() {
-      debounce(() => {
-        this.measurePopup();
-      }, 300);
-    },
-
-    addHandlers() {
-      this.keyHandler = this.handleKeyDown.bind(this);
-      document.addEventListener('keydown', this.keyHandler);
-      this.clickHandler = this.handleClick.bind(this);
-      document.addEventListener('click', this.clickHandler);
-    },
-
-    measurePopup() {
-      this.closed = false;
-      this.$nextTick(() => {
-        this.popupRect = this.$refs.popup.getBoundingClientRect();
-        this.closed = true;
-      });
-    },
-
-    calculatePlacement(triggerRect, popupRect, screenWidth, screenHeight) {
-      const offset = 14; // 10px for arrow 4px for spacing
-
-      const borderSize = 2; // need to include border for corner calculations
-
-      const triggerCenterY = triggerRect.top + triggerRect.height / 2;
-      const triggerCenterX = triggerRect.left + triggerRect.width / 2;
-      const dirs = {
-        top: triggerRect.top - popupRect.height - offset,
-        bottom: screenHeight - triggerRect.bottom - popupRect.height - offset,
-        left: triggerRect.left - popupRect.width - offset,
-        right: screenWidth - triggerRect.right - popupRect.width - offset
-      };
-      const corners = {
-        left: triggerCenterX - popupRect.width / 2 - borderSize <= 0,
-        right: triggerCenterX + popupRect.width / 2 + borderSize >= screenWidth,
-        top: triggerCenterY - popupRect.height / 2 - borderSize <= 0,
-        bottom: triggerCenterY + popupRect.height / 2 + borderSize >= screenHeight
-      };
-      const invert = {
-        top: 'bottom',
-        bottom: 'top',
-        left: 'right',
-        right: 'left'
-      };
-      const inverse = invert[this.position];
-      const validDirs = Object.keys(dirs).filter(dir => dirs[dir] > 0);
-      const sortedDirs = Object.keys(dirs).sort((a, b) => {
-        if (dirs[a] > dirs[b]) {
-          return -1;
-        }
-
-        if (dirs[a] < dirs[b]) {
-          return 1;
-        }
-
-        return 0;
-      });
-
-      if (dirs[this.position] > 0) {
-        // selected position is valid, or no positions are valid
-        this.pos = this.position;
-      } else if (dirs[inverse] > 0) {
-        // inverted position is valid
-        this.pos = inverse;
-      } else if (validDirs.length) {
-        // try the angles
-        [this.pos] = validDirs;
-      } else {
-        // use whichever direction has the most space
-        [this.pos] = sortedDirs;
-      }
-
-      if (this.pos === 'bottom' || this.pos === 'top') {
-        if (corners.left) {
-          this.corner = 'left';
-        } else if (corners.right) {
-          this.corner = 'right';
-        }
-      } else if (corners.top) {
-        this.corner = 'top';
-      } else if (corners.bottom) {
-        this.corner = 'bottom';
-      }
-    },
-
-    handleOpened() {
-      this.closed = false;
-      this.pos = this.position;
-      this.corner = undefined;
-
-      if (this.autoPosition) {
-        this.$nextTick(() => {
-          const triggerRect = this.$el.parentElement.getBoundingClientRect();
-          const {
-            popupRect
-          } = this;
-          const {
-            innerHeight,
-            innerWidth
-          } = window;
-          this.calculatePlacement(triggerRect, popupRect, innerWidth, innerHeight);
-        });
-      }
-
-      setTimeout(() => {
-        this.addHandlers();
-      }, 1);
-    },
-
-    handleClosed() {
-      this.closed = true;
-      document.removeEventListener('keydown', this.keyHandler);
-      document.removeEventListener('click', this.clickHandler);
-      this.exiting = true;
-      setTimeout(() => {
-        this.exiting = false;
-      }, 200); // $cdr-duration-2;
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("div", {
-      "class": clsx(this.style['cdr-popup'], this.openClass, this.exitingClass, this.positionClass, this.cornerClass, this.closedClass)
-    }, [h("div", {
-      "class": clsx(this.style['cdr-popup__content'], this.contentClass),
-      "ref": "popup",
-      "attrs": { ...this.$attrs
-      }
-    }, [this.$slots.default]), h("div", {
-      "class": this.style['cdr-popup__arrow']
-    })]);
-  }
-
-};
-
-export default CdrPopup;

package/dist/lib/src/components/popup/styles/CdrPopup.mjs

@@ -1,3 +0,0 @@
-var modules_5ecd7efb = {"cdr-popup":"cdr-popup_11-0-0-beta-7","cdr-popup--open":"cdr-popup--open_11-0-0-beta-7","cdr-popup--closed":"cdr-popup--closed_11-0-0-beta-7","cdr-popup__content":"cdr-popup__content_11-0-0-beta-7","cdr-popup__arrow":"cdr-popup__arrow_11-0-0-beta-7","cdr-popup--top":"cdr-popup--top_11-0-0-beta-7","cdr-popup--bottom":"cdr-popup--bottom_11-0-0-beta-7","cdr-popup--exit":"cdr-popup--exit_11-0-0-beta-7","cdr-popup--corner-left":"cdr-popup--corner-left_11-0-0-beta-7","cdr-popup--corner-right":"cdr-popup--corner-right_11-0-0-beta-7","cdr-popup--left":"cdr-popup--left_11-0-0-beta-7","cdr-popup--right":"cdr-popup--right_11-0-0-beta-7","cdr-popup--corner-top":"cdr-popup--corner-top_11-0-0-beta-7","cdr-popup--corner-bottom":"cdr-popup--corner-bottom_11-0-0-beta-7"};
-
-export default modules_5ecd7efb;

package/dist/lib/src/components/quote/CdrQuote.mjs

@@ -1,66 +0,0 @@
-import clsx from 'clsx';
-import CdrText from '../text/CdrText.mjs';
-import modifier from '../../mixins/modifier.mjs';
-import modules_b1efd5d7 from './styles/CdrQuote.mjs';
-
-var CdrQuote = {
-  name: 'CdrQuote',
-  components: {
-    CdrText
-  },
-  mixins: [modifier],
-  props: {
-    tag: {
-      type: String,
-      default: 'blockquote',
-      validator: value => ['blockquote', 'aside', 'q', 'div'].indexOf(value) >= 0 || false
-    },
-
-    /** Caption summary text */
-    summary: String,
-
-    /** Caption credit text */
-    citation: String
-  },
-
-  data() {
-    return {
-      style: modules_b1efd5d7
-    };
-  },
-
-  computed: {
-    baseClass() {
-      return 'cdr-quote';
-    },
-
-    summaryBlock() {
-      const h = this.$createElement;
-      return this.summary ? h("p", {
-        "class": this.style['cdr-quote__summary']
-      }, [this.summary]) : '';
-    },
-
-    citationBlock() {
-      const h = this.$createElement;
-      return this.citation ? h("cdr-text", {
-        "attrs": {
-          "tag": "cite"
-        },
-        "class": this.style['cdr-quote__citation']
-      }, [this.citation]) : '';
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    const Component = this.tag;
-    return h(Component, {
-      "class": clsx(this.style[this.baseClass], this.modifierClass)
-    }, [this.summaryBlock, this.$slots.default, this.citationBlock]);
-  }
-
-};
-
-export default CdrQuote;

package/dist/lib/src/components/quote/styles/CdrQuote.mjs

@@ -1,3 +0,0 @@
-var modules_b1efd5d7 = {"cdr-quote":"cdr-quote_11-0-0-beta-7","cdr-quote__summary":"cdr-quote__summary_11-0-0-beta-7","cdr-quote--pull":"cdr-quote--pull_11-0-0-beta-7"};
-
-export default modules_b1efd5d7;

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

@@ -1,141 +0,0 @@
-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';
-
-var CdrRadio = {
-  name: 'CdrRadio',
-  components: {
-    CdrLabelWrapper
-  },
-  mixins: [modifier, size],
-  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
-    },
-    // 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;

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

@@ -1,3 +0,0 @@
-var modules_f3ed737b = {"cdr-radio":"cdr-radio_11-0-0-beta-7","cdr-label-wrapper__figure":"cdr-label-wrapper__figure_11-0-0-beta-7","cdr-radio__input":"cdr-radio__input_11-0-0-beta-7"};
-
-export default modules_f3ed737b;

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

@@ -1,179 +0,0 @@
-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';
-
-var CdrRating = {
-  name: 'CdrRating',
-  mixins: [size],
-  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
-    }
-  },
-
-  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;

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

@@ -1,3 +0,0 @@
-var modules_73dd06e5 = {"cdr-rating__icon":"cdr-rating__icon_11-0-0-beta-7","cdr-rating__count":"cdr-rating__count_11-0-0-beta-7","cdr-rating":"cdr-rating_11-0-0-beta-7","cdr-rating__number":"cdr-rating__number_11-0-0-beta-7","cdr-rating__ratings":"cdr-rating__ratings_11-0-0-beta-7","cdr-rating__caption-sr":"cdr-rating__caption-sr_11-0-0-beta-7","cdr-rating__placeholder":"cdr-rating__placeholder_11-0-0-beta-7","cdr-rating__placeholder--no-reviews":"cdr-rating__placeholder--no-reviews_11-0-0-beta-7","cdr-rating__100":"cdr-rating__100_11-0-0-beta-7","cdr-rating__75":"cdr-rating__75_11-0-0-beta-7","cdr-rating__50":"cdr-rating__50_11-0-0-beta-7","cdr-rating__25":"cdr-rating__25_11-0-0-beta-7","cdr-rating--linked":"cdr-rating--linked_11-0-0-beta-7","cdr-rating--large":"cdr-rating--large_11-0-0-beta-7","cdr-rating--medium":"cdr-rating--medium_11-0-0-beta-7","cdr-rating--small":"cdr-rating--small_11-0-0-beta-7","cdr-rating--small@xs":"cdr-rating--small@xs_11-0-0-beta-7","cdr-rating--medium@xs":"cdr-rating--medium@xs_11-0-0-beta-7","cdr-rating--large@xs":"cdr-rating--large@xs_11-0-0-beta-7","cdr-rating--small@sm":"cdr-rating--small@sm_11-0-0-beta-7","cdr-rating--medium@sm":"cdr-rating--medium@sm_11-0-0-beta-7","cdr-rating--large@sm":"cdr-rating--large@sm_11-0-0-beta-7","cdr-rating--small@md":"cdr-rating--small@md_11-0-0-beta-7","cdr-rating--medium@md":"cdr-rating--medium@md_11-0-0-beta-7","cdr-rating--large@md":"cdr-rating--large@md_11-0-0-beta-7","cdr-rating--small@lg":"cdr-rating--small@lg_11-0-0-beta-7","cdr-rating--medium@lg":"cdr-rating--medium@lg_11-0-0-beta-7","cdr-rating--large@lg":"cdr-rating--large@lg_11-0-0-beta-7"};
-
-export default modules_73dd06e5;