@rei/cedar 14.0.2-alpha.4 → 14.0.2-alpha.6

package/dist/src/components/labelStandalone/styles/CdrLabelStandalone.module.scss.mjs

@@ -1,17 +0,0 @@
-const a = {
-  "cdr-label-standalone": "cdr-label-standalone_14-0-2-alpha-4",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_14-0-2-alpha-4",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_14-0-2-alpha-4",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_14-0-2-alpha-4",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_14-0-2-alpha-4",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_14-0-2-alpha-4",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_14-0-2-alpha-4",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_14-0-2-alpha-4",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_14-0-2-alpha-4",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_14-0-2-alpha-4",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_14-0-2-alpha-4",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_14-0-2-alpha-4"
-};
-export {
-  a as default
-};

package/dist/src/components/labelWrapper/CdrLabelWrapper.vue.mjs

@@ -1,9 +0,0 @@
-import s from "./CdrLabelWrapper.vue2.mjs";
-import o from "./styles/CdrLabelWrapper.module.scss.mjs";
-import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const t = {
-  $style: o
-}, c = /* @__PURE__ */ r(s, [["__cssModules", t]]);
-export {
-  c as default
-};

package/dist/src/components/labelWrapper/CdrLabelWrapper.vue2.mjs

@@ -1,31 +0,0 @@
-import { defineComponent as b, useCssModule as u, computed as n, openBlock as f, createElementBlock as C, normalizeClass as r, unref as s, createElementVNode as t, renderSlot as i } from "vue";
-import { responsiveModifyClass as g } from "../../utils/buildClass.mjs";
-import $ from "../../props/background.mjs";
-import v from "../../utils/mapClasses.mjs";
-const c = "cdr-label-wrapper", _ = /* @__PURE__ */ b({
-  name: "CdrLabelWrapper",
-  __name: "CdrLabelWrapper",
-  props: {
-    labelClass: String,
-    contentClass: String,
-    background: $,
-    disabled: Boolean,
-    modifier: String,
-    size: String
-  },
-  setup(a) {
-    const e = a, l = u(), d = n(() => e.modifier ? `${c}--${e.modifier}` : ""), p = n(() => e.size ? g(c, "", e.size) : ""), m = n(() => e.disabled ? `${c}--disabled` : "");
-    return (o, w) => (f(), C("div", {
-      class: r(s(l)["cdr-label-wrapper__container"])
-    }, [t("label", {
-      class: r(s(v)(s(l), "cdr-label-wrapper", `cdr-label-wrapper--${a.background}`, m.value, d.value, p.value).concat(` ${a.labelClass || ""}`))
-    }, [i(o.$slots, "input"), t("span", {
-      class: r(s(l)["cdr-label-wrapper__figure"])
-    }, null, 2), i(o.$slots, "svgs"), t("span", {
-      class: r([s(l)["cdr-label-wrapper__content"], a.contentClass])
-    }, [i(o.$slots, "default")], 2)], 2)], 2));
-  }
-});
-export {
-  _ as default
-};

package/dist/src/components/labelWrapper/styles/CdrLabelWrapper.module.scss.mjs

@@ -1,30 +0,0 @@
-const a = {
-  "cdr-label-wrapper": "cdr-label-wrapper_14-0-2-alpha-4",
-  "cdr-label-wrapper__container": "cdr-label-wrapper__container_14-0-2-alpha-4",
-  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_14-0-2-alpha-4",
-  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_14-0-2-alpha-4",
-  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_14-0-2-alpha-4",
-  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_14-0-2-alpha-4",
-  "cdr-label-wrapper__content": "cdr-label-wrapper__content_14-0-2-alpha-4",
-  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_14-0-2-alpha-4",
-  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_14-0-2-alpha-4",
-  "cdr-label-wrapper--small": "cdr-label-wrapper--small_14-0-2-alpha-4",
-  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_14-0-2-alpha-4",
-  "cdr-label-wrapper--large": "cdr-label-wrapper--large_14-0-2-alpha-4",
-  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_14-0-2-alpha-4",
-  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_14-0-2-alpha-4",
-  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_14-0-2-alpha-4",
-  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_14-0-2-alpha-4",
-  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_14-0-2-alpha-4",
-  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_14-0-2-alpha-4",
-  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_14-0-2-alpha-4",
-  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_14-0-2-alpha-4",
-  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_14-0-2-alpha-4",
-  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_14-0-2-alpha-4",
-  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_14-0-2-alpha-4",
-  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_14-0-2-alpha-4",
-  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_14-0-2-alpha-4"
-};
-export {
-  a as default
-};

package/dist/src/components/link/CdrLink.vue.mjs

@@ -1,9 +0,0 @@
-import s from "./CdrLink.vue2.mjs";
-import o from "./styles/CdrLink.module.scss.mjs";
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  f as default
-};

package/dist/src/components/link/CdrLink.vue2.mjs

@@ -1,59 +0,0 @@
-import { defineComponent as c, useCssModule as u, computed as t, openBlock as m, createBlock as p, resolveDynamicComponent as C, normalizeClass as g, unref as o, withCtx as h, renderSlot as k } from "vue";
-import v from "../../utils/mapClasses.mjs";
-import y from "../../utils/propValidator.mjs";
-const a = "cdr-link", b = /* @__PURE__ */ c({
-  name: "CdrLink",
-  __name: "CdrLink",
-  props: {
-    /**
-     * Sets valid HTML element tag
-     * @values a, button
-     */
-    tag: {
-      type: String,
-      default: "a"
-    },
-    /**
-     * Sets value for anchors href property. Requires tag prop value to be `a`.
-     */
-    href: {
-      type: String,
-      default: "#"
-    },
-    /**
-     * Sets color and fill
-     */
-    inheritColor: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Modifies the style variant for this component.
-     * @values standalone
-     */
-    modifier: {
-      type: String,
-      default: "",
-      validator: (r) => y(r, ["", "standalone"])
-    },
-    /** @ignore */
-    target: String,
-    /** @ignore */
-    rel: String
-  },
-  setup(r) {
-    const e = r, l = u(), n = t(() => e.tag === "a" ? e.href : null), i = t(() => e.target === "_blank" ? e.rel || "noopener noreferrer" : e.rel), s = t(() => e.modifier ? `${a}--${e.modifier}` : ""), f = t(() => e.inheritColor ? "cdr-link--inherit-color" : "");
-    return (d, S) => (m(), p(C(r.tag), {
-      class: g(o(v)(o(l), a, s.value, f.value)),
-      target: r.target,
-      rel: i.value,
-      href: n.value
-    }, {
-      default: h(() => [k(d.$slots, "default")]),
-      _: 3
-    }, 8, ["class", "target", "rel", "href"]));
-  }
-});
-export {
-  b as default
-};

package/dist/src/components/link/styles/CdrLink.module.scss.mjs

@@ -1,8 +0,0 @@
-const l = {
-  "cdr-link": "cdr-link_14-0-2-alpha-4",
-  "cdr-link--standalone": "cdr-link--standalone_14-0-2-alpha-4",
-  "cdr-link--inherit-color": "cdr-link--inherit-color_14-0-2-alpha-4"
-};
-export {
-  l as default
-};

package/dist/src/components/list/CdrList.vue.mjs

@@ -1,9 +0,0 @@
-import s from "./CdrList.vue2.mjs";
-import o from "./styles/CdrList.module.scss.mjs";
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  f as default
-};

package/dist/src/components/list/CdrList.vue2.mjs

@@ -1,39 +0,0 @@
-import { defineComponent as n, useCssModule as d, computed as c, openBlock as m, createBlock as u, resolveDynamicComponent as p, normalizeClass as f, unref as C, withCtx as v, renderSlot as g } from "vue";
-import s from "../../utils/propValidator.mjs";
-const a = "cdr-list", S = /* @__PURE__ */ n({
-  name: "CdrList",
-  __name: "CdrList",
-  props: {
-    /**
-     * Sets list type and HTML element as "unordered" or "ordered"
-     * @values ul, ol
-     */
-    tag: {
-      type: String,
-      default: "ul",
-      validator: (e) => s(e, ["ul", "ol"])
-    },
-    /**
-     * Modifies the style variant for this component
-     * @demoSelectMultiple true
-     * @values ordered, unordered, compact, inline
-     */
-    modifier: {
-      type: String,
-      default: "",
-      validator: (e) => s(e, ["", "ordered", "unordered", "compact", "inline"])
-    }
-  },
-  setup(e) {
-    const i = e, t = d(), l = c(() => i.modifier.split(" ").map((r) => t[`${a}--${r}`]));
-    return (o, r) => (m(), u(p(e.tag), {
-      class: f([C(t)[a], l.value])
-    }, {
-      default: v(() => [g(o.$slots, "default")]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
-export {
-  S as default
-};

package/dist/src/components/list/styles/CdrList.module.scss.mjs

@@ -1,10 +0,0 @@
-const d = {
-  "cdr-list": "cdr-list_14-0-2-alpha-4",
-  "cdr-list--compact": "cdr-list--compact_14-0-2-alpha-4",
-  "cdr-list--ordered": "cdr-list--ordered_14-0-2-alpha-4",
-  "cdr-list--unordered": "cdr-list--unordered_14-0-2-alpha-4",
-  "cdr-list--inline": "cdr-list--inline_14-0-2-alpha-4"
-};
-export {
-  d as default
-};

package/dist/src/components/modal/CdrModal.vue.mjs

@@ -1,9 +0,0 @@
-import o from "./CdrModal.vue2.mjs";
-import s from "./styles/CdrModal.module.scss.mjs";
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
-export {
-  f as default
-};

package/dist/src/components/modal/CdrModal.vue2.mjs

@@ -1,225 +0,0 @@
-import { defineComponent as te, useAttrs as le, useCssModule as oe, ref as l, computed as h, watch as ne, onMounted as ae, onUnmounted as se, openBlock as re, createElementBlock as de, normalizeClass as r, unref as o, createElementVNode as n, mergeProps as ce, renderSlot as E, normalizeStyle as z, toDisplayString as ie, createCommentVNode as ue, createVNode as O, withCtx as me, nextTick as A } from "vue";
-import { debounce as fe } from "../../utils/debounce.mjs";
-import R from "tabbable";
-import { CdrSpaceTwoX as X, CdrSpaceOneX as ve, CdrBreakpointSm as pe } from "../../../node_modules/@rei/cdr-tokens/dist/rei-dot-com/js/cdr-tokens.mjs";
-import he from "./onTransitionEnd.mjs";
-import ye from "../button/CdrButton.vue.mjs";
-import be from "../icon/comps/x-lg.vue.mjs";
-import P from "../../utils/mapClasses.mjs";
-const ge = ["tabIndex"], we = ["role", "aria-label"], xe = ["tabIndex"], Ce = "cdr-modal", Be = /* @__PURE__ */ te({
-  name: "CdrModal",
-  __name: "CdrModal",
-  props: {
-    /**
-     * Toggles the state of the modal
-     * @demoIgnore true
-     */
-    opened: {
-      type: Boolean,
-      required: !0
-    },
-    /**
-     * Sets `aria-label` and modal title text. Can also use title slot to set title.
-     */
-    label: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Toggles the modal title text, which comes from `label` prop or `title` slot.
-     */
-    showTitle: {
-      type: Boolean,
-      required: !1,
-      default: !0
-    },
-    /**
-     * Text for aria-describedby attribute. Applied to modal content element
-     */
-    ariaDescribedby: {
-      type: String,
-      required: !1,
-      default: null
-    },
-    /**
-     * Sets the `role` attribute on the modal content element
-     * @values dialog, alertDialog
-     */
-    role: {
-      type: String,
-      required: !1,
-      default: "dialog"
-    },
-    /**
-     * Sets unique `id` for modal
-     */
-    id: {
-      type: String,
-      required: !1,
-      default: null
-    },
-    /** Adds custom class to the `cdr-modal__overlay` div */
-    overlayClass: String,
-    /** Adds custom class to the `cdr-modal__outerWrap` div */
-    wrapperClass: String,
-    /** Adds custom class to the `cdr-modal__innerWrap` div */
-    contentClass: String,
-    /** Sets duration for modal's close animation */
-    animationDuration: {
-      type: Number,
-      default: 300
-    }
-  },
-  emits: {
-    /** Fires when modal is closed */
-    closed: null
-  },
-  setup(a, {
-    emit: V
-  }) {
-    const i = a, F = le(), s = oe();
-    let y, b;
-    const g = l(!i.opened), w = l(!1), d = l({
-      x: void 0,
-      y: void 0
-    }), _ = l(0), S = l(0), k = l(0), L = l(0), H = l(0), T = l(0), N = l(!1), u = l(null), v = l(null), m = l(null), B = l(null), x = () => {
-      A(() => {
-        var e, t, f, c, p;
-        S.value = window.innerHeight, N.value = window.innerWidth < +pe, _.value = ((e = B.value) == null ? void 0 : e.offsetHeight) || 0, k.value = ((t = m.value) == null ? void 0 : t.scrollHeight) || 0, L.value = ((f = m.value) == null ? void 0 : f.offsetHeight) || 0, H.value = ((c = m.value) == null ? void 0 : c.offsetWidth) || 0, T.value = ((p = m.value) == null ? void 0 : p.clientWidth) || 0;
-      });
-    }, C = (e) => {
-      V("closed", e);
-    }, W = ({
-      key: e
-    }) => {
-      switch (e) {
-        case "Escape":
-        case "Esc":
-          C();
-          break;
-      }
-    }, $ = (e) => {
-      var M;
-      const {
-        documentElement: t
-      } = document;
-      if ((M = u.value) != null && M.contains(e.target) || !t)
-        return;
-      const f = R(t), c = R(u.value), p = f.indexOf(e.target), ee = f.indexOf(c[0]), D = p < ee ? c[c.length - 1] : c[0];
-      D && D.focus();
-    }, I = fe(() => {
-      x();
-    }, 300), K = () => {
-      const {
-        documentElement: e,
-        body: t
-      } = document;
-      d.value = {
-        x: window.scrollX || (e || {}).scrollLeft || (t || {}).scrollLeft || 0,
-        y: window.scrollY || (e || {}).scrollTop || (t || {}).scrollTop || 0
-      }, e && (e.classList.add("cdr-modal__noscroll"), e.style.top = `-${d.value.y}px`, e.style.left = `-${d.value.x}px`), t && t.classList.add("cdr-modal__noscroll");
-    }, U = () => {
-      const {
-        documentElement: e,
-        body: t
-      } = document;
-      t && t.classList.remove("cdr-modal__noscroll"), e && (e.classList.remove("cdr-modal__noscroll"), e.style.top = "", e.style.left = "");
-    }, Y = () => {
-      document.addEventListener("focusin", $, !0), document.addEventListener("keydown", W);
-    }, q = () => {
-      const {
-        activeElement: e
-      } = document;
-      K(), w.value = !0, g.value = !1, b = e, A(() => {
-        u.value && u.value.focus(), x(), Y(), setTimeout(() => {
-          v.value && (v.value.scrollTop = 0), x();
-        });
-      });
-    }, j = () => {
-      const {
-        documentElement: e
-      } = document;
-      document.removeEventListener("keydown", W), document.removeEventListener("focusin", $, !0), w.value = !1, y = he(v.value, () => {
-        w.value || (y && y(), U(), g.value = !0, e && (e.style.scrollBehavior = "auto"), d.value.x !== void 0 && d.value.y !== void 0 && window.scrollTo(d.value.x, d.value.y), e && (e.style.scrollBehavior = ""), b && b.focus());
-      }, i.animationDuration + 16);
-    }, G = h(() => ({
-      ...F,
-      "aria-describedby": i.ariaDescribedby,
-      id: i.id
-    })), J = h(() => {
-      const e = Number(X), t = Number(X) + Number(ve);
-      return N.value ? e : t + e;
-    }), Q = h(() => S.value - _.value - J.value), Z = h(() => {
-      const e = k.value > L.value, t = H.value - T.value > 0;
-      return e && t ? 4 : e ? 12 : 0;
-    });
-    return ne(() => i.opened, (e, t) => {
-      !!e != !!t && (e ? q() : j());
-    }), ae(() => {
-      i.opened && q(), window.addEventListener("resize", I);
-    }), se(() => {
-      window.removeEventListener("resize", I);
-    }), (e, t) => (re(), de("div", {
-      class: r(o(P)(o(s), Ce, a.opened ? "" : "cdr-modal--closed")),
-      ref_key: "wrapperEl",
-      ref: v
-    }, [n("div", {
-      class: r([o(s)["cdr-modal__outerWrap"], a.wrapperClass])
-    }, [n("div", {
-      "aria-hidden": "true",
-      onClick: C,
-      class: r([o(s)["cdr-modal__overlay"], a.overlayClass])
-    }, null, 2), n("div", {
-      tabIndex: a.opened ? "0" : void 0
-    }, null, 8, ge), n("div", ce({
-      ref_key: "modalEl",
-      ref: u,
-      class: o(P)(o(s), "cdr-modal__contentWrap", "cdr-modal__dialog"),
-      tabIndex: "-1",
-      role: a.role,
-      "aria-modal": "true",
-      "aria-label": a.label
-    }, G.value), [E(e.$slots, "modal", {}, () => [n("div", {
-      class: r([o(s)["cdr-modal__innerWrap"], a.contentClass]),
-      style: z(g.value ? {
-        display: "none"
-      } : void 0)
-    }, [n("section", null, [n("div", {
-      class: r(o(s)["cdr-modal__content"])
-    }, [n("div", {
-      class: r(o(s)["cdr-modal__header"]),
-      ref_key: "headerEl",
-      ref: B
-    }, [n("div", {
-      class: r(o(s)["cdr-modal__title"])
-    }, [a.showTitle ? E(e.$slots, "title", {
-      key: 0
-    }, () => [n("h1", null, ie(a.label), 1)]) : ue("", !0)], 2), O(ye, {
-      class: r(o(s)["cdr-modal__close-button"]),
-      "icon-only": "",
-      "with-background": !0,
-      onClick: C,
-      "aria-label": "Close"
-    }, {
-      icon: me(() => [O(be, {
-        "inherit-color": ""
-      })]),
-      _: 1
-    }, 8, ["class"])], 2), n("div", {
-      class: r(o(s)["cdr-modal__text-content"]),
-      style: z({
-        maxHeight: `${Q.value}px`,
-        paddingRight: `${Z.value}px`
-      }),
-      role: "document",
-      ref_key: "contentEl",
-      ref: m,
-      tabindex: "0"
-    }, [E(e.$slots, "default")], 6)], 2)])], 6)])], 16, we), n("div", {
-      tabIndex: a.opened ? "0" : void 0
-    }, null, 8, xe)], 2)], 2));
-  }
-});
-export {
-  Be as default
-};

package/dist/src/components/modal/onTransitionEnd.mjs

@@ -1,32 +0,0 @@
-const r = {
-  transition: "transitionend",
-  WebkitTransition: "webkitTransitionEnd",
-  MozTransition: "transitionend",
-  OTransition: "oTransitionEnd otransitionend"
-};
-let o;
-if (typeof document < "u") {
-  const { style: i } = document.createElement("div"), n = Object.keys(r);
-  for (let t = 0, e = n[t]; t < n.length; t += 1, e = n[t])
-    if (e in i) {
-      o = r[e];
-      break;
-    }
-}
-const s = (i, n, t) => {
-  if (!i)
-    return;
-  i.addEventListener(o, n);
-  let e;
-  return t && (e = setTimeout(
-    () => {
-      i.removeEventListener(o, n), n();
-    },
-    t
-  )), () => {
-    clearTimeout(e), i.removeEventListener(o, n);
-  };
-};
-export {
-  s as default
-};

package/dist/src/components/modal/styles/CdrModal.module.scss.mjs

@@ -1,17 +0,0 @@
-const a = {
-  "cdr-modal": "cdr-modal_14-0-2-alpha-4",
-  "cdr-modal__overlay": "cdr-modal__overlay_14-0-2-alpha-4",
-  "cdr-modal__outerWrap": "cdr-modal__outerWrap_14-0-2-alpha-4",
-  "cdr-modal__contentWrap": "cdr-modal__contentWrap_14-0-2-alpha-4",
-  "cdr-modal__innerWrap": "cdr-modal__innerWrap_14-0-2-alpha-4",
-  "cdr-modal__dialog": "cdr-modal__dialog_14-0-2-alpha-4",
-  "cdr-modal__content": "cdr-modal__content_14-0-2-alpha-4",
-  "cdr-modal__header": "cdr-modal__header_14-0-2-alpha-4",
-  "cdr-modal__title": "cdr-modal__title_14-0-2-alpha-4",
-  "cdr-modal__close-button": "cdr-modal__close-button_14-0-2-alpha-4",
-  "cdr-modal__text-content": "cdr-modal__text-content_14-0-2-alpha-4",
-  "cdr-modal--closed": "cdr-modal--closed_14-0-2-alpha-4"
-};
-export {
-  a as default
-};

package/dist/src/components/pagination/CdrPagination.vue.mjs

@@ -1,9 +0,0 @@
-import o from "./CdrPagination.vue2.mjs";
-import s from "./styles/CdrPagination.module.scss.mjs";
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
-export {
-  f as default
-};