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

package/dist/lib/src/components/modal/CdrModal.vue_vue&type=template&id=57e9fd64&lang.js

@@ -1,105 +0,0 @@
-import { resolveComponent, openBlock, createBlock, createVNode, mergeProps, renderSlot, toDisplayString, createCommentVNode, withCtx } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_icon_x_lg = resolveComponent("icon-x-lg");
-
-  var _component_cdr_button = resolveComponent("cdr-button");
-
-  return openBlock(), createBlock("div", {
-    class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, !_ctx.opened && 'cdr-modal--closed'),
-    ref: "wrapperEl"
-  }, [createVNode("div", {
-    class: [_ctx.style['cdr-modal__outerWrap'], _ctx.wrapperClass]
-  }, [createVNode("div", {
-    "aria-hidden": "true",
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
-    }),
-    class: [_ctx.style['cdr-modal__overlay'], _ctx.overlayClass]
-  }, null, 2
-  /* CLASS */
-  ), createVNode("div", {
-    tabIndex: _ctx.opened ? '0' : undefined
-  }, null, 8
-  /* PROPS */
-  , ["tabIndex"]), createVNode("div", mergeProps({
-    ref: "modalEl",
-    class: _ctx.mapClasses(_ctx.style, 'cdr-modal__contentWrap', 'cdr-modal__dialog'),
-    tabIndex: "-1",
-    role: _ctx.role,
-    "aria-modal": !!_ctx.opened,
-    "aria-label": _ctx.label
-  }, _ctx.dialogAttrs), [renderSlot(_ctx.$slots, "modal", {}, function () {
-    return [createVNode("div", {
-      class: [_ctx.style['cdr-modal__innerWrap'], _ctx.contentClass],
-      style: _ctx.reallyClosed ? {
-        display: 'none'
-      } : undefined
-    }, [createVNode("section", null, [createVNode("div", {
-      class: _ctx.style['cdr-modal__content']
-    }, [createVNode("div", {
-      class: _ctx.style['cdr-modal__header'],
-      ref: "headerEl"
-    }, [createVNode("div", {
-      class: _ctx.style['cdr-modal__title']
-    }, [_ctx.showTitle ? renderSlot(_ctx.$slots, "title", {
-      key: 0
-    }, function () {
-      return [createVNode("h1", null, toDisplayString(_ctx.label), 1
-      /* TEXT */
-      )];
-    }) : createCommentVNode("v-if", true)], 2
-    /* CLASS */
-    ), createVNode(_component_cdr_button, {
-      class: _ctx.style['cdr-modal__close-button'],
-      "icon-only": "",
-      "with-background": true,
-      onClick: _ctx.onClick,
-      "aria-label": "Close"
-    }, {
-      default: withCtx(function () {
-        return [createVNode(_component_icon_x_lg, {
-          "inherit-color": ""
-        })];
-      }),
-      _: 1
-      /* STABLE */
-
-    }, 8
-    /* PROPS */
-    , ["class", "onClick"])], 2
-    /* CLASS */
-    ), createVNode("div", {
-      role: "document",
-      class: _ctx.style['cdr-modal__text']
-    }, [createVNode("div", {
-      class: _ctx.style['cdr-modal__text-content'],
-      style: {
-        maxHeight: "".concat(_ctx.scrollMaxHeight, "px"),
-        paddingRight: "".concat(_ctx.scrollPadding, "px")
-      },
-      ref: "contentEl",
-      tabindex: "0"
-    }, [renderSlot(_ctx.$slots, "default")], 6
-    /* CLASS, STYLE */
-    )], 2
-    /* CLASS */
-    )], 2
-    /* CLASS */
-    )])], 6
-    /* CLASS, STYLE */
-    )];
-  })], 16
-  /* FULL_PROPS */
-  , ["role", "aria-modal", "aria-label"]), createVNode("div", {
-    tabIndex: _ctx.opened ? '0' : undefined
-  }, null, 8
-  /* PROPS */
-  , ["tabIndex"])], 2
-  /* CLASS */
-  )], 2
-  /* CLASS */
-  );
-}
-
-export { render };

package/dist/lib/src/components/modal/styles/CdrModal.module.scss_vue&type=style&index=0&src&id=57e9fd64&module=true&lang.css.js

@@ -1,17 +0,0 @@
-var style0 = {
-  "cdr-modal": "cdr-modal_13-0-0-alpha-0",
-  "cdr-modal__overlay": "cdr-modal__overlay_13-0-0-alpha-0",
-  "cdr-modal__outerWrap": "cdr-modal__outerWrap_13-0-0-alpha-0",
-  "cdr-modal__contentWrap": "cdr-modal__contentWrap_13-0-0-alpha-0",
-  "cdr-modal__innerWrap": "cdr-modal__innerWrap_13-0-0-alpha-0",
-  "cdr-modal__dialog": "cdr-modal__dialog_13-0-0-alpha-0",
-  "cdr-modal__content": "cdr-modal__content_13-0-0-alpha-0",
-  "cdr-modal__header": "cdr-modal__header_13-0-0-alpha-0",
-  "cdr-modal__title": "cdr-modal__title_13-0-0-alpha-0",
-  "cdr-modal__close-button": "cdr-modal__close-button_13-0-0-alpha-0",
-  "cdr-modal__text": "cdr-modal__text_13-0-0-alpha-0",
-  "cdr-modal__text-content": "cdr-modal__text-content_13-0-0-alpha-0",
-  "cdr-modal--closed": "cdr-modal--closed_13-0-0-alpha-0"
-};
-
-export default style0;

package/dist/lib/src/components/pagination/CdrPagination.vue_vue&type=script&lang.js

@@ -1,211 +0,0 @@
-import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
-import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
-import { defineComponent, ref, computed, onMounted, watch, useCssModule, nextTick } from 'vue';
-import mapClasses from '../../utils/mapClasses.js';
-import validateProp from '../../utils/propValidator.js';
-import '../icon/comps/caret-left.js';
-import '../icon/comps/caret-right.js';
-import '../select/CdrSelect.js';
-import script$1 from '../icon/comps/caret-left.vue_vue&type=script&lang.js';
-import script$2 from '../icon/comps/caret-right.vue_vue&type=script&lang.js';
-import script$3 from '../select/CdrSelect.vue_vue&type=script&lang.js';
-
-var script = defineComponent({
-  name: 'CdrPagination',
-  components: {
-    IconCaretLeft: script$1,
-    IconCaretRight: script$2,
-    CdrSelect: script$3
-  },
-  props: {
-    // NOTE pagination now requires an ID
-    id: {
-      type: String,
-      required: true
-    },
-
-    /**
-     * Total number of pages. Sometimes the total number of pages is different than total page data
-     * and this prop allows for that.
-     */
-    totalPages: {
-      type: Number,
-      default: null
-    },
-
-    /**
-     * Array of objects. Objects have structure of { page: Number, url: String }
-     */
-    pages: {
-      type: Array,
-      required: true,
-      validator: function validator(value) {
-        var result = value.every(function (obj) {
-          if (!Object.prototype.hasOwnProperty.call(obj, 'page') || typeof obj.page !== 'number') {
-            console.error('Property "page" is missing or is not a number', obj); // eslint-disable-line
-
-            return false;
-          }
-
-          if (!Object.prototype.hasOwnProperty.call(obj, 'url') || typeof obj.url !== 'string') {
-            console.error('Property "url" is missing or is not a string', obj); // eslint-disable-line
-
-            return false;
-          }
-
-          return true;
-        });
-        return result;
-      }
-    },
-    linkTag: {
-      type: String,
-      default: 'a',
-      validator: function validator(value) {
-        return validateProp(value, ['a', 'button']);
-      }
-    },
-    forLabel: {
-      type: String,
-      default: ''
-    },
-
-    /** @ignore used for binding v-model, represents the current page */
-    modelValue: {
-      type: Number
-    }
-  },
-
-  setup(props, ctx) {
-    var currentIdx = ref(0);
-    var innerValue = computed({
-      get: function get() {
-        return props.modelValue;
-      },
-      set: function set(val) {
-        setCurrentIdx(val);
-        ctx.emit('update:modelValue', val);
-      }
-    });
-
-    var setCurrentIdx = function setCurrentIdx(page) {
-      var _context;
-
-      currentIdx.value = _mapInstanceProperty(_context = props.pages).call(_context, function (x) {
-        return x.page;
-      }).indexOf(page);
-    };
-
-    var navigate = function navigate(pageNum, e) {
-      // TODO: provide option to just emit without navigating to support vue-router?
-      // Dont do anything if clicking the current active page
-      if (pageNum === innerValue.value) {
-        e.preventDefault();
-        return;
-      }
-
-      innerValue.value = pageNum;
-      ctx.emit('navigate', pageNum, currentUrl.value, e); // TODO: is this still necessary?
-
-      nextTick(function () {
-        // Done in a nextTick() to ensure rendering complete
-        try {
-          // Emulate native link click page reloading behaviour by blurring the
-          // paginator and returning focus to the document
-          var target = e.currentTarget || e.target;
-          target.blur();
-        } catch (err) {
-          // eslint-disable-next-line no-console
-          console.error(err);
-        }
-      });
-    };
-
-    var select = function select(page, e) {
-      e.preventDefault();
-      console.log('IMPLEMENT ME!', page); // TODO: add page links to refs array? better way to do this???
-      // $refs[`page-link-${page}-${componentID}`].click();
-    };
-
-    var currentUrl = computed(function () {
-      return props.pages[currentIdx.value].url;
-    });
-    var ariaLabel = computed(function () {
-      return props.forLabel || 'Pagination';
-    });
-    var prevPageData = computed(function () {
-      return props.pages[currentIdx.value - 1];
-    });
-    var nextPageData = computed(function () {
-      return props.pages[currentIdx.value + 1];
-    });
-    var paginationData = computed(function () {
-      var total = props.pages.length;
-      var current = innerValue.value;
-      var delta = 1;
-      var range = [];
-      var over5 = true;
-      var over5remain = true;
-
-      if (total <= 7) {
-        // all pages
-        return props.pages;
-      }
-
-      if (current < 5) {
-        var _context2;
-
-        // if first 5 pages
-        over5 = false; // [2-5]
-
-        range = _sliceInstanceProperty(_context2 = props.pages).call(_context2, 1, 5);
-      } else if (total - current < 4) {
-        var _context3;
-
-        // if last 5 pages
-        over5remain = false;
-        range = _sliceInstanceProperty(_context3 = props.pages).call(_context3, -5, -1);
-      } else {
-        // else in between
-        for (var i = Math.max(2, current - delta); i <= Math.min(total - 1, current + delta); i += 1) {
-          range.push(props.pages[i - 1]);
-        }
-      }
-
-      if (current - delta > 2 && over5) {
-        range.unshift('&hellip;');
-      }
-
-      if (current + delta < total - 1 && over5remain) {
-        range.push('&hellip;');
-      }
-
-      range.unshift(props.pages[0]);
-      range.push(props.pages[total - 1]);
-      return range;
-    });
-    onMounted(function () {
-      return setCurrentIdx(innerValue.value);
-    });
-    watch(function () {
-      return props.pages;
-    }, function () {
-      return setCurrentIdx(innerValue.value);
-    });
-    return {
-      style: useCssModule(),
-      innerValue,
-      currentIdx,
-      ariaLabel,
-      prevPageData,
-      nextPageData,
-      paginationData,
-      select,
-      navigate,
-      mapClasses
-    };
-  }
-
-});
-
-export default script;

package/dist/lib/src/components/pagination/CdrPagination.vue_vue&type=template&id=15a761e6&lang.js

@@ -1,170 +0,0 @@
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
-import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
-import { resolveComponent, openBlock, createBlock, createVNode, resolveDynamicComponent, withCtx, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
-
-var _hoisted_1 = {
-  key: 0
-};
-var _hoisted_2 = {
-  key: 1,
-  "aria-hidden": "true"
-};
-var _hoisted_3 = {
-  key: 2
-};
-var _hoisted_4 = {
-  key: 3,
-  "aria-hidden": "true"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_icon_caret_left = resolveComponent("icon-caret-left");
-
-  var _component_cdr_select = resolveComponent("cdr-select");
-
-  var _component_icon_caret_right = resolveComponent("icon-caret-right");
-
-  return openBlock(), createBlock("nav", {
-    "aria-label": _ctx.ariaLabel
-  }, [createVNode("ol", {
-    class: _ctx.style['cdr-pagination']
-  }, [_ctx.innerValue > _ctx.pages[0].page ? (openBlock(), createBlock("li", _hoisted_1, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.linkTag), {
-    "aria-label": "Go to previous page",
-    href: _ctx.linkTag === 'a' && _ctx.prevPageData && _ctx.prevPageData.url || undefined,
-    class: _ctx.mapClasses(_ctx.style, 'cdr-pagination__link', 'cdr-pagination__prev'),
-    onClick: _cache[1] || (_cache[1] = function (e) {
-      return _ctx.navigate(_ctx.prevPageData.page, e);
-    })
-  }, {
-    default: withCtx(function () {
-      return [createVNode(_component_icon_caret_left, {
-        class: _ctx.style['cdr-pagination_caret--prev']
-      }, null, 8
-      /* PROPS */
-      , ["class"])];
-    }),
-    _: 1
-    /* STABLE */
-
-  }, 8
-  /* PROPS */
-  , ["href", "class"]))])) : (openBlock(), createBlock("li", _hoisted_2, [createVNode("span", {
-    "aria-disabled": "true",
-    class: _ctx.mapClasses(_ctx.style, 'cdr-pagination__link', 'cdr-pagination__prev', 'cdr-pagination__link--disabled')
-  }, [createVNode(_component_icon_caret_left, {
-    class: _ctx.style['cdr-pagination_caret--prev'],
-    "inherit-color": ""
-  }, null, 8
-  /* PROPS */
-  , ["class"])], 2
-  /* CLASS */
-  )])), (openBlock(true), createBlock(Fragment, null, renderList(_ctx.paginationData, function (n) {
-    var _context;
-
-    return openBlock(), createBlock("li", {
-      key: _concatInstanceProperty(_context = "pagination-".concat(_ctx.id, "-li-")).call(_context, n.page),
-      class: _ctx.style['cdr-pagination__li--links']
-    }, [n.page ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.linkTag), {
-      key: 0,
-      class: _ctx.mapClasses(_ctx.style, 'cdr-pagination__link', n.page === _ctx.innerValue && 'cdr-pagination__link--current'),
-      "aria-label": n.page === _ctx.innerValue ? "Current page, page ".concat(n.page) : "Go to page ".concat(n.page),
-      "aria-current": n.page === _ctx.innerValue ? 'page' : null,
-      href: _ctx.linkTag === 'a' && n.url || undefined,
-      onClick: function onClick(e) {
-        return _ctx.navigate(n.page, e);
-      }
-    }, {
-      default: withCtx(function () {
-        return [createTextVNode(toDisplayString(n.page), 1
-        /* TEXT */
-        )];
-      }),
-      _: 2
-      /* DYNAMIC */
-
-    }, 1032
-    /* PROPS, DYNAMIC_SLOTS */
-    , ["class", "aria-label", "aria-current", "href", "onClick"])) : (openBlock(), createBlock("span", {
-      key: 1,
-      class: _ctx.style['cdr-pagination__ellipse']
-    }, " … ", 2
-    /* CLASS */
-    ))], 2
-    /* CLASS */
-    );
-  }), 128
-  /* KEYED_FRAGMENT */
-  )), createVNode("li", {
-    class: _ctx.style['cdr-pagination__li--select']
-  }, [createVNode(_component_cdr_select, {
-    id: "pagination-select-".concat(_ctx.id),
-    modelValue: _ctx.innerValue,
-    "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
-      return _ctx.innerValue = $event;
-    }),
-    label: "Navigate to page",
-    "hide-label": "",
-    onChange: _ctx.select
-  }, {
-    default: withCtx(function () {
-      var _context2;
-
-      return [(openBlock(true), createBlock(Fragment, null, renderList(_filterInstanceProperty(_context2 = _ctx.paginationData).call(_context2, function (n) {
-        return n.page;
-      }), function (page) {
-        var _context3;
-
-        return openBlock(), createBlock("option", {
-          key: _concatInstanceProperty(_context3 = "pagination-".concat(_ctx.id, "-select-")).call(_context3, page.page),
-          value: page.page
-        }, " Page " + toDisplayString(page.page) + toDisplayString(_ctx.totalPages === null ? '' : " of ".concat(_ctx.totalPages)), 9
-        /* TEXT, PROPS */
-        , ["value"]);
-      }), 128
-      /* KEYED_FRAGMENT */
-      ))];
-    }),
-    _: 1
-    /* STABLE */
-
-  }, 8
-  /* PROPS */
-  , ["id", "modelValue", "onChange"])], 2
-  /* CLASS */
-  ), _ctx.innerValue < _ctx.pages[_ctx.pages.length - 1].page ? (openBlock(), createBlock("li", _hoisted_3, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.linkTag), {
-    "aria-label": "Go to next page",
-    href: _ctx.linkTag === 'a' && _ctx.nextPageData && _ctx.nextPageData.url || undefined,
-    class: _ctx.mapClasses(_ctx.style, 'cdr-pagination__link', 'cdr-pagination__next'),
-    onClick: _cache[3] || (_cache[3] = function (e) {
-      return _ctx.navigate(_ctx.nextPageData.page, e);
-    })
-  }, {
-    default: withCtx(function () {
-      return [createVNode(_component_icon_caret_right, {
-        class: _ctx.style['cdr-pagination_caret--next']
-      }, null, 8
-      /* PROPS */
-      , ["class"])];
-    }),
-    _: 1
-    /* STABLE */
-
-  }, 8
-  /* PROPS */
-  , ["href", "class"]))])) : (openBlock(), createBlock("li", _hoisted_4, [createVNode("span", {
-    "aria-disabled": "true",
-    class: _ctx.mapClasses(_ctx.style, 'cdr-pagination__link', 'cdr-pagination__next', 'cdr-pagination__link--disabled')
-  }, [createVNode(_component_icon_caret_right, {
-    class: _ctx.style['cdr-pagination_caret--next'],
-    "inherit-color": ""
-  }, null, 8
-  /* PROPS */
-  , ["class"])], 2
-  /* CLASS */
-  )]))], 2
-  /* CLASS */
-  )], 8
-  /* PROPS */
-  , ["aria-label"]);
-}
-
-export { render };

package/dist/lib/src/components/pagination/styles/CdrPagination.module.scss_vue&type=style&index=0&src&id=15a761e6&module=true&lang.css.js

@@ -1,15 +0,0 @@
-var style0 = {
-  "cdr-pagination": "cdr-pagination_13-0-0-alpha-0",
-  "cdr-pagination__li--links": "cdr-pagination__li--links_13-0-0-alpha-0",
-  "cdr-pagination__li--select": "cdr-pagination__li--select_13-0-0-alpha-0",
-  "cdr-pagination__link": "cdr-pagination__link_13-0-0-alpha-0",
-  "cdr-pagination__link--current": "cdr-pagination__link--current_13-0-0-alpha-0",
-  "cdr-pagination__link--disabled": "cdr-pagination__link--disabled_13-0-0-alpha-0",
-  "cdr-pagination__ellipse": "cdr-pagination__ellipse_13-0-0-alpha-0",
-  "cdr-pagination__prev": "cdr-pagination__prev_13-0-0-alpha-0",
-  "cdr-pagination__next": "cdr-pagination__next_13-0-0-alpha-0",
-  "cdr-pagination__caret--prev": "cdr-pagination__caret--prev_13-0-0-alpha-0",
-  "cdr-pagination__caret--next": "cdr-pagination__caret--next_13-0-0-alpha-0"
-};
-
-export default style0;

package/dist/lib/src/components/popover/CdrPopover.vue_vue&type=script&lang.js

@@ -1,115 +0,0 @@
-import { defineComponent, ref, watch, onMounted, useCssModule, nextTick } from 'vue';
-import tabbable from 'tabbable';
-import '../icon/comps/x-sm.js';
-import '../button/CdrButton.js';
-import '../popup/CdrPopup.js';
-import validateProp from '../../utils/propValidator.js';
-import mapClasses from '../../utils/mapClasses.js';
-import script$1 from '../popup/CdrPopup.vue_vue&type=script&lang.js';
-import script$3 from '../icon/comps/x-sm.vue_vue&type=script&lang.js';
-import script$2 from '../button/CdrButton.vue_vue&type=script&lang.js';
-
-var script = defineComponent({
-  name: 'CdrPopover',
-  components: {
-    CdrPopup: script$1,
-    CdrButton: script$2,
-    IconXSm: script$3
-  },
-  props: {
-    position: {
-      type: String,
-      required: false,
-      default: 'top',
-      validator: function validator(value) {
-        return validateProp(value, ['top', 'bottom', 'left', 'right']);
-      }
-    },
-    autoPosition: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    label: {
-      type: String,
-      required: false
-    },
-    id: {
-      type: String,
-      required: true
-    },
-    contentClass: {
-      type: String,
-      required: false
-    },
-    open: {
-      type: Boolean,
-      default: false,
-      required: false
-    }
-  },
-
-  setup(props, ctx) {
-    var isOpen = ref(false);
-    var lastActive;
-    var triggerEl = ref(null);
-    var popupEl = ref(null);
-    var hasTrigger = ctx.slots.trigger;
-    var hasTitle = ctx.slots.title || props.label;
-
-    var openPopover = function openPopover(e) {
-      var _document = document,
-          activeElement = _document.activeElement;
-      lastActive = activeElement;
-      isOpen.value = true;
-      ctx.emit('opened', e);
-      nextTick(function () {
-        var tabbables = tabbable(popupEl.value);
-        if (tabbables[0]) tabbables[0].focus();
-      });
-    };
-
-    var closePopover = function closePopover(e) {
-      isOpen.value = false;
-      ctx.emit('closed', e);
-      if (lastActive) lastActive.focus();
-    };
-
-    var addHandlers = function addHandlers() {
-      var triggerElement = triggerEl.value.children[0];
-
-      if (triggerElement) {
-        triggerElement.addEventListener('click', openPopover);
-      }
-    };
-
-    watch(function () {
-      return props.open;
-    }, function () {
-      // TODO: if eslint yells about this then eslint must go :)
-      props.open ? openPopover() : closePopover();
-    });
-    onMounted(function () {
-      addHandlers();
-      var trigger = triggerEl.value.children[0];
-
-      if (trigger) {
-        trigger.setAttribute('aria-controls', props.id);
-        trigger.setAttribute('aria-haspopup', 'dialog');
-      }
-    });
-    return {
-      style: useCssModule(),
-      mapClasses,
-      hasTrigger,
-      triggerEl,
-      hasTitle,
-      closePopover,
-      openPopover,
-      isOpen
-    };
-  }
-
-});
-
-export default script;