@rei/cedar 16.3.1 → 17.0.0-alpha.0

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

@@ -1,246 +0,0 @@
-import "core-js/modules/es.array.push.js";
-import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.for-each.js";
-import { defineComponent as de, useAttrs as ie, useCssModule as ce, ref as o, computed as h, watch as ue, onMounted as me, onUnmounted as fe, createBlock as ve, openBlock as he, Teleport as pe, createElementVNode as l, normalizeClass as d, unref as n, mergeProps as ye, renderSlot as S, normalizeStyle as O, createVNode as P, createCommentVNode as be, toDisplayString as ge, withCtx as Ce, nextTick as R } from "vue";
-import { debounce as we } from "../../utils/debounce.mjs";
-import V from "tabbable";
-import { CdrSpaceTwoX as X, CdrSpaceOneX as Ee, CdrBreakpointSm as xe } from "@rei/cdr-tokens";
-import Se from "./onTransitionEnd.mjs";
-import _e from "../button/CdrButton.vue.mjs";
-import ke from "../icon/comps/x-lg.vue.mjs";
-import j from "../../utils/mapClasses.mjs";
-const Be = ["tabIndex"], He = ["role", "aria-label"], Le = ["tabIndex"], Ne = "cdr-modal", Re = /* @__PURE__ */ de({
-  name: "CdrModal",
-  inheritAttrs: !1,
-  __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: {
-    closed: null
-  },
-  setup(a, {
-    emit: F
-  }) {
-    const u = a, K = F, U = ie(), r = ce();
-    let y, b;
-    const g = o(!u.opened), C = o(!1), c = o({
-      x: void 0,
-      y: void 0
-    }), _ = o(0), k = o(0), B = o(0), H = o(0), L = o(0), N = o(0), T = o(!1), m = o(null), f = o(null), v = o(null), A = o(null), w = () => {
-      R(() => {
-        var e, t, s, i, p;
-        k.value = window.innerHeight, T.value = window.innerWidth < +xe, _.value = ((e = A.value) == null ? void 0 : e.offsetHeight) || 0, B.value = ((t = v.value) == null ? void 0 : t.scrollHeight) || 0, H.value = ((s = v.value) == null ? void 0 : s.offsetHeight) || 0, L.value = ((i = v.value) == null ? void 0 : i.offsetWidth) || 0, N.value = ((p = v.value) == null ? void 0 : p.clientWidth) || 0;
-      });
-    }, E = (e) => {
-      K("closed", e);
-    }, W = ({
-      key: e
-    }) => {
-      switch (e) {
-        case "Escape":
-        case "Esc":
-          E();
-          break;
-      }
-    }, $ = (e) => {
-      var z;
-      const {
-        documentElement: t
-      } = document;
-      if ((z = m.value) != null && z.contains(e.target) || !t) return;
-      const s = V(t), i = V(m.value), p = s.indexOf(e.target), se = s.indexOf(i[0]), M = p < se ? i[i.length - 1] : i[0];
-      M && M.focus();
-    }, q = we(() => {
-      w();
-    }, 300), Y = () => {
-      const {
-        documentElement: e,
-        body: t
-      } = document;
-      c.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 = `-${c.value.y}px`, e.style.left = `-${c.value.x}px`), t && t.classList.add("cdr-modal__noscroll");
-    }, G = () => {
-      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 = "");
-    }, J = () => {
-      document.addEventListener("focusin", $, !0), document.addEventListener("keydown", W);
-    }, x = [];
-    let D = !1;
-    const Q = () => {
-      const e = ["body > *", ":not(script)", ":not(style)", ":not([aria-hidden=true])"];
-      document.querySelectorAll(e.join("")).forEach((s) => {
-        s !== f.value && getComputedStyle(s).getPropertyValue("display") !== "none" && x.push(s);
-      }), D = !0;
-    }, Z = () => {
-      D || Q(), x.forEach((e) => {
-        e.setAttribute("aria-hidden", "true");
-      });
-    }, ee = () => {
-      x.forEach((e) => {
-        e.removeAttribute("aria-hidden");
-      });
-    }, I = () => {
-      Z();
-      const {
-        activeElement: e
-      } = document;
-      Y(), C.value = !0, g.value = !1, b = e, R(() => {
-        m.value && m.value.focus(), w(), J(), setTimeout(() => {
-          f.value && (f.value.scrollTop = 0), w();
-        });
-      });
-    }, te = () => {
-      ee();
-      const {
-        documentElement: e
-      } = document;
-      document.removeEventListener("keydown", W), document.removeEventListener("focusin", $, !0), C.value = !1, y = Se(f.value, () => {
-        C.value || (y && y(), G(), g.value = !0, e && (e.style.scrollBehavior = "auto"), c.value.x !== void 0 && c.value.y !== void 0 && window.scrollTo(c.value.x, c.value.y), e && (e.style.scrollBehavior = ""), b && b.focus());
-      }, u.animationDuration + 16);
-    }, oe = h(() => ({
-      ...U,
-      "aria-describedby": u.ariaDescribedby,
-      id: u.id
-    })), le = h(() => {
-      const e = Number(X), t = Number(X) + Number(Ee);
-      return T.value ? e : t + e;
-    }), ne = h(() => k.value - _.value - le.value), ae = h(() => {
-      const e = B.value > H.value, t = L.value - N.value > 0;
-      return e && t ? 4 : e ? 12 : 0;
-    }), re = h(() => ({
-      maxHeight: `${ne.value}px`,
-      paddingRight: `${ae.value}px`
-    }));
-    return ue(() => u.opened, (e, t) => {
-      !!e != !!t && (e ? I() : te());
-    }), me(() => {
-      u.opened && I(), window.addEventListener("resize", q);
-    }), fe(() => {
-      window.removeEventListener("resize", q);
-    }), (e, t) => (he(), ve(pe, {
-      to: "body"
-    }, [l("div", {
-      class: d(n(j)(n(r), Ne, a.opened ? "" : "cdr-modal--closed")),
-      ref_key: "wrapperEl",
-      ref: f
-    }, [l("div", {
-      class: d([n(r)["cdr-modal__outerWrap"], a.wrapperClass])
-    }, [l("div", {
-      "aria-hidden": "true",
-      onClick: E,
-      class: d([n(r)["cdr-modal__overlay"], a.overlayClass])
-    }, null, 2), l("div", {
-      tabIndex: a.opened ? "0" : void 0
-    }, null, 8, Be), l("div", ye({
-      ref_key: "modalEl",
-      ref: m,
-      class: n(j)(n(r), "cdr-modal__contentWrap", "cdr-modal__dialog"),
-      tabIndex: "-1",
-      role: a.role,
-      "aria-modal": "true",
-      "aria-label": a.label
-    }, oe.value), [S(e.$slots, "modal", {}, () => [l("div", {
-      class: d([n(r)["cdr-modal__innerWrap"], a.contentClass]),
-      style: O(g.value ? {
-        display: "none"
-      } : void 0)
-    }, [l("section", null, [l("div", {
-      class: d(n(r)["cdr-modal__content"])
-    }, [l("div", {
-      class: d(n(r)["cdr-modal__header"]),
-      ref_key: "headerEl",
-      ref: A
-    }, [l("div", {
-      class: d(n(r)["cdr-modal__title"])
-    }, [a.showTitle ? S(e.$slots, "title", {
-      key: 0
-    }, () => [l("h1", null, ge(a.label), 1)]) : be("", !0)], 2), P(_e, {
-      class: d(n(r)["cdr-modal__close-button"]),
-      "icon-only": "",
-      "with-background": !0,
-      onClick: E,
-      "aria-label": "Close"
-    }, {
-      icon: Ce(() => [P(ke, {
-        "inherit-color": ""
-      })]),
-      _: 1
-    }, 8, ["class"])], 2), l("div", {
-      class: d(n(r)["cdr-modal__text-content"]),
-      style: O(re.value),
-      role: "document",
-      ref_key: "contentEl",
-      ref: v,
-      tabindex: "0"
-    }, [S(e.$slots, "default")], 6)], 2)])], 6)])], 16, He), l("div", {
-      tabIndex: a.opened ? "0" : void 0
-    }, null, 8, Le)], 2)], 2)]));
-  }
-});
-export {
-  Re as default
-};

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

@@ -1,17 +0,0 @@
-const d = {
-  "cdr-modal": "cdr-modal_16-3-1",
-  "cdr-modal__overlay": "cdr-modal__overlay_16-3-1",
-  "cdr-modal__outerWrap": "cdr-modal__outerWrap_16-3-1",
-  "cdr-modal__contentWrap": "cdr-modal__contentWrap_16-3-1",
-  "cdr-modal__innerWrap": "cdr-modal__innerWrap_16-3-1",
-  "cdr-modal__dialog": "cdr-modal__dialog_16-3-1",
-  "cdr-modal__content": "cdr-modal__content_16-3-1",
-  "cdr-modal__header": "cdr-modal__header_16-3-1",
-  "cdr-modal__title": "cdr-modal__title_16-3-1",
-  "cdr-modal__close-button": "cdr-modal__close-button_16-3-1",
-  "cdr-modal__text-content": "cdr-modal__text-content_16-3-1",
-  "cdr-modal--closed": "cdr-modal--closed_16-3-1"
-};
-export {
-  d as default
-};

package/dist/components/objectOverlay/CdrObjectOverlay.vue2.mjs

@@ -1,113 +0,0 @@
-import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.for-each.js";
-import "core-js/modules/esnext.iterator.map.js";
-import { defineComponent as C, ref as y, computed as _, onMounted as O, nextTick as x, useCssModule as B, createBlock as E, openBlock as T, resolveDynamicComponent as L, mergeProps as h, unref as f, withCtx as k, createElementVNode as v, normalizeClass as w, renderSlot as p } from "vue";
-const P = /* @__PURE__ */ C({
-  name: "CdrObjectOverlay",
-  __name: "CdrObjectOverlay",
-  props: {
-    withGradient: {
-      type: Boolean
-    },
-    gradientTheme: {
-      default: "dark"
-    },
-    position: {
-      default: "center-center"
-    },
-    margin: {
-      default: "zero"
-    },
-    padding: {},
-    tag: {
-      default: "div"
-    }
-  },
-  setup(R) {
-    const s = R, c = y(null), i = y(null), m = (e) => e === "center-center" ? null : ["left-top", "center-top", "right-top"].includes(e) ? "to-bottom" : e === "left-center" ? "to-right" : e === "right-center" ? "to-left" : ["left-bottom", "center-bottom", "right-bottom"].includes(e) ? "to-top" : null, j = (e, t) => {
-      const r = {};
-      try {
-        typeof t == "string" ? r[`data-${e}`] = t : typeof t == "object" && t !== null && Object.entries(t).forEach(([o, n]) => {
-          o === "xs" ? r[`data-${e}`] = String(n) : r[`data-${e}-${o}`] = String(n);
-        });
-      } catch (o) {
-        console.error(`Error processing ${e}:`, o);
-      }
-      return r;
-    }, l = (e) => `var(--cdr-space-${e})`, $ = (e, t, r = {}) => {
-      const o = {
-        ...r
-      };
-      try {
-        typeof t == "string" ? o[`--${e}`] = l(t) : Array.isArray(t) ? o[`--${e}`] = t.map(l).join(" ") : typeof t == "object" && t !== null && Object.entries(t).forEach(([n, a]) => {
-          const d = typeof a == "string" ? l(a) : a.map(l).join(" ");
-          o[`--${e}-${n}`] = d;
-        });
-      } catch (n) {
-        console.error(`Error processing ${e}:`, n);
-      }
-      return o;
-    }, b = _(() => {
-      const e = {}, t = {
-        style: {}
-      };
-      if (s.position && Object.assign(e, j("position", s.position)), s.withGradient)
-        if (s.gradientTheme && (e["data-gradient-theme"] = s.gradientTheme), typeof s.position == "object")
-          Object.entries(s.position).forEach(([r, o]) => {
-            const n = m(o);
-            n && (r === "xs" ? e["data-gradient"] = n : e[`data-gradient-${r}`] = n);
-          });
-        else {
-          const r = m(s.position);
-          r && (e["data-gradient"] = r);
-        }
-      return ["margin", "padding"].forEach((r) => {
-        const o = s[r];
-        o && (t.style = $(r, o, t.style));
-      }), {
-        component: e,
-        content: t
-      };
-    }), g = () => {
-      if (!c.value || !i.value) return;
-      const e = c.value.firstElementChild;
-      e && requestAnimationFrame(() => {
-        const t = window.getComputedStyle(e), r = t.borderRadius;
-        if (i.value)
-          if (r && r !== "0px")
-            i.value.style.borderRadius = r;
-          else {
-            const o = t.borderTopLeftRadius, n = t.borderTopRightRadius, a = t.borderBottomLeftRadius, d = t.borderBottomRightRadius;
-            (o !== "0px" || n !== "0px" || a !== "0px" || d !== "0px") && (i.value.style.borderTopLeftRadius = o, i.value.style.borderTopRightRadius = n, i.value.style.borderBottomLeftRadius = a, i.value.style.borderBottomRightRadius = d);
-          }
-      });
-    };
-    O(() => {
-      x(g), c.value && new MutationObserver(g).observe(c.value, {
-        childList: !0,
-        subtree: !0,
-        attributes: !0,
-        attributeFilter: ["style", "class"]
-      });
-    });
-    const u = B();
-    return (e, t) => (T(), E(L(e.tag), h({
-      class: f(u)["cdr-object-overlay"]
-    }, b.value.component, {
-      ref_key: "overlayRef",
-      ref: i
-    }), {
-      default: k(() => [v("div", {
-        class: w(f(u)["cdr-object-overlay__container"]),
-        ref_key: "containerRef",
-        ref: c
-      }, [p(e.$slots, "container")], 2), v("div", h({
-        class: f(u)["cdr-object-overlay__content"]
-      }, b.value.content), [p(e.$slots, "content")], 16)]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
-export {
-  P as default
-};

package/dist/components/objectOverlay/styles/CdrObjectOverlay.module.scss.mjs

@@ -1,8 +0,0 @@
-const e = {
-  "cdr-object-overlay": "cdr-object-overlay_16-3-1",
-  "cdr-object-overlay__container": "cdr-object-overlay__container_16-3-1",
-  "cdr-object-overlay__content": "cdr-object-overlay__content_16-3-1"
-};
-export {
-  e as default
-};

package/dist/components/pagination/CdrPagination.vue2.mjs

@@ -1,228 +0,0 @@
-import "core-js/modules/es.array.push.js";
-import "core-js/modules/es.array.unshift.js";
-import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.every.js";
-import "core-js/modules/esnext.iterator.filter.js";
-import "core-js/modules/esnext.iterator.find.js";
-import "core-js/modules/esnext.iterator.map.js";
-import { defineComponent as z, useCssModule as A, ref as S, computed as f, onMounted as F, watch as R, createElementBlock as g, openBlock as u, createElementVNode as h, normalizeClass as p, unref as i, createBlock as $, resolveDynamicComponent as D, withCtx as b, createVNode as v, createTextVNode as m, Fragment as I, renderList as B, toDisplayString as L, withModifiers as W, nextTick as J } from "vue";
-import k from "../../utils/mapClasses.mjs";
-import K from "../../utils/propValidator.mjs";
-import G from "../icon/comps/caret-left.vue.mjs";
-import U from "../icon/comps/caret-right.vue.mjs";
-import Q from "../select/CdrSelect.vue.mjs";
-import X from "../../utils/uid.mjs";
-const Y = ["aria-label"], Z = {
-  key: 0
-}, j = {
-  key: 1,
-  "aria-hidden": "true"
-}, ee = ["value"], ae = {
-  key: 2
-}, te = {
-  key: 3,
-  "aria-hidden": "true"
-}, ke = /* @__PURE__ */ z({
-  name: "CdrPagination",
-  __name: "CdrPagination",
-  props: {
-    /**
-     * Define a custom slug for the generated pagination item IDs. Slug is randomly generated if no ID provided.
-     * @demoIgnore true
-     */
-    id: {
-      type: String
-    },
-    /**
-     * Sets the total number of pages for displaying "Page x of <totalPages>".
-     * Sometimes the total number of pages is different than total page data objects in the pages array.
-     * For example, if only the next and previous pages are provided.
-     */
-    totalPages: {
-      type: Number,
-      default: null
-    },
-    /**
-     * Array of objects containing pagination data.
-     * Objects must have structure of `{ page: number, url: string }`
-     */
-    pages: {
-      type: Array,
-      required: !0,
-      validator: (n) => n.every((t) => !Object.prototype.hasOwnProperty.call(t, "page") || typeof t.page != "number" ? (console.error('Property "page" is missing or is not a number', t), !1) : !Object.prototype.hasOwnProperty.call(t, "url") || typeof t.url != "string" ? (console.error('Property "url" is missing or is not a string', t), !1) : !0)
-    },
-    /**
-     * Sets which tag type is used to render pagination elements
-     * @values a, button
-     */
-    linkTag: {
-      type: String,
-      default: "a",
-      validator: (n) => K(n, ["a", "button"])
-    },
-    /**
-     * Used to customize the aria-label for the root pagination element.
-     * For page-level pagination (i.e, pagination that updates the entire page content and changes the URL)
-     * this property should be omitted.
-     * For intra-page navigation this property should describe the element being paginated, for example:
-     * `Pagination for sub-content`
-     */
-    forLabel: {
-      type: String,
-      default: ""
-    },
-    /** @ignore used for binding v-model, represents the current page */
-    modelValue: {
-      type: Number
-    }
-  },
-  emits: {
-    /**
-     * Event emitted by v-model on the select <input> element to indicate current page.
-     * Only used on small devices
-     * @param modelValue
-     */
-    "update:modelValue": null,
-    /**
-     * $emit event fired when page changes based on user interaction by clicking a link
-     * or selecting an option from the select on mobile.
-     * `event.preventDefault()` can be used to override the default link navigation behavior.
-     */
-    navigate: null
-  },
-  setup(n, {
-    emit: M
-  }) {
-    const t = n, N = M, s = A(), y = S(0), w = S([]), _ = t.id ? t.id : X(), x = (r) => {
-      y.value = t.pages.map((e) => e.page).indexOf(r);
-    }, o = f({
-      get: () => t.modelValue,
-      set: (r) => {
-        x(r), N("update:modelValue", r);
-      }
-    }), q = f(() => t.pages[y.value].url), C = (r, e) => {
-      var l, c;
-      const a = ((l = e.target) == null ? void 0 : l.offsetWidth) > 0 && ((c = e.target) == null ? void 0 : c.offsetHeight) > 0;
-      if (r === o.value && a) {
-        e.preventDefault();
-        return;
-      }
-      o.value = r, N("navigate", r, q.value, e), J(() => {
-        try {
-          const d = e.currentTarget || e.target;
-          d == null || d.blur();
-        } catch (d) {
-          console.error(d);
-        }
-      });
-    }, E = (r) => {
-      const e = w.value.find((a) => {
-        var l;
-        return (a == null ? void 0 : a.innerHTML) === ((l = r.target) == null ? void 0 : l.value);
-      });
-      e && e.click();
-    }, H = f(() => t.forLabel || "Pagination"), P = f(() => t.pages[y.value - 1]), T = f(() => t.pages[y.value + 1]), O = f(() => {
-      const r = t.pages.length, e = o.value, a = 1;
-      let l = [], c = !0, d = !0;
-      if (r <= 7)
-        return t.pages;
-      if (e) {
-        if (e < 5)
-          c = !1, l = t.pages.slice(1, 5);
-        else if (r - e < 4)
-          d = !1, l = t.pages.slice(-5, -1);
-        else
-          for (let V = Math.max(2, e - a); V <= Math.min(r - 1, e + a); V += 1)
-            l.push(t.pages[V - 1]);
-        return e - a > 2 && c && l.unshift({
-          page: 0,
-          url: "",
-          ellip: !0
-        }), e + a < r - 1 && d && l.push({
-          page: 0,
-          url: "",
-          ellip: !0
-        }), l.unshift(t.pages[0]), l.push(t.pages[r - 1]), l;
-      }
-    });
-    return F(() => x(o.value)), R(() => t.pages, () => x(o.value)), (r, e) => (u(), g("nav", {
-      "aria-label": H.value
-    }, [h("ol", {
-      class: p(i(s)["cdr-pagination"])
-    }, [o.value && o.value > n.pages[0].page ? (u(), g("li", Z, [(u(), $(D(n.linkTag), {
-      "aria-label": "Go to previous page",
-      href: n.linkTag === "a" && P.value && P.value.url || void 0,
-      class: p(i(k)(i(s), "cdr-pagination__link", "cdr-pagination__prev")),
-      onClick: e[0] || (e[0] = (a) => C(P.value.page, a))
-    }, {
-      default: b(() => [v(G, {
-        class: p(i(s)["cdr-pagination_caret--prev"])
-      }, null, 8, ["class"]), e[4] || (e[4] = m(" Prev ", -1))]),
-      _: 1
-    }, 8, ["href", "class"]))])) : (u(), g("li", j, [h("span", {
-      "aria-disabled": "true",
-      class: p(i(k)(i(s), "cdr-pagination__link", "cdr-pagination__prev", "cdr-pagination__link--disabled"))
-    }, [v(G, {
-      class: p(i(s)["cdr-pagination_caret--prev"]),
-      "inherit-color": ""
-    }, null, 8, ["class"]), e[5] || (e[5] = m(" Prev ", -1))], 2)])), (u(!0), g(I, null, B(O.value, (a, l) => (u(), g("li", {
-      key: `pagination-${i(_)}-li-${a.page}`,
-      class: p(i(s)["cdr-pagination__li--links"])
-    }, [a.ellip ? (u(), g("span", {
-      key: 1,
-      class: p(i(s)["cdr-pagination__ellipse"])
-    }, " … ", 2)) : (u(), $(D(n.linkTag), {
-      key: 0,
-      id: `pagination-${i(_)}-link-${a.page}`,
-      class: p(i(k)(i(s), "cdr-pagination__link", a.page === o.value ? "cdr-pagination__link--current" : "")),
-      "aria-label": a.page === o.value ? `Current page, page ${a.page}` : `Go to page ${a.page}`,
-      "aria-current": a.page === o.value ? "page" : null,
-      href: n.linkTag === "a" && a.url || void 0,
-      ref_for: !0,
-      ref: (c) => {
-        w.value[l] = c;
-      },
-      onClick: (c) => C(a.page, c)
-    }, {
-      default: b(() => [m(L(a.page), 1)]),
-      _: 2
-    }, 1032, ["id", "class", "aria-label", "aria-current", "href", "onClick"]))], 2))), 128)), h("li", {
-      class: p(i(s)["cdr-pagination__li--select"])
-    }, [v(Q, {
-      id: `pagination-select-${i(_)}`,
-      modelValue: o.value,
-      "onUpdate:modelValue": e[1] || (e[1] = (a) => o.value = a),
-      label: "Navigate to page",
-      "hide-label": "",
-      onChange: e[2] || (e[2] = W((a) => E(a), ["prevent"]))
-    }, {
-      default: b(() => {
-        var a;
-        return [(u(!0), g(I, null, B((a = O.value) == null ? void 0 : a.filter((l) => l.page), (l) => (u(), g("option", {
-          key: `pagination-${i(_)}-select-${l.page}`,
-          value: l.page
-        }, " Page " + L(l.page) + L(n.totalPages === null ? "" : ` of ${n.totalPages}`), 9, ee))), 128))];
-      }),
-      _: 1
-    }, 8, ["id", "modelValue"])], 2), o.value && o.value < n.pages[n.pages.length - 1].page ? (u(), g("li", ae, [(u(), $(D(n.linkTag), {
-      "aria-label": "Go to next page",
-      href: n.linkTag === "a" && T.value && T.value.url || void 0,
-      class: p(i(k)(i(s), "cdr-pagination__link", "cdr-pagination__next")),
-      onClick: e[3] || (e[3] = (a) => C(T.value.page, a))
-    }, {
-      default: b(() => [e[6] || (e[6] = m(" Next ", -1)), v(U, {
-        class: p(i(s)["cdr-pagination_caret--next"])
-      }, null, 8, ["class"])]),
-      _: 1
-    }, 8, ["href", "class"]))])) : (u(), g("li", te, [h("span", {
-      "aria-disabled": "true",
-      class: p(i(k)(i(s), "cdr-pagination__link", "cdr-pagination__next", "cdr-pagination__link--disabled"))
-    }, [e[7] || (e[7] = m(" Next ", -1)), v(U, {
-      class: p(i(s)["cdr-pagination_caret--next"]),
-      "inherit-color": ""
-    }, null, 8, ["class"])], 2)]))], 2)], 8, Y));
-  }
-});
-export {
-  ke as default
-};

package/dist/components/pagination/styles/CdrPagination.module.scss.mjs

@@ -1,59 +0,0 @@
-const l = {
-  "cdr-icon": "cdr-icon_16-3-1",
-  "cdr-icon--small": "cdr-icon--small_16-3-1",
-  "cdr-icon--large": "cdr-icon--large_16-3-1",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_16-3-1",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_16-3-1",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_16-3-1",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_16-3-1",
-  "cdr-icon--small@md": "cdr-icon--small@md_16-3-1",
-  "cdr-icon--large@md": "cdr-icon--large@md_16-3-1",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_16-3-1",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_16-3-1",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_16-3-1",
-  "cdr-label-standalone": "cdr-label-standalone_16-3-1",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_16-3-1",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_16-3-1",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_16-3-1",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_16-3-1",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_16-3-1",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_16-3-1",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_16-3-1",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_16-3-1",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_16-3-1",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_16-3-1",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_16-3-1",
-  "cdr-form-error": "cdr-form-error_16-3-1",
-  "cdr-form-error__icon": "cdr-form-error__icon_16-3-1",
-  "--active-error": "--active-error_16-3-1",
-  "cdr-select": "cdr-select_16-3-1",
-  "cdr-select--primary": "cdr-select--primary_16-3-1",
-  "cdr-select--secondary": "cdr-select--secondary_16-3-1",
-  "cdr-select--error": "cdr-select--error_16-3-1",
-  "cdr-select--preicon": "cdr-select--preicon_16-3-1",
-  "cdr-select__prompt": "cdr-select__prompt_16-3-1",
-  "cdr-select__caret": "cdr-select__caret_16-3-1",
-  "cdr-select__caret--disabled": "cdr-select__caret--disabled_16-3-1",
-  "cdr-select__pre-icon": "cdr-select__pre-icon_16-3-1",
-  "cdr-select--multiple": "cdr-select--multiple_16-3-1",
-  "cdr-select--large@xs": "cdr-select--large@xs_16-3-1",
-  "cdr-select--large": "cdr-select--large_16-3-1",
-  "cdr-select--large@sm": "cdr-select--large@sm_16-3-1",
-  "cdr-select--large@md": "cdr-select--large@md_16-3-1",
-  "cdr-select--large@lg": "cdr-select--large@lg_16-3-1",
-  "cdr-select-wrap": "cdr-select-wrap_16-3-1",
-  "cdr-pagination": "cdr-pagination_16-3-1",
-  "cdr-pagination__li--links": "cdr-pagination__li--links_16-3-1",
-  "cdr-pagination__li--select": "cdr-pagination__li--select_16-3-1",
-  "cdr-pagination__link": "cdr-pagination__link_16-3-1",
-  "cdr-pagination__link--current": "cdr-pagination__link--current_16-3-1",
-  "cdr-pagination__link--disabled": "cdr-pagination__link--disabled_16-3-1",
-  "cdr-pagination__ellipse": "cdr-pagination__ellipse_16-3-1",
-  "cdr-pagination__prev": "cdr-pagination__prev_16-3-1",
-  "cdr-pagination__next": "cdr-pagination__next_16-3-1",
-  "cdr-pagination__caret--prev": "cdr-pagination__caret--prev_16-3-1",
-  "cdr-pagination__caret--next": "cdr-pagination__caret--next_16-3-1"
-};
-export {
-  l as default
-};