@rei/cedar 9.1.1-beta.0

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

@@ -0,0 +1,200 @@
+import _toConsumableArray from '@babel/runtime-corejs3/helpers/esm/toConsumableArray';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _keysInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/keys';
+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() {
+      var h = this.$createElement;
+      var 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() {
+      var _context2;
+
+      // linked
+      if (this.href) {
+        var _context;
+
+        // 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 _concatInstanceProperty(_context = "View the ".concat(this.count, " reviews with an average rating of ")).call(_context, 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 _concatInstanceProperty(_context2 = "".concat(this.count, " reviews with an average rating of ")).call(_context2, this.displayRating, " out of 5 stars");
+    }
+
+  },
+
+  render() {
+    var _context3,
+        _context4,
+        _this = this,
+        _context6,
+        _context7;
+
+    var h = arguments[0];
+    var 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']
+    }, [_mapInstanceProperty(_context3 = _toConsumableArray(_keysInstanceProperty(_context4 = Array(this.whole)).call(_context4))).call(_context3, function (n) {
+      var _context5;
+
+      return h("span", {
+        "class": clsx(_this.style['cdr-rating__icon'], _this.style['cdr-rating__100']),
+        "key": _concatInstanceProperty(_context5 = "rating-whole-".concat(n, "-")).call(_context5, _this._uid),
+        "attrs": {
+          "aria-hidden": "true"
+        }
+      });
+    }), this.remainderEl, _mapInstanceProperty(_context6 = _toConsumableArray(_keysInstanceProperty(_context7 = Array(this.empties)).call(_context7))).call(_context6, function (n) {
+      var _context8;
+
+      return 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": _concatInstanceProperty(_context8 = "rating-empty-".concat(n, "-")).call(_context8, _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

@@ -0,0 +1,3 @@
+var modules_73dd06e5 = {"cdr-rating__icon":"cdr-rating__icon_9-1-1-beta-0","cdr-rating__count":"cdr-rating__count_9-1-1-beta-0","cdr-rating":"cdr-rating_9-1-1-beta-0","cdr-rating__number":"cdr-rating__number_9-1-1-beta-0","cdr-rating__ratings":"cdr-rating__ratings_9-1-1-beta-0","cdr-rating__caption-sr":"cdr-rating__caption-sr_9-1-1-beta-0","cdr-rating__placeholder":"cdr-rating__placeholder_9-1-1-beta-0","cdr-rating__placeholder--no-reviews":"cdr-rating__placeholder--no-reviews_9-1-1-beta-0","cdr-rating__100":"cdr-rating__100_9-1-1-beta-0","cdr-rating__75":"cdr-rating__75_9-1-1-beta-0","cdr-rating__50":"cdr-rating__50_9-1-1-beta-0","cdr-rating__25":"cdr-rating__25_9-1-1-beta-0","cdr-rating--linked":"cdr-rating--linked_9-1-1-beta-0","cdr-rating--large":"cdr-rating--large_9-1-1-beta-0","cdr-rating--medium":"cdr-rating--medium_9-1-1-beta-0","cdr-rating--small":"cdr-rating--small_9-1-1-beta-0","cdr-rating--small@xs":"cdr-rating--small@xs_9-1-1-beta-0","cdr-rating--medium@xs":"cdr-rating--medium@xs_9-1-1-beta-0","cdr-rating--large@xs":"cdr-rating--large@xs_9-1-1-beta-0","cdr-rating--small@sm":"cdr-rating--small@sm_9-1-1-beta-0","cdr-rating--medium@sm":"cdr-rating--medium@sm_9-1-1-beta-0","cdr-rating--large@sm":"cdr-rating--large@sm_9-1-1-beta-0","cdr-rating--small@md":"cdr-rating--small@md_9-1-1-beta-0","cdr-rating--medium@md":"cdr-rating--medium@md_9-1-1-beta-0","cdr-rating--large@md":"cdr-rating--large@md_9-1-1-beta-0","cdr-rating--small@lg":"cdr-rating--small@lg_9-1-1-beta-0","cdr-rating--medium@lg":"cdr-rating--medium@lg_9-1-1-beta-0","cdr-rating--large@lg":"cdr-rating--large@lg_9-1-1-beta-0"};
+
+export default modules_73dd06e5;

package/dist/lib/src/components/select/CdrSelect.mjs

@@ -0,0 +1,285 @@
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _Symbol from '@babel/runtime-corejs3/core-js-stable/symbol';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import clsx from 'clsx';
+import toArray from 'lodash-es/toArray';
+import validateProp from '../../utils/propValidator.mjs';
+import IconCaretDown from '../icon/comps/caret-down.mjs';
+import CdrLabelStandalone from '../labelStandalone/CdrLabelStandalone.mjs';
+import CdrFormError from '../formError/CdrFormError.mjs';
+import size from '../../mixins/size.mjs';
+import modules_b8df9d41 from './styles/CdrSelect.mjs';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var CdrSelect = {
+  name: 'CdrSelect',
+  components: {
+    IconCaretDown,
+    CdrLabelStandalone,
+    CdrFormError
+  },
+  mixins: [size],
+  inheritAttrs: false,
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  props: {
+    /**
+     * `id` for the select that is mapped to the label `for` attribute. If one is not provided, it will be generated.
+    */
+    id: String,
+
+    /**
+     * Label text. This is required for a11y even if hiding the label with `hideLabel`.
+    */
+    label: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * Removes the label element but sets the select `aria-label` to `label` text for a11y.
+    */
+    hideLabel: Boolean,
+
+    /**
+     * Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.
+    */
+    prompt: String,
+
+    /**
+     * Build options programatically with data. Array of objects [{ text: String, value: String}] to give greater control. Array of strings ['String'] for simpler setup (value and text will be the same).
+    */
+    options: {
+      type: Array
+    },
+    // Set which background type the select renders on
+    background: {
+      type: [String],
+      default: 'primary',
+      validator: function validator(value) {
+        return validateProp(value, ['primary', 'secondary']);
+      }
+    },
+    // Set error styling
+    error: {
+      type: [Boolean, String],
+      default: false
+    },
+
+    /**
+    * Override the error message role, default is `status`.
+    */
+    errorRole: {
+      type: String,
+      required: false,
+      default: 'status'
+    },
+    value: {
+      type: [String, Number, Boolean, Object, Array, _Symbol, Function]
+    },
+    disabled: Boolean,
+    required: Boolean,
+    optional: Boolean,
+    multiple: Boolean,
+    multipleSize: Number
+  },
+
+  data() {
+    return {
+      style: modules_b8df9d41
+    };
+  },
+
+  computed: {
+    // Use given id or generate one
+    selectId() {
+      return this.id ? this.id : this._uid; // eslint-disable-line no-underscore-dangle
+    },
+
+    baseClass() {
+      return 'cdr-select';
+    },
+
+    selectClass() {
+      return {
+        [this.style['cdr-select']]: true,
+        [this.style['cdr-select__prompt']]: !this.value,
+        [this.style['cdr-select--multiple']]: this.multiple,
+        [this.style["cdr-select--".concat(this.background)]]: true,
+        [this.style['cdr-select--error']]: this.error,
+        [this.style['cdr-select--preicon']]: this.$slots['pre-icon']
+      };
+    },
+
+    caretClass() {
+      return {
+        [this.style['cdr-select__caret']]: true,
+        [this.style['cdr-select__caret--disabled']]: this.disabled
+      };
+    },
+
+    describedby() {
+      var _context;
+
+      return _filterInstanceProperty(_context = [this.$slots['helper-text'] ? "".concat(this.selectId, "-helper-text-top") : '', this.$attrs['aria-describedby']]).call(_context, function (x) {
+        return x;
+      }).join(' ');
+    },
+
+    inputListeners() {
+      // https://vuejs.org/v2/guide/components-custom-events.html#Binding-Native-Events-to-Components
+      // handles conflict between v-model and v-on="$listeners"
+      var vm = this;
+      return _objectSpread(_objectSpread({}, this.$listeners), {}, {
+        change(event) {
+          if (vm.multiple) {
+            var _context2;
+
+            var optArr = toArray(event.target.options);
+
+            var selected = _mapInstanceProperty(_context2 = _filterInstanceProperty(optArr).call(optArr, function (o) {
+              return o.selected === true;
+            })).call(_context2, function (o) {
+              return o.value;
+            });
+
+            vm.$emit('change', selected, event);
+          } else {
+            vm.$emit('change', event.target.value, event);
+          }
+        }
+
+      });
+    },
+
+    selectEl() {
+      var _this = this,
+          _context4;
+
+      var h = this.$createElement;
+      return h("select", _mergeJSXProps([{
+        "on": _objectSpread({
+          "change": function change($event) {
+            var _context3;
+
+            var $$selectedVal = _mapInstanceProperty(_context3 = _filterInstanceProperty(Array.prototype).call($event.target.options, function (o) {
+              return o.selected;
+            })).call(_context3, function (o) {
+              return "_value" in o ? o._value : o.value;
+            });
+
+            _this.value = $event.target.multiple ? $$selectedVal : $$selectedVal[0];
+          }
+        }, this.inputListeners),
+        "class": clsx(this.sizeClass, this.selectClass),
+        "attrs": _objectSpread(_objectSpread({
+          "id": this.selectId,
+          "multiple": this.multiple,
+          "size": this.multipleSize,
+          "disabled": this.disabled,
+          "aria-required": this.required,
+          "aria-invalid": !!this.error,
+          "aria-errormessage": !!this.error && "".concat(this.selectId, "-error")
+        }, this.$attrs), {}, {
+          "aria-describedby": this.describedby || false
+        }),
+        "ref": "select"
+      }, {
+        directives: [{
+          name: "model",
+          value: _this.value,
+          modifiers: {}
+        }]
+      }]), [this.prompt && h("option", {
+        "class": "cdr-select__prompt",
+        "attrs": {
+          "value": "",
+          "disabled": true
+        },
+        "ref": "prompt"
+      }, [this.prompt]), _mapInstanceProperty(_context4 = this.computedOpts).call(_context4, function (option) {
+        return h("option", {
+          "key": option.text,
+          "domProps": {
+            "value": option.value
+          }
+        }, [option.text]);
+      }), this.$slots.default]);
+    },
+
+    computedOpts() {
+      var optsArr = [];
+
+      if (this.options) {
+        this.options.forEach(function (o) {
+          var optObj = {};
+          var text = '';
+          var val = '';
+
+          if (typeof o === 'string') {
+            text = o;
+            val = o;
+          } else {
+            var t = o.text,
+                v = o.value;
+            text = t;
+            val = v;
+          }
+
+          optObj.text = text;
+          optObj.value = val;
+          optsArr.push(optObj);
+        });
+      }
+
+      return optsArr;
+    }
+
+  },
+
+  render() {
+    var h = arguments[0];
+    return h("cdr-label-standalone", {
+      "attrs": {
+        "for-id": "".concat(this.selectId),
+        "label": this.label,
+        "hide-label": this.hideLabel,
+        "required": this.required,
+        "optional": this.optional,
+        "disabled": this.disabled
+      }
+    }, [this.$slots['helper-text'] && h("template", {
+      "slot": "helper"
+    }, [this.$slots['helper-text']]), this.$slots.info && h("template", {
+      "slot": "info"
+    }, [this.$slots.info]), this.$slots['info-action'] && h("template", {
+      "slot": "info-action"
+    }, [this.$slots['info-action']]), this.error && h("cdr-form-error", {
+      "attrs": {
+        "role": this.errorRole,
+        "error": this.error,
+        "id": "".concat(this.selectId, "-error")
+      },
+      "slot": "error"
+    }, [h("template", {
+      "slot": "error"
+    }, [this.$slots.error])]), h("div", {
+      "class": this.style['cdr-select-wrap']
+    }, [this.$slots['pre-icon'] && h("span", {
+      "class": this.style['cdr-select__pre-icon']
+    }, [this.$slots['pre-icon']]), this.selectEl, h("icon-caret-down", {
+      "class": this.caretClass
+    })])]);
+  }
+
+};
+
+export default CdrSelect;

package/dist/lib/src/components/select/styles/CdrSelect.mjs

@@ -0,0 +1,3 @@
+var modules_b8df9d41 = {"cdr-select":"cdr-select_9-1-1-beta-0","cdr-select--primary":"cdr-select--primary_9-1-1-beta-0","cdr-select--secondary":"cdr-select--secondary_9-1-1-beta-0","cdr-select--error":"cdr-select--error_9-1-1-beta-0","cdr-select--preicon":"cdr-select--preicon_9-1-1-beta-0","cdr-select__prompt":"cdr-select__prompt_9-1-1-beta-0","cdr-select__caret":"cdr-select__caret_9-1-1-beta-0","cdr-select__caret--disabled":"cdr-select__caret--disabled_9-1-1-beta-0","cdr-select__pre-icon":"cdr-select__pre-icon_9-1-1-beta-0","cdr-select--multiple":"cdr-select--multiple_9-1-1-beta-0","cdr-select--large@xs":"cdr-select--large@xs_9-1-1-beta-0","cdr-select--large":"cdr-select--large_9-1-1-beta-0","cdr-select--large@sm":"cdr-select--large@sm_9-1-1-beta-0","cdr-select--large@md":"cdr-select--large@md_9-1-1-beta-0","cdr-select--large@lg":"cdr-select--large@lg_9-1-1-beta-0","cdr-select-wrap":"cdr-select-wrap_9-1-1-beta-0"};
+
+export default modules_b8df9d41;

package/dist/lib/src/components/table/CdrTable.mjs

@@ -0,0 +1,79 @@
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import clsx from 'clsx';
+import modifier from '../../mixins/modifier.mjs';
+import size from '../../mixins/size.mjs';
+import modules_6c94c1d4 from './styles/CdrTable.mjs';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var CdrTable = {
+  name: 'CdrTable',
+  mixins: [modifier, size],
+  props: {
+    striped: {
+      type: Boolean,
+      default: false
+    },
+    border: {
+      type: Boolean,
+      default: true
+    },
+    // can't use fullWidth mixin because its default is false :(
+    fullWidth: {
+      type: [Boolean, String],
+      default: true
+    },
+    responsive: {
+      type: Boolean,
+      default: true
+    },
+    hover: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data() {
+    return {
+      style: modules_6c94c1d4,
+      baseClass: 'cdr-table'
+    };
+  },
+
+  computed: {
+    tableClasses() {
+      return {
+        [this.style[this.baseClass]]: true,
+        [this.sizeClass]: true,
+        [this.modifyClassName(this.baseClass, 'striped')]: this.striped,
+        [this.modifyClassName(this.baseClass, 'hover')]: this.hover,
+        [this.modifyClassName(this.baseClass, 'border')]: this.border && !this.striped,
+        [this.responsiveModifyClass(this.baseClass, 'full-width', this.fullWidth)]: this.fullWidth
+      };
+    },
+
+    wrapperClasses() {
+      return {
+        [this.modifyClassName(this.baseClass, 'responsive')]: this.responsive
+      };
+    }
+
+  },
+
+  render() {
+    var h = arguments[0];
+    return h("div", {
+      "class": clsx(this.wrapperClasses)
+    }, [h("table", {
+      "class": clsx(this.tableClasses),
+      "attrs": _objectSpread({}, this.$attrs)
+    }, [this.$slots.default])]);
+  }
+
+};
+
+export default CdrTable;

package/dist/lib/src/components/table/styles/CdrTable.mjs

@@ -0,0 +1,3 @@
+var modules_6c94c1d4 = {"cdr-table":"cdr-table_9-1-1-beta-0","cdr-table--small":"cdr-table--small_9-1-1-beta-0","cdr-table--medium":"cdr-table--medium_9-1-1-beta-0","cdr-table--large":"cdr-table--large_9-1-1-beta-0","cdr-table--striped":"cdr-table--striped_9-1-1-beta-0","cdr-table--border":"cdr-table--border_9-1-1-beta-0","cdr-table--full-width":"cdr-table--full-width_9-1-1-beta-0","cdr-table--responsive":"cdr-table--responsive_9-1-1-beta-0","cdr-table--hover":"cdr-table--hover_9-1-1-beta-0","cdr-table--full-width@xs":"cdr-table--full-width@xs_9-1-1-beta-0","cdr-table--full-width@sm":"cdr-table--full-width@sm_9-1-1-beta-0","cdr-table--full-width@md":"cdr-table--full-width@md_9-1-1-beta-0","cdr-table--full-width@lg":"cdr-table--full-width@lg_9-1-1-beta-0"};
+
+export default modules_6c94c1d4;

package/dist/lib/src/components/tabs/CdrTabPanel.mjs

@@ -0,0 +1,107 @@
+import clsx from 'clsx';
+import modifier from '../../mixins/modifier.mjs';
+import modules_7f8cc96c from './styles/CdrTabPanel.mjs';
+
+var CdrTabPanel = {
+  name: 'CdrTabPanel',
+  mixins: [modifier],
+  props: {
+    /**
+     * Required string value that shows up on tab header
+     */
+    name: {
+      type: String,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    ariaLabelledby: {
+      type: String,
+      required: true
+    },
+    id: {
+      type: String,
+      required: true
+    }
+  },
+
+  data() {
+    return {
+      active: false,
+      hidden: true,
+      offsetX: 0,
+      animationDirection: null,
+      style: modules_7f8cc96c
+    };
+  },
+
+  computed: {
+    baseClass() {
+      return 'cdr-tab-panel';
+    },
+
+    animationClass() {
+      return this.animationDirection ? modules_7f8cc96c["cdr-tab-panel-".concat(this.animationDirection)] : null;
+    }
+
+  },
+  methods: {
+    setActive(state) {
+      if (state) this.hidden = false;
+      this.active = state;
+      this.$emit('tab-change', state, this.id);
+    },
+
+    setAnimationDirection(direction) {
+      this.animationDirection = direction;
+    },
+
+    setOffsetX(x) {
+      this.offsetX = x;
+    },
+
+    handleUpArrowNav() {
+      this.$parent.setFocusToActiveTabHeader();
+    },
+
+    animationEnd(event) {
+      if (event.animationName.split('-')[0] === 'exit') {
+        this.hidden = true;
+        this.animationDirection = null;
+      }
+    }
+
+  },
+
+  render() {
+    var _this = this;
+
+    var h = arguments[0];
+    return h("div", {
+      "attrs": {
+        "aria-hidden": !this.active,
+        "aria-labelledby": this.ariaLabelledby,
+        "hidden": this.hidden,
+        "id": this.id,
+        "tabindex": "0",
+        "role": "tabpanel"
+      },
+      "class": clsx(this.style[this.baseClass], this.modifierClass, this.animationClass),
+      "ref": "cdrTabPanelContainer",
+      "key": this.name,
+      "on": {
+        "keydown": function keydown($event) {
+          if (!("button" in $event) && _this._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])) return null;
+          $event.preventDefault();
+          return _this.handleUpArrowNav($event);
+        },
+        "animationend": this.animationEnd
+      }
+    }, [this.$slots.default]);
+  }
+
+};
+
+export default CdrTabPanel;