@rei/cedar 14.1.1 → 15.0.0-alpha.1

package/dist/src/components/kicker/CdrKicker.vue2.mjs

@@ -0,0 +1,14 @@
+import { defineComponent as r, useCssModule as n, openBlock as o, createElementBlock as t, normalizeClass as a, unref as c, renderSlot as l } from "vue";
+const d = "cdr-kicker", i = /* @__PURE__ */ r({
+  name: "CdrKicker",
+  __name: "CdrKicker",
+  setup(m) {
+    const e = n();
+    return (s, p) => (o(), t("span", {
+      class: a(c(e)[d])
+    }, [l(s.$slots, "default")], 2));
+  }
+});
+export {
+  i as default
+};

package/dist/src/components/kicker/styles/CdrKicker.module.scss.mjs

@@ -0,0 +1,6 @@
+const c = {
+  "cdr-kicker": "cdr-kicker_15-0-0-alpha-1"
+};
+export {
+  c as default
+};

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

@@ -1,17 +1,17 @@
-const l = {
-  "cdr-label-standalone": "cdr-label-standalone_14-1-1",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_14-1-1",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_14-1-1",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_14-1-1",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_14-1-1",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_14-1-1",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_14-1-1",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_14-1-1",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_14-1-1",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_14-1-1",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_14-1-1",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_14-1-1"
+const a = {
+  "cdr-label-standalone": "cdr-label-standalone_15-0-0-alpha-1",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-0-0-alpha-1",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_15-0-0-alpha-1",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-0-0-alpha-1",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-0-0-alpha-1",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-0-0-alpha-1",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-0-0-alpha-1",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_15-0-0-alpha-1",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-0-0-alpha-1",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-0-0-alpha-1",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-0-0-alpha-1",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-0-0-alpha-1"
 };
 export {
-  l as default
+  a as default
 };

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

@@ -1,30 +1,30 @@
-const r = {
-  "cdr-label-wrapper": "cdr-label-wrapper_14-1-1",
-  "cdr-label-wrapper__container": "cdr-label-wrapper__container_14-1-1",
-  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_14-1-1",
-  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_14-1-1",
-  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_14-1-1",
-  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_14-1-1",
-  "cdr-label-wrapper__content": "cdr-label-wrapper__content_14-1-1",
-  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_14-1-1",
-  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_14-1-1",
-  "cdr-label-wrapper--small": "cdr-label-wrapper--small_14-1-1",
-  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_14-1-1",
-  "cdr-label-wrapper--large": "cdr-label-wrapper--large_14-1-1",
-  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_14-1-1",
-  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_14-1-1",
-  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_14-1-1",
-  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_14-1-1",
-  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_14-1-1",
-  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_14-1-1",
-  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_14-1-1",
-  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_14-1-1",
-  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_14-1-1",
-  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_14-1-1",
-  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_14-1-1",
-  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_14-1-1",
-  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_14-1-1"
+const a = {
+  "cdr-label-wrapper": "cdr-label-wrapper_15-0-0-alpha-1",
+  "cdr-label-wrapper__container": "cdr-label-wrapper__container_15-0-0-alpha-1",
+  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_15-0-0-alpha-1",
+  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_15-0-0-alpha-1",
+  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_15-0-0-alpha-1",
+  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_15-0-0-alpha-1",
+  "cdr-label-wrapper__content": "cdr-label-wrapper__content_15-0-0-alpha-1",
+  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_15-0-0-alpha-1",
+  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_15-0-0-alpha-1",
+  "cdr-label-wrapper--small": "cdr-label-wrapper--small_15-0-0-alpha-1",
+  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_15-0-0-alpha-1",
+  "cdr-label-wrapper--large": "cdr-label-wrapper--large_15-0-0-alpha-1",
+  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_15-0-0-alpha-1",
+  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_15-0-0-alpha-1",
+  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_15-0-0-alpha-1",
+  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_15-0-0-alpha-1",
+  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_15-0-0-alpha-1",
+  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_15-0-0-alpha-1",
+  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_15-0-0-alpha-1",
+  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_15-0-0-alpha-1",
+  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_15-0-0-alpha-1",
+  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_15-0-0-alpha-1",
+  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_15-0-0-alpha-1",
+  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_15-0-0-alpha-1",
+  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_15-0-0-alpha-1"
 };
 export {
-  r as default
+  a as default
 };

package/dist/src/components/lead/CdrHeadingSubheadingBlock.vue.mjs

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

package/dist/src/components/lead/CdrHeadingSubheadingBlock.vue2.mjs

@@ -0,0 +1,34 @@
+import { defineComponent as i, useCssModule as c, openBlock as g, createElementBlock as u, normalizeClass as s, unref as e, createVNode as d, withCtx as l, renderSlot as o } from "vue";
+import h from "../text/presets/CdrHeadingDisplay.vue.mjs";
+import p from "../text/presets/CdrSubheadingSans.vue.mjs";
+const n = "cdr-heading-subheading-block", b = /* @__PURE__ */ i({
+  __name: "CdrHeadingSubheadingBlock",
+  props: {
+    headingTag: {
+      type: String,
+      default: "h1"
+    }
+  },
+  setup(r) {
+    const a = c();
+    return (t, f) => (g(), u("header", {
+      class: s(e(a)[n])
+    }, [d(e(h), {
+      tag: r.headingTag,
+      scale: "4",
+      class: s(e(a)[`${n}__heading`])
+    }, {
+      default: l(() => [o(t.$slots, "default")]),
+      _: 3
+    }, 8, ["tag", "class"]), d(e(p), {
+      tag: "span",
+      class: s(e(a)[`${n}__subheading`])
+    }, {
+      default: l(() => [o(t.$slots, "subheading")]),
+      _: 3
+    }, 8, ["class"])], 2));
+  }
+});
+export {
+  b as default
+};

package/dist/src/components/lead/CdrLead.vue.mjs

@@ -0,0 +1,9 @@
+import s from "./CdrLead.vue2.mjs";
+import o from "./styles/CdrLead.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/lead/CdrLead.vue2.mjs

@@ -0,0 +1,53 @@
+import { defineComponent as g, useCssModule as u, openBlock as r, createElementBlock as d, normalizeClass as l, unref as e, createVNode as i, createCommentVNode as f, createElementVNode as C, renderSlot as S, withCtx as s, createTextVNode as c, toDisplayString as o } from "vue";
+import h from "../image/CdrImg.vue.mjs";
+import y from "./CdrHeadingSubheadingBlock.vue.mjs";
+const n = "cdr-lead", k = /* @__PURE__ */ g({
+  name: "CdrLead",
+  __name: "CdrLead",
+  props: {
+    /** Sets the lead's image source  */
+    imgSrc: {
+      type: String,
+      default: void 0
+    },
+    /** Sets the lead's image alt  */
+    imgAlt: {
+      type: String,
+      default: ""
+    },
+    /** Sets the lead's heading  */
+    heading: {
+      type: String,
+      default: void 0
+    },
+    /** Sets the lead's subheading  */
+    subheading: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(t) {
+    const a = u();
+    return (m, p) => (r(), d("div", {
+      class: l(e(a)[n])
+    }, [t.imgSrc ? (r(), d("div", {
+      key: 0,
+      class: l(e(a)[`${n}__image-container`])
+    }, [i(e(h), {
+      src: t.imgSrc,
+      alt: t.imgAlt,
+      class: l(e(a)[`${n}__image`])
+    }, null, 8, ["src", "alt", "class"])], 2)) : f("", !0), C("div", {
+      class: l(e(a)[`${n}__lower`])
+    }, [S(m.$slots, "content", {}, () => [i(y, {
+      class: l(e(a)[`${n}__copy-block`])
+    }, {
+      subheading: s(() => [c(o(t.subheading), 1)]),
+      default: s(() => [c(o(t.heading) + " ", 1)]),
+      _: 1
+    }, 8, ["class"])])], 2)], 2));
+  }
+});
+export {
+  k as default
+};

package/dist/src/components/lead/styles/CdrHeadingSubheadingBlock.module.scss.mjs

@@ -0,0 +1,7 @@
+const a = {
+  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-0-0-alpha-1",
+  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-0-0-alpha-1"
+};
+export {
+  a as default
+};

package/dist/src/components/lead/styles/CdrLead.module.scss.mjs

@@ -0,0 +1,10 @@
+const a = {
+  "cdr-lead": "cdr-lead_15-0-0-alpha-1",
+  "cdr-lead__image-container": "cdr-lead__image-container_15-0-0-alpha-1",
+  "cdr-lead__image": "cdr-lead__image_15-0-0-alpha-1",
+  "cdr-lead__lower": "cdr-lead__lower_15-0-0-alpha-1",
+  "cdr-lead__copy-block": "cdr-lead__copy-block_15-0-0-alpha-1"
+};
+export {
+  a as default
+};

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

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

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

@@ -1,9 +1,9 @@
 const d = {
-  "cdr-list": "cdr-list_14-1-1",
-  "cdr-list--compact": "cdr-list--compact_14-1-1",
-  "cdr-list--ordered": "cdr-list--ordered_14-1-1",
-  "cdr-list--unordered": "cdr-list--unordered_14-1-1",
-  "cdr-list--inline": "cdr-list--inline_14-1-1"
+  "cdr-list": "cdr-list_15-0-0-alpha-1",
+  "cdr-list--compact": "cdr-list--compact_15-0-0-alpha-1",
+  "cdr-list--ordered": "cdr-list--ordered_15-0-0-alpha-1",
+  "cdr-list--unordered": "cdr-list--unordered_15-0-0-alpha-1",
+  "cdr-list--inline": "cdr-list--inline_15-0-0-alpha-1"
 };
 export {
   d as default

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

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

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

@@ -1,17 +1,17 @@
-const d = {
-  "cdr-modal": "cdr-modal_14-1-1",
-  "cdr-modal__overlay": "cdr-modal__overlay_14-1-1",
-  "cdr-modal__outerWrap": "cdr-modal__outerWrap_14-1-1",
-  "cdr-modal__contentWrap": "cdr-modal__contentWrap_14-1-1",
-  "cdr-modal__innerWrap": "cdr-modal__innerWrap_14-1-1",
-  "cdr-modal__dialog": "cdr-modal__dialog_14-1-1",
-  "cdr-modal__content": "cdr-modal__content_14-1-1",
-  "cdr-modal__header": "cdr-modal__header_14-1-1",
-  "cdr-modal__title": "cdr-modal__title_14-1-1",
-  "cdr-modal__close-button": "cdr-modal__close-button_14-1-1",
-  "cdr-modal__text-content": "cdr-modal__text-content_14-1-1",
-  "cdr-modal--closed": "cdr-modal--closed_14-1-1"
+const a = {
+  "cdr-modal": "cdr-modal_15-0-0-alpha-1",
+  "cdr-modal__overlay": "cdr-modal__overlay_15-0-0-alpha-1",
+  "cdr-modal__outerWrap": "cdr-modal__outerWrap_15-0-0-alpha-1",
+  "cdr-modal__contentWrap": "cdr-modal__contentWrap_15-0-0-alpha-1",
+  "cdr-modal__innerWrap": "cdr-modal__innerWrap_15-0-0-alpha-1",
+  "cdr-modal__dialog": "cdr-modal__dialog_15-0-0-alpha-1",
+  "cdr-modal__content": "cdr-modal__content_15-0-0-alpha-1",
+  "cdr-modal__header": "cdr-modal__header_15-0-0-alpha-1",
+  "cdr-modal__title": "cdr-modal__title_15-0-0-alpha-1",
+  "cdr-modal__close-button": "cdr-modal__close-button_15-0-0-alpha-1",
+  "cdr-modal__text-content": "cdr-modal__text-content_15-0-0-alpha-1",
+  "cdr-modal--closed": "cdr-modal--closed_15-0-0-alpha-1"
 };
 export {
-  d as default
+  a as default
 };