@rei/cedar 13.5.3 → 14.0.0-beta.0

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

@@ -1,74 +1,9 @@
-import { defineComponent as n, computed as r, useCssModule as i, openBlock as d, createBlock as f, resolveDynamicComponent as m, normalizeClass as u, withCtx as c, renderSlot as C } from "vue";
-import p from "../../utils/mapClasses.mjs";
-import g from "../../utils/propValidator.mjs";
-import h from "./styles/CdrLink.module.scss.mjs";
-import y from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const $ = n({
-  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: (e) => g(e, ["", "standalone"])
-    },
-    /** @ignore */
-    target: String,
-    /** @ignore */
-    rel: String
-  },
-  setup(e) {
-    const t = "cdr-link", o = r(() => e.tag === "a" ? e.href : null), s = r(() => e.target === "_blank" ? e.rel || "noopener noreferrer" : e.rel), l = r(() => e.modifier && `${t}--${e.modifier}`), a = r(() => e.inheritColor && "cdr-link--inherit-color");
-    return {
-      style: i(),
-      baseClass: t,
-      computedHref: o,
-      computedRel: s,
-      modifierClass: l,
-      inheritColorClass: a,
-      mapClasses: p
-    };
-  }
-});
-function k(e, t, o, s, l, a) {
-  return d(), f(m(e.tag), {
-    class: u(e.mapClasses(e.style, e.baseClass, e.modifierClass, e.inheritColorClass)),
-    target: e.target,
-    rel: e.computedRel,
-    href: e.computedHref
-  }, {
-    default: c(() => [C(e.$slots, "default")]),
-    _: 3
-  }, 8, ["class", "target", "rel", "href"]);
-}
-const S = {
-  $style: h
-}, L = /* @__PURE__ */ y($, [["render", k], ["__cssModules", S]]);
+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 {
-  L as default
+  f as default
 };

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

@@ -0,0 +1,59 @@
+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,7 +1,7 @@
 const n = {
-  "cdr-link": "cdr-link_13-5-3",
-  "cdr-link--standalone": "cdr-link--standalone_13-5-3",
-  "cdr-link--inherit-color": "cdr-link--inherit-color_13-5-3"
+  "cdr-link": "cdr-link_14-0-0-beta-0",
+  "cdr-link--standalone": "cdr-link--standalone_14-0-0-beta-0",
+  "cdr-link--inherit-color": "cdr-link--inherit-color_14-0-0-beta-0"
 };
 export {
   n as default

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

@@ -1,50 +1,9 @@
-import { defineComponent as a, useCssModule as n, computed as d, openBlock as m, createBlock as p, resolveDynamicComponent as c, normalizeClass as f, withCtx as u, renderSlot as C } from "vue";
-import i from "../../utils/propValidator.mjs";
-import $ from "./styles/CdrList.module.scss.mjs";
-import y from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const _ = a({
-  name: "CdrList",
-  props: {
-    /**
-     * Sets list type and HTML element as "unordered" or "ordered"
-     * @values ul, ol
-     */
-    tag: {
-      type: String,
-      default: "ul",
-      validator: (e) => i(e, ["ul", "ol"])
-    },
-    /**
-     * Modifies the style variant for this component
-     * @demoSelectMultiple true
-     * @values ordered, unordered, compact, inline
-     */
-    modifier: {
-      type: String,
-      default: "",
-      validator: (e) => i(e, ["", "ordered", "unordered", "compact", "inline"])
-    }
-  },
-  setup(e) {
-    const s = "cdr-list", o = n(), t = d(() => e.modifier.split(" ").map((r) => o[`${s}--${r}`]));
-    return {
-      style: o,
-      baseClass: s,
-      modifierClasses: t
-    };
-  }
-});
-function g(e, s, o, t, l, r) {
-  return m(), p(c(e.tag), {
-    class: f([e.style[e.baseClass], e.modifierClasses])
-  }, {
-    default: u(() => [C(e.$slots, "default")]),
-    _: 3
-  }, 8, ["class"]);
-}
-const v = {
-  $style: $
-}, k = /* @__PURE__ */ y(_, [["render", g], ["__cssModules", v]]);
+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 {
-  k as default
+  f as default
 };

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

@@ -0,0 +1,39 @@
+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 +1,10 @@
-const d = {
-  "cdr-list": "cdr-list_13-5-3",
-  "cdr-list--compact": "cdr-list--compact_13-5-3",
-  "cdr-list--ordered": "cdr-list--ordered_13-5-3",
-  "cdr-list--unordered": "cdr-list--unordered_13-5-3",
-  "cdr-list--inline": "cdr-list--inline_13-5-3"
+const t = {
+  "cdr-list": "cdr-list_14-0-0-beta-0",
+  "cdr-list--compact": "cdr-list--compact_14-0-0-beta-0",
+  "cdr-list--ordered": "cdr-list--ordered_14-0-0-beta-0",
+  "cdr-list--unordered": "cdr-list--unordered_14-0-0-beta-0",
+  "cdr-list--inline": "cdr-list--inline_14-0-0-beta-0"
 };
 export {
-  d as default
+  t as default
 };

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

@@ -1,241 +1,9 @@
-import { debounce as Q } from "lodash-es";
-import D from "tabbable";
-import { defineComponent as Z, ref as t, computed as g, watch as x, onMounted as ee, onUnmounted as le, useCssModule as oe, resolveComponent as z, openBlock as te, createElementBlock as ne, normalizeClass as s, createElementVNode as n, mergeProps as se, renderSlot as w, normalizeStyle as O, toDisplayString as ae, createCommentVNode as re, createVNode as X, withCtx as de, nextTick as A } from "vue";
-import { CdrBreakpointSm as ie, CdrSpaceTwoX as P, CdrSpaceOneX as ce } from "../../../node_modules/@rei/cdr-tokens/dist/js/cdr-tokens.mjs";
-import ue from "./onTransitionEnd.mjs";
-import me from "../button/CdrButton.vue.mjs";
-import fe from "../icon/comps/x-lg.vue.mjs";
-import ve from "../../utils/mapClasses.mjs";
-import pe from "./styles/CdrModal.module.scss.mjs";
-import ye from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const he = Z({
-  name: "CdrModal",
-  components: {
-    CdrButton: me,
-    IconXLg: fe
-  },
-  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(e, d) {
-    const E = "cdr-modal";
-    let f, v;
-    const p = t(!e.opened), i = t(!1), a = t(null), y = t(0), S = t(0), k = t(0), _ = t(0), L = t(0), H = t(0), $ = t(!1), c = t(null), h = t(null), u = t(null), T = t(null), C = () => {
-      A(() => {
-        var l, o, m, r, b;
-        S.value = window.innerHeight, $.value = window.innerWidth < ie, y.value = (l = T.value) == null ? void 0 : l.offsetHeight, k.value = (o = u.value) == null ? void 0 : o.scrollHeight, _.value = (m = u.value) == null ? void 0 : m.offsetHeight, L.value = (r = u.value) == null ? void 0 : r.offsetWidth, H.value = (b = u.value) == null ? void 0 : b.clientWidth;
-      });
-    }, M = (l) => {
-      d.emit("closed", l);
-    }, N = ({
-      key: l
-    }) => {
-      switch (l) {
-        case "Escape":
-        case "Esc":
-          M();
-          break;
-      }
-    }, B = (l) => {
-      const {
-        documentElement: o
-      } = document;
-      if (c.value.contains(l.target) || !o)
-        return;
-      const m = D(o), r = D(c.value), b = m.indexOf(l.target), J = m.indexOf(r[0]), q = b < J ? r[r.length - 1] : r[0];
-      q && q.focus();
-    }, I = Q(() => {
-      C();
-    }, 300), R = () => {
-      const {
-        documentElement: l,
-        body: o
-      } = document;
-      a.value = {
-        x: window.scrollX || (l || {}).scrollLeft || (o || {}).scrollLeft || 0,
-        y: window.scrollY || (l || {}).scrollTop || (o || {}).scrollTop || 0
-      }, l && (l.classList.add("cdr-modal__noscroll"), l.style.top = `-${a.value.y}px`, l.style.left = `-${a.value.x}px`), o && o.classList.add("cdr-modal__noscroll");
-    }, V = () => {
-      const {
-        documentElement: l,
-        body: o
-      } = document;
-      o && o.classList.remove("cdr-modal__noscroll"), l && (l.classList.remove("cdr-modal__noscroll"), l.style.top = "", l.style.left = "");
-    }, F = () => {
-      document.addEventListener("focusin", B, !0), document.addEventListener("keydown", N);
-    }, W = () => {
-      const {
-        activeElement: l
-      } = document;
-      R(), i.value = !0, p.value = !1, v = l, A(() => {
-        c.value && c.value.focus(), C(), F(), setTimeout(() => {
-          h.value && (h.value.scrollTop = 0), C();
-        });
-      });
-    }, K = () => {
-      const {
-        documentElement: l
-      } = document;
-      document.removeEventListener("keydown", N), document.removeEventListener("focusin", B, !0), i.value = !1, f = ue(h.value, () => {
-        i.value || (f(), V(), f = null, p.value = !0, l && (l.style.scrollBehavior = "auto"), window.scrollTo(a.value.x, a.value.y), l && (l.style.scrollBehavior = ""), v && v.focus());
-      }, e.animationDuration + 16);
-    }, U = g(() => ({
-      ...d.attrs,
-      "aria-describedby": e.ariaDescribedby,
-      "aria-modal": "true",
-      id: e.id
-    })), Y = g(() => {
-      const l = Number(P), o = Number(P) + Number(ce);
-      return $.value ? l : o + l;
-    }), j = g(() => S.value - y.value - Y.value), G = g(() => {
-      const l = k.value > _.value, o = L.value - H.value > 0;
-      return l && o ? 4 : l ? 12 : 0;
-    });
-    return x(() => e.opened, (l, o) => {
-      !!l != !!o && (l ? W() : K());
-    }), ee(() => {
-      e.opened && W(), window.addEventListener("resize", I);
-    }), le(() => {
-      window.removeEventListener("resize", I);
-    }), {
-      style: oe(),
-      mapClasses: ve,
-      baseClass: E,
-      modalClosed: p,
-      modalEl: c,
-      wrapperEl: h,
-      contentEl: u,
-      headerEl: T,
-      scrollMaxHeight: j,
-      scrollPadding: G,
-      onClick: M,
-      dialogAttrs: U
-    };
-  }
-}), be = ["tabIndex"], ge = ["role", "aria-modal", "aria-label"], Ce = ["tabIndex"];
-function we(e, d, E, f, v, p) {
-  const i = z("icon-x-lg"), a = z("cdr-button");
-  return te(), ne("div", {
-    class: s(e.mapClasses(e.style, e.baseClass, !e.opened && "cdr-modal--closed")),
-    ref: "wrapperEl"
-  }, [n("div", {
-    class: s([e.style["cdr-modal__outerWrap"], e.wrapperClass])
-  }, [n("div", {
-    "aria-hidden": "true",
-    onClick: d[0] || (d[0] = (...y) => e.onClick && e.onClick(...y)),
-    class: s([e.style["cdr-modal__overlay"], e.overlayClass])
-  }, null, 2), n("div", {
-    tabIndex: e.opened ? "0" : void 0
-  }, null, 8, be), n("div", se({
-    ref: "modalEl",
-    class: e.mapClasses(e.style, "cdr-modal__contentWrap", "cdr-modal__dialog"),
-    tabIndex: "-1",
-    role: e.role,
-    "aria-modal": !!e.opened,
-    "aria-label": e.label
-  }, e.dialogAttrs), [w(e.$slots, "modal", {}, () => [n("div", {
-    class: s([e.style["cdr-modal__innerWrap"], e.contentClass]),
-    style: O(e.modalClosed ? {
-      display: "none"
-    } : void 0)
-  }, [n("section", null, [n("div", {
-    class: s(e.style["cdr-modal__content"])
-  }, [n("div", {
-    class: s(e.style["cdr-modal__header"]),
-    ref: "headerEl"
-  }, [n("div", {
-    class: s(e.style["cdr-modal__title"])
-  }, [e.showTitle ? w(e.$slots, "title", {
-    key: 0
-  }, () => [n("h1", null, ae(e.label), 1)]) : re("", !0)], 2), X(a, {
-    class: s(e.style["cdr-modal__close-button"]),
-    "icon-only": "",
-    "with-background": !0,
-    onClick: e.onClick,
-    "aria-label": "Close"
-  }, {
-    icon: de(() => [X(i, {
-      "inherit-color": ""
-    })]),
-    _: 1
-  }, 8, ["class", "onClick"])], 2), n("div", {
-    class: s(e.style["cdr-modal__text-content"]),
-    style: O({
-      maxHeight: `${e.scrollMaxHeight}px`,
-      paddingRight: `${e.scrollPadding}px`
-    }),
-    role: "document",
-    ref: "contentEl",
-    tabindex: "0"
-  }, [w(e.$slots, "default")], 6)], 2)])], 6)])], 16, ge), n("div", {
-    tabIndex: e.opened ? "0" : void 0
-  }, null, 8, Ce)], 2)], 2);
-}
-const Ee = {
-  $style: pe
-}, Ie = /* @__PURE__ */ ye(he, [["render", we], ["__cssModules", Ee]]);
+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 {
-  Ie as default
+  f as default
 };