@rei/cedar 14.1.0 → 15.0.0-alpha.0

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

@@ -1,23 +1,23 @@
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.array.unshift.js";
-import { defineComponent as H, useCssModule as z, ref as O, computed as f, onMounted as A, watch as F, openBlock as u, createElementBlock as p, createElementVNode as y, normalizeClass as g, unref as r, createBlock as D, resolveDynamicComponent as L, withCtx as b, createVNode as v, createTextVNode as m, Fragment as S, renderList as I, toDisplayString as M, withModifiers as R, nextTick as W } from "vue";
+import { defineComponent as z, useCssModule as A, ref as S, computed as f, onMounted as F, watch as R, openBlock as u, createElementBlock as c, createElementVNode as y, normalizeClass as g, 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 J from "../../utils/propValidator.mjs";
-import B from "../icon/comps/caret-left.vue.mjs";
-import G from "../icon/comps/caret-right.vue.mjs";
-import K from "../select/CdrSelect.vue.mjs";
-import Q from "../../utils/uid.mjs";
-const X = ["aria-label"], Y = {
+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
-}, Z = {
+}, j = {
   key: 1,
   "aria-hidden": "true"
-}, j = ["value"], ee = {
+}, ee = ["value"], ae = {
   key: 2
-}, ae = {
+}, te = {
   key: 3,
   "aria-hidden": "true"
-}, pe = /* @__PURE__ */ H({
+}, pe = /* @__PURE__ */ z({
   name: "CdrPagination",
   __name: "CdrPagination",
   props: {
@@ -53,7 +53,7 @@ const X = ["aria-label"], Y = {
     linkTag: {
       type: String,
       default: "a",
-      validator: (n) => J(n, ["a", "button"])
+      validator: (n) => K(n, ["a", "button"])
     },
     /**
      * Used to customize the aria-label for the root pagination element.
@@ -86,23 +86,23 @@ const X = ["aria-label"], Y = {
     navigate: null
   },
   setup(n, {
-    emit: x
+    emit: M
   }) {
-    const t = n, s = z(), _ = O(0), N = O([]), h = t.id ? t.id : Q(), C = (i) => {
-      _.value = t.pages.map((a) => a.page).indexOf(i);
+    const t = n, N = M, s = A(), _ = S(0), w = S([]), h = t.id ? t.id : X(), x = (r) => {
+      _.value = t.pages.map((a) => a.page).indexOf(r);
     }, o = f({
       get: () => t.modelValue,
-      set: (i) => {
-        C(i), x("update:modelValue", i);
+      set: (r) => {
+        x(r), N("update:modelValue", r);
       }
-    }), U = f(() => t.pages[_.value].url), P = (i, a) => {
-      var l, c;
-      const e = ((l = a.target) == null ? void 0 : l.offsetWidth) > 0 && ((c = a.target) == null ? void 0 : c.offsetHeight) > 0;
-      if (i === o.value && e) {
+    }), q = f(() => t.pages[_.value].url), C = (r, a) => {
+      var l, p;
+      const e = ((l = a.target) == null ? void 0 : l.offsetWidth) > 0 && ((p = a.target) == null ? void 0 : p.offsetHeight) > 0;
+      if (r === o.value && e) {
         a.preventDefault();
         return;
       }
-      o.value = i, x("navigate", i, U.value, a), W(() => {
+      o.value = r, N("navigate", r, q.value, a), J(() => {
         try {
           const d = a.currentTarget || a.target;
           d == null || d.blur();
@@ -110,112 +110,112 @@ const X = ["aria-label"], Y = {
           console.error(d);
         }
       });
-    }, q = (i) => {
-      const a = N.value.find((e) => {
+    }, E = (r) => {
+      const a = w.value.find((e) => {
         var l;
-        return (e == null ? void 0 : e.innerHTML) === ((l = i.target) == null ? void 0 : l.value);
+        return (e == null ? void 0 : e.innerHTML) === ((l = r.target) == null ? void 0 : l.value);
       });
       a && a.click();
-    }, E = f(() => t.forLabel || "Pagination"), T = f(() => t.pages[_.value - 1]), V = f(() => t.pages[_.value + 1]), w = f(() => {
-      const i = t.pages.length, a = o.value, e = 1;
-      let l = [], c = !0, d = !0;
-      if (i <= 7)
+    }, H = f(() => t.forLabel || "Pagination"), P = f(() => t.pages[_.value - 1]), T = f(() => t.pages[_.value + 1]), O = f(() => {
+      const r = t.pages.length, a = o.value, e = 1;
+      let l = [], p = !0, d = !0;
+      if (r <= 7)
         return t.pages;
       if (a) {
         if (a < 5)
-          c = !1, l = t.pages.slice(1, 5);
-        else if (i - a < 4)
+          p = !1, l = t.pages.slice(1, 5);
+        else if (r - a < 4)
           d = !1, l = t.pages.slice(-5, -1);
         else
-          for (let $ = Math.max(2, a - e); $ <= Math.min(i - 1, a + e); $ += 1)
-            l.push(t.pages[$ - 1]);
-        return a - e > 2 && c && l.unshift({
+          for (let V = Math.max(2, a - e); V <= Math.min(r - 1, a + e); V += 1)
+            l.push(t.pages[V - 1]);
+        return a - e > 2 && p && l.unshift({
           page: 0,
           url: "",
           ellip: !0
-        }), a + e < i - 1 && d && l.push({
+        }), a + e < r - 1 && d && l.push({
           page: 0,
           url: "",
           ellip: !0
-        }), l.unshift(t.pages[0]), l.push(t.pages[i - 1]), l;
+        }), l.unshift(t.pages[0]), l.push(t.pages[r - 1]), l;
       }
     });
-    return A(() => C(o.value)), F(() => t.pages, () => C(o.value)), (i, a) => (u(), p("nav", {
-      "aria-label": E.value
+    return F(() => x(o.value)), R(() => t.pages, () => x(o.value)), (r, a) => (u(), c("nav", {
+      "aria-label": H.value
     }, [y("ol", {
-      class: g(r(s)["cdr-pagination"])
-    }, [o.value && o.value > n.pages[0].page ? (u(), p("li", Y, [(u(), D(L(n.linkTag), {
+      class: g(i(s)["cdr-pagination"])
+    }, [o.value && o.value > n.pages[0].page ? (u(), c("li", Z, [(u(), $(D(n.linkTag), {
       "aria-label": "Go to previous page",
-      href: n.linkTag === "a" && T.value && T.value.url || void 0,
-      class: g(r(k)(r(s), "cdr-pagination__link", "cdr-pagination__prev")),
-      onClick: a[0] || (a[0] = (e) => P(T.value.page, e))
+      href: n.linkTag === "a" && P.value && P.value.url || void 0,
+      class: g(i(k)(i(s), "cdr-pagination__link", "cdr-pagination__prev")),
+      onClick: a[0] || (a[0] = (e) => C(P.value.page, e))
     }, {
-      default: b(() => [v(B, {
-        class: g(r(s)["cdr-pagination_caret--prev"])
+      default: b(() => [v(G, {
+        class: g(i(s)["cdr-pagination_caret--prev"])
       }, null, 8, ["class"]), m(" Prev ")]),
       _: 1
-    }, 8, ["href", "class"]))])) : (u(), p("li", Z, [y("span", {
+    }, 8, ["href", "class"]))])) : (u(), c("li", j, [y("span", {
       "aria-disabled": "true",
-      class: g(r(k)(r(s), "cdr-pagination__link", "cdr-pagination__prev", "cdr-pagination__link--disabled"))
-    }, [v(B, {
-      class: g(r(s)["cdr-pagination_caret--prev"]),
+      class: g(i(k)(i(s), "cdr-pagination__link", "cdr-pagination__prev", "cdr-pagination__link--disabled"))
+    }, [v(G, {
+      class: g(i(s)["cdr-pagination_caret--prev"]),
       "inherit-color": ""
-    }, null, 8, ["class"]), m(" Prev ")], 2)])), (u(!0), p(S, null, I(w.value, (e, l) => (u(), p("li", {
-      key: `pagination-${r(h)}-li-${e.page}`,
-      class: g(r(s)["cdr-pagination__li--links"])
-    }, [e.ellip ? (u(), p("span", {
+    }, null, 8, ["class"]), m(" Prev ")], 2)])), (u(!0), c(I, null, B(O.value, (e, l) => (u(), c("li", {
+      key: `pagination-${i(h)}-li-${e.page}`,
+      class: g(i(s)["cdr-pagination__li--links"])
+    }, [e.ellip ? (u(), c("span", {
       key: 1,
-      class: g(r(s)["cdr-pagination__ellipse"])
-    }, " … ", 2)) : (u(), D(L(n.linkTag), {
+      class: g(i(s)["cdr-pagination__ellipse"])
+    }, " … ", 2)) : (u(), $(D(n.linkTag), {
       key: 0,
-      id: `pagination-${r(h)}-link-${e.page}`,
-      class: g(r(k)(r(s), "cdr-pagination__link", e.page === o.value ? "cdr-pagination__link--current" : "")),
+      id: `pagination-${i(h)}-link-${e.page}`,
+      class: g(i(k)(i(s), "cdr-pagination__link", e.page === o.value ? "cdr-pagination__link--current" : "")),
       "aria-label": e.page === o.value ? `Current page, page ${e.page}` : `Go to page ${e.page}`,
       "aria-current": e.page === o.value ? "page" : null,
       href: n.linkTag === "a" && e.url || void 0,
       ref_for: !0,
-      ref: (c) => {
-        N.value[l] = c;
+      ref: (p) => {
+        w.value[l] = p;
       },
-      onClick: (c) => P(e.page, c)
+      onClick: (p) => C(e.page, p)
     }, {
-      default: b(() => [m(M(e.page), 1)]),
+      default: b(() => [m(L(e.page), 1)]),
       _: 2
     }, 1032, ["id", "class", "aria-label", "aria-current", "href", "onClick"]))], 2))), 128)), y("li", {
-      class: g(r(s)["cdr-pagination__li--select"])
-    }, [v(K, {
-      id: `pagination-select-${r(h)}`,
+      class: g(i(s)["cdr-pagination__li--select"])
+    }, [v(Q, {
+      id: `pagination-select-${i(h)}`,
       modelValue: o.value,
       "onUpdate:modelValue": a[1] || (a[1] = (e) => o.value = e),
       label: "Navigate to page",
       "hide-label": "",
-      onChange: a[2] || (a[2] = R((e) => q(e), ["prevent"]))
+      onChange: a[2] || (a[2] = W((e) => E(e), ["prevent"]))
     }, {
       default: b(() => {
         var e;
-        return [(u(!0), p(S, null, I((e = w.value) == null ? void 0 : e.filter((l) => l.page), (l) => (u(), p("option", {
-          key: `pagination-${r(h)}-select-${l.page}`,
+        return [(u(!0), c(I, null, B((e = O.value) == null ? void 0 : e.filter((l) => l.page), (l) => (u(), c("option", {
+          key: `pagination-${i(h)}-select-${l.page}`,
           value: l.page
-        }, " Page " + M(l.page) + M(n.totalPages === null ? "" : ` of ${n.totalPages}`), 9, j))), 128))];
+        }, " 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(), p("li", ee, [(u(), D(L(n.linkTag), {
+    }, 8, ["id", "modelValue"])], 2), o.value && o.value < n.pages[n.pages.length - 1].page ? (u(), c("li", ae, [(u(), $(D(n.linkTag), {
       "aria-label": "Go to next page",
-      href: n.linkTag === "a" && V.value && V.value.url || void 0,
-      class: g(r(k)(r(s), "cdr-pagination__link", "cdr-pagination__next")),
-      onClick: a[3] || (a[3] = (e) => P(V.value.page, e))
+      href: n.linkTag === "a" && T.value && T.value.url || void 0,
+      class: g(i(k)(i(s), "cdr-pagination__link", "cdr-pagination__next")),
+      onClick: a[3] || (a[3] = (e) => C(T.value.page, e))
     }, {
-      default: b(() => [m(" Next "), v(G, {
-        class: g(r(s)["cdr-pagination_caret--next"])
+      default: b(() => [m(" Next "), v(U, {
+        class: g(i(s)["cdr-pagination_caret--next"])
       }, null, 8, ["class"])]),
       _: 1
-    }, 8, ["href", "class"]))])) : (u(), p("li", ae, [y("span", {
+    }, 8, ["href", "class"]))])) : (u(), c("li", te, [y("span", {
       "aria-disabled": "true",
-      class: g(r(k)(r(s), "cdr-pagination__link", "cdr-pagination__next", "cdr-pagination__link--disabled"))
-    }, [m(" Next "), v(G, {
-      class: g(r(s)["cdr-pagination_caret--next"]),
+      class: g(i(k)(i(s), "cdr-pagination__link", "cdr-pagination__next", "cdr-pagination__link--disabled"))
+    }, [m(" Next "), v(U, {
+      class: g(i(s)["cdr-pagination_caret--next"]),
       "inherit-color": ""
-    }, null, 8, ["class"])], 2)]))], 2)], 8, X));
+    }, null, 8, ["class"])], 2)]))], 2)], 8, Y));
   }
 });
 export {

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

@@ -1,58 +1,58 @@
-const l = {
-  "cdr-icon": "cdr-icon_14-1-0",
-  "cdr-icon--small": "cdr-icon--small_14-1-0",
-  "cdr-icon--large": "cdr-icon--large_14-1-0",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_14-1-0",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_14-1-0",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_14-1-0",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_14-1-0",
-  "cdr-icon--small@md": "cdr-icon--small@md_14-1-0",
-  "cdr-icon--large@md": "cdr-icon--large@md_14-1-0",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_14-1-0",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_14-1-0",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_14-1-0",
-  "cdr-label-standalone": "cdr-label-standalone_14-1-0",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_14-1-0",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_14-1-0",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_14-1-0",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_14-1-0",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_14-1-0",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_14-1-0",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_14-1-0",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_14-1-0",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_14-1-0",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_14-1-0",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_14-1-0",
-  "cdr-form-error": "cdr-form-error_14-1-0",
-  "cdr-form-error__icon": "cdr-form-error__icon_14-1-0",
-  "cdr-select": "cdr-select_14-1-0",
-  "cdr-select--primary": "cdr-select--primary_14-1-0",
-  "cdr-select--secondary": "cdr-select--secondary_14-1-0",
-  "cdr-select--error": "cdr-select--error_14-1-0",
-  "cdr-select--preicon": "cdr-select--preicon_14-1-0",
-  "cdr-select__prompt": "cdr-select__prompt_14-1-0",
-  "cdr-select__caret": "cdr-select__caret_14-1-0",
-  "cdr-select__caret--disabled": "cdr-select__caret--disabled_14-1-0",
-  "cdr-select__pre-icon": "cdr-select__pre-icon_14-1-0",
-  "cdr-select--multiple": "cdr-select--multiple_14-1-0",
-  "cdr-select--large@xs": "cdr-select--large@xs_14-1-0",
-  "cdr-select--large": "cdr-select--large_14-1-0",
-  "cdr-select--large@sm": "cdr-select--large@sm_14-1-0",
-  "cdr-select--large@md": "cdr-select--large@md_14-1-0",
-  "cdr-select--large@lg": "cdr-select--large@lg_14-1-0",
-  "cdr-select-wrap": "cdr-select-wrap_14-1-0",
-  "cdr-pagination": "cdr-pagination_14-1-0",
-  "cdr-pagination__li--links": "cdr-pagination__li--links_14-1-0",
-  "cdr-pagination__li--select": "cdr-pagination__li--select_14-1-0",
-  "cdr-pagination__link": "cdr-pagination__link_14-1-0",
-  "cdr-pagination__link--current": "cdr-pagination__link--current_14-1-0",
-  "cdr-pagination__link--disabled": "cdr-pagination__link--disabled_14-1-0",
-  "cdr-pagination__ellipse": "cdr-pagination__ellipse_14-1-0",
-  "cdr-pagination__prev": "cdr-pagination__prev_14-1-0",
-  "cdr-pagination__next": "cdr-pagination__next_14-1-0",
-  "cdr-pagination__caret--prev": "cdr-pagination__caret--prev_14-1-0",
-  "cdr-pagination__caret--next": "cdr-pagination__caret--next_14-1-0"
+const a = {
+  "cdr-icon": "cdr-icon_15-0-0-alpha-0",
+  "cdr-icon--small": "cdr-icon--small_15-0-0-alpha-0",
+  "cdr-icon--large": "cdr-icon--large_15-0-0-alpha-0",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_15-0-0-alpha-0",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_15-0-0-alpha-0",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_15-0-0-alpha-0",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_15-0-0-alpha-0",
+  "cdr-icon--small@md": "cdr-icon--small@md_15-0-0-alpha-0",
+  "cdr-icon--large@md": "cdr-icon--large@md_15-0-0-alpha-0",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_15-0-0-alpha-0",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_15-0-0-alpha-0",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-0-0-alpha-0",
+  "cdr-label-standalone": "cdr-label-standalone_15-0-0-alpha-0",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-0-0-alpha-0",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_15-0-0-alpha-0",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-0-0-alpha-0",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-0-0-alpha-0",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-0-0-alpha-0",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-0-0-alpha-0",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_15-0-0-alpha-0",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-0-0-alpha-0",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-0-0-alpha-0",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-0-0-alpha-0",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-0-0-alpha-0",
+  "cdr-form-error": "cdr-form-error_15-0-0-alpha-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_15-0-0-alpha-0",
+  "cdr-select": "cdr-select_15-0-0-alpha-0",
+  "cdr-select--primary": "cdr-select--primary_15-0-0-alpha-0",
+  "cdr-select--secondary": "cdr-select--secondary_15-0-0-alpha-0",
+  "cdr-select--error": "cdr-select--error_15-0-0-alpha-0",
+  "cdr-select--preicon": "cdr-select--preicon_15-0-0-alpha-0",
+  "cdr-select__prompt": "cdr-select__prompt_15-0-0-alpha-0",
+  "cdr-select__caret": "cdr-select__caret_15-0-0-alpha-0",
+  "cdr-select__caret--disabled": "cdr-select__caret--disabled_15-0-0-alpha-0",
+  "cdr-select__pre-icon": "cdr-select__pre-icon_15-0-0-alpha-0",
+  "cdr-select--multiple": "cdr-select--multiple_15-0-0-alpha-0",
+  "cdr-select--large@xs": "cdr-select--large@xs_15-0-0-alpha-0",
+  "cdr-select--large": "cdr-select--large_15-0-0-alpha-0",
+  "cdr-select--large@sm": "cdr-select--large@sm_15-0-0-alpha-0",
+  "cdr-select--large@md": "cdr-select--large@md_15-0-0-alpha-0",
+  "cdr-select--large@lg": "cdr-select--large@lg_15-0-0-alpha-0",
+  "cdr-select-wrap": "cdr-select-wrap_15-0-0-alpha-0",
+  "cdr-pagination": "cdr-pagination_15-0-0-alpha-0",
+  "cdr-pagination__li--links": "cdr-pagination__li--links_15-0-0-alpha-0",
+  "cdr-pagination__li--select": "cdr-pagination__li--select_15-0-0-alpha-0",
+  "cdr-pagination__link": "cdr-pagination__link_15-0-0-alpha-0",
+  "cdr-pagination__link--current": "cdr-pagination__link--current_15-0-0-alpha-0",
+  "cdr-pagination__link--disabled": "cdr-pagination__link--disabled_15-0-0-alpha-0",
+  "cdr-pagination__ellipse": "cdr-pagination__ellipse_15-0-0-alpha-0",
+  "cdr-pagination__prev": "cdr-pagination__prev_15-0-0-alpha-0",
+  "cdr-pagination__next": "cdr-pagination__next_15-0-0-alpha-0",
+  "cdr-pagination__caret--prev": "cdr-pagination__caret--prev_15-0-0-alpha-0",
+  "cdr-pagination__caret--next": "cdr-pagination__caret--next_15-0-0-alpha-0"
 };
 export {
-  l as default
+  a as default
 };

package/dist/src/components/picture/CdrPicture.vue.mjs

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

@@ -0,0 +1,42 @@
+import { defineComponent as n, useCssModule as a, openBlock as r, createElementBlock as i, normalizeClass as l, unref as d, Fragment as c, renderList as p, mergeProps as u, createVNode as f } from "vue";
+import m from "../image/CdrImg.vue.mjs";
+const g = "cdr-picture", P = /* @__PURE__ */ n({
+  name: "CdrPicture",
+  __name: "CdrPicture",
+  props: {
+    sources: {},
+    src: {},
+    alt: {
+      default: ""
+    },
+    srcset: {},
+    sizes: {},
+    ratio: {},
+    position: {},
+    fit: {},
+    radius: {},
+    loading: {},
+    decoding: {},
+    fetchpriority: {}
+  },
+  setup(C) {
+    const t = a();
+    return (e, y) => (r(), i("picture", {
+      class: l(d(t)[g])
+    }, [(r(!0), i(c, null, p(e.sources, (o, s) => (r(), i("source", u({
+      key: `${o.media}--${s}`
+    }, o), null, 16))), 128)), f(m, {
+      src: e.src,
+      alt: e.alt,
+      ratio: e.ratio,
+      fit: e.fit,
+      position: e.position,
+      loading: e.loading,
+      fetchpriority: e.fetchpriority,
+      decoding: e.decoding
+    }, null, 8, ["src", "alt", "ratio", "fit", "position", "loading", "fetchpriority", "decoding"])], 2));
+  }
+});
+export {
+  P as default
+};

package/dist/src/components/picture/styles/CdrPicture.module.scss.mjs

@@ -0,0 +1,6 @@
+const t = {
+  "cdr-picture": "cdr-picture_15-0-0-alpha-0"
+};
+export {
+  t as default
+};

package/dist/src/components/popover/CdrPopover.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as _, useSlots as B, useCssModule as N, ref as u, watch as T, onMounted as V, openBlock as E, createElementBlock as P, normalizeClass as i, unref as r, createElementVNode as f, renderSlot as a, createVNode as m, withCtx as k, createTextVNode as w, toDisplayString as A, createCommentVNode as x } from "vue";
-import z from "tabbable";
-import M from "../icon/comps/x-sm.vue.mjs";
-import D from "../button/CdrButton.vue.mjs";
-import H from "../popup/CdrPopup.vue.mjs";
-import L from "../../utils/propValidator.mjs";
-import O from "../../utils/mapClasses.mjs";
-const R = /* @__PURE__ */ _({
+import { defineComponent as B, useSlots as N, useCssModule as T, ref as u, watch as V, onMounted as w, openBlock as E, createElementBlock as P, normalizeClass as i, unref as r, createElementVNode as f, renderSlot as a, createVNode as m, withCtx as k, createTextVNode as A, toDisplayString as x, createCommentVNode as z } from "vue";
+import M from "tabbable";
+import D from "../icon/comps/x-sm.vue.mjs";
+import H from "../button/CdrButton.vue.mjs";
+import L from "../popup/CdrPopup.vue.mjs";
+import O from "../../utils/propValidator.mjs";
+import j from "../../utils/mapClasses.mjs";
+const U = /* @__PURE__ */ B({
   name: "CdrPopover",
   __name: "CdrPopover",
   props: {
@@ -18,7 +18,7 @@ const R = /* @__PURE__ */ _({
       type: String,
       required: !1,
       default: "top",
-      validator: (o) => L(o, ["top", "bottom", "left", "right"])
+      validator: (t) => O(t, ["top", "bottom", "left", "right"])
     },
     /**
      * If set to `true`, popover will attempt to dynamically set it's position to
@@ -61,68 +61,68 @@ const R = /* @__PURE__ */ _({
     /** Emits when popover is closed */
     closed: null
   },
-  setup(o, {
-    emit: v
+  setup(t, {
+    emit: S
   }) {
-    const n = o, g = B(), l = N(), s = u(!1);
-    let d;
-    const c = u(null), C = u(null), S = g.trigger, $ = g.title || n.label, b = (e) => {
+    const n = t, v = S, g = N(), l = T(), s = u(!1);
+    let c;
+    const d = u(null), C = u(null), $ = g.trigger, q = g.title || n.label, b = (e) => {
       if (s.value === !0)
         return;
       const {
-        activeElement: t
+        activeElement: o
       } = document;
-      d = t, s.value = !0, v("opened", e), setTimeout(() => {
+      c = o, s.value = !0, v("opened", e), setTimeout(() => {
         var h;
-        const y = z((h = C.value) == null ? void 0 : h.$el);
+        const y = M((h = C.value) == null ? void 0 : h.$el);
         y[0] && y[0].focus();
       }, 50);
     }, p = (e) => {
-      s.value = !1, v("closed", e), d && d.focus();
-    }, q = () => {
-      var t;
-      const e = (t = c.value) == null ? void 0 : t.children[0];
+      s.value = !1, v("closed", e), c && c.focus();
+    }, _ = () => {
+      var o;
+      const e = (o = d.value) == null ? void 0 : o.children[0];
       e && e.addEventListener("click", b);
     };
-    return T(() => n.open, () => {
+    return V(() => n.open, () => {
       n.open ? b() : p();
-    }), V(() => {
-      var t;
-      q();
-      const e = (t = c.value) == null ? void 0 : t.children[0];
+    }), w(() => {
+      var o;
+      _();
+      const e = (o = d.value) == null ? void 0 : o.children[0];
       e && (e.setAttribute("aria-controls", n.id), e.setAttribute("aria-haspopup", "dialog"));
-    }), (e, t) => (E(), P("div", {
-      class: i(r(O)(r(l), "cdr-popover--wrapper", r(S) ? "cdr-popover--position" : ""))
+    }), (e, o) => (E(), P("div", {
+      class: i(r(j)(r(l), "cdr-popover--wrapper", r($) ? "cdr-popover--position" : ""))
     }, [f("div", {
       ref_key: "triggerEl",
-      ref: c
-    }, [a(e.$slots, "trigger")], 512), m(H, {
+      ref: d
+    }, [a(e.$slots, "trigger")], 512), m(L, {
       role: "dialog",
       ref_key: "popupEl",
       ref: C,
       onClosed: p,
-      position: o.position,
-      "auto-position": o.autoPosition,
+      position: t.position,
+      "auto-position": t.autoPosition,
       opened: s.value,
       "aria-expanded": `${s.value}`,
-      id: o.id,
-      "content-class": o.contentClass
+      id: t.id,
+      "content-class": t.contentClass
     }, {
       default: k(() => [f("div", {
         class: i(r(l)["cdr-popover__container"])
       }, [f("div", {
         class: i(r(l)["cdr-popover__content"])
-      }, [r($) ? (E(), P("div", {
+      }, [r(q) ? (E(), P("div", {
         key: 0,
         class: i(r(l)["cdr-popover__title"])
-      }, [a(e.$slots, "title", {}, () => [w(A(o.label), 1)])], 2)) : x("", !0), a(e.$slots, "default")], 2), m(D, {
+      }, [a(e.$slots, "title", {}, () => [A(x(t.label), 1)])], 2)) : z("", !0), a(e.$slots, "default")], 2), m(H, {
         class: i(r(l)["cdr-popover__close-button"]),
         "icon-only": "",
         onClick: p,
         "aria-label": "Close",
         size: "small"
       }, {
-        default: k(() => [a(e.$slots, "icon", {}, () => [m(M, {
+        default: k(() => [a(e.$slots, "icon", {}, () => [m(D, {
           "inherit-color": ""
         })])]),
         _: 3
@@ -132,5 +132,5 @@ const R = /* @__PURE__ */ _({
   }
 });
 export {
-  R as default
+  U as default
 };