@orioncactuscorp/ui 1.6.0 → 1.7.0

package/dist/components/Modal/Modal.module.scss.js

@@ -1,48 +1,68 @@
-import './Modal.css';const o = "oc-Modal-module__trigger__B-N3y", e = "oc-Modal-module__backdrop__jYpTA", d = "oc-Modal-module__viewport__8dW9u", _ = "oc-Modal-module__surfaceMotion__fJnTQ", l = "oc-Modal-module__bottomFill__wKrvv", a = "oc-Modal-module__surface__FnAX8", c = "oc-Modal-module__header__NS30G", t = "oc-Modal-module__footer__Oyz-R", n = "oc-Modal-module__small__qdBEU", r = "oc-Modal-module__medium__JRDXg", s = "oc-Modal-module__large__O42Af", m = "oc-Modal-module__fixed__Gj1Dv", i = "oc-Modal-module__handle__Fan4V", u = "oc-Modal-module__headerInner__F5nxn", M = "oc-Modal-module__headerLeading__v735-", h = "oc-Modal-module__headerTrailing__hQamr", g = "oc-Modal-module__headerTitle__tJ2Qv", f = "oc-Modal-module__close__058gy", b = "oc-Modal-module__body__3zIj9", y = "oc-Modal-module__bodyContainer__t57Y6", p = "oc-Modal-module__bodyContent__fRK23", v = {
+import './Modal.css';const o = "oc-Modal-module__trigger__B-N3y", a = "oc-Modal-module__backdrop__jYpTA", n = "oc-Modal-module__viewport__8dW9u", e = "oc-Modal-module__surfaceMotion__fJnTQ", _ = "oc-Modal-module__bottomFill__wKrvv", l = "oc-Modal-module__surface__FnAX8", d = "oc-Modal-module__header__NS30G", i = "oc-Modal-module__footer__Oyz-R", t = "oc-Modal-module__small__qdBEU", c = "oc-Modal-module__medium__JRDXg", r = "oc-Modal-module__large__O42Af", g = "oc-Modal-module__fixed__Gj1Dv", m = "oc-Modal-module__navigationSection__oHkbv", s = "oc-Modal-module__handle__Fan4V", u = "oc-Modal-module__headerInner__F5nxn", v = "oc-Modal-module__headerLeading__v735-", M = "oc-Modal-module__headerTrailing__hQamr", h = "oc-Modal-module__headerTitle__tJ2Qv", f = "oc-Modal-module__close__058gy", b = "oc-Modal-module__navigationDialogTitle__vkGhC", T = "oc-Modal-module__navigationHeading__XioS6", y = "oc-Modal-module__navigation__ldQt-", P = "oc-Modal-module__navigationTitle__ncfjD", I = "oc-Modal-module__navigationIndicator__swRE1", F = "oc-Modal-module__navigationPanel__conuU", k = "oc-Modal-module__navigationPanelScroll__UO-ue", p = "oc-Modal-module__navigationPanelFrame__RljMi", S = "oc-Modal-module__navigationPanelInner__k0D4f", j = "oc-Modal-module__body__3zIj9", C = "oc-Modal-module__bodyContainer__t57Y6", D = "oc-Modal-module__bodyContent__fRK23", R = {
   trigger: o,
-  backdrop: e,
-  viewport: d,
-  surfaceMotion: _,
-  bottomFill: l,
-  surface: a,
+  backdrop: a,
+  viewport: n,
+  surfaceMotion: e,
+  bottomFill: _,
+  surface: l,
   "oc-modal-reject-shake": "oc-Modal-module__oc-modal-reject-shake__RJrNe",
-  header: c,
-  footer: t,
-  small: n,
-  medium: r,
-  large: s,
-  fixed: m,
-  handle: i,
+  header: d,
+  footer: i,
+  small: t,
+  medium: c,
+  large: r,
+  fixed: g,
+  navigationSection: m,
+  handle: s,
   headerInner: u,
-  headerLeading: M,
-  headerTrailing: h,
-  headerTitle: g,
+  headerLeading: v,
+  headerTrailing: M,
+  headerTitle: h,
   close: f,
-  body: b,
-  bodyContainer: y,
-  bodyContent: p
+  navigationDialogTitle: b,
+  navigationHeading: T,
+  navigation: y,
+  navigationTitle: P,
+  navigationIndicator: I,
+  navigationPanel: F,
+  navigationPanelScroll: k,
+  navigationPanelFrame: p,
+  navigationPanelInner: S,
+  body: j,
+  bodyContainer: C,
+  bodyContent: D
 };
 export {
-  e as backdrop,
-  b as body,
-  y as bodyContainer,
-  p as bodyContent,
-  l as bottomFill,
+  a as backdrop,
+  j as body,
+  C as bodyContainer,
+  D as bodyContent,
+  _ as bottomFill,
   f as close,
-  v as default,
-  m as fixed,
-  t as footer,
-  i as handle,
-  c as header,
+  R as default,
+  g as fixed,
+  i as footer,
+  s as handle,
+  d as header,
   u as headerInner,
-  M as headerLeading,
-  g as headerTitle,
-  h as headerTrailing,
-  s as large,
-  r as medium,
-  n as small,
-  a as surface,
-  _ as surfaceMotion,
+  v as headerLeading,
+  h as headerTitle,
+  M as headerTrailing,
+  r as large,
+  c as medium,
+  y as navigation,
+  b as navigationDialogTitle,
+  T as navigationHeading,
+  I as navigationIndicator,
+  F as navigationPanel,
+  p as navigationPanelFrame,
+  S as navigationPanelInner,
+  k as navigationPanelScroll,
+  m as navigationSection,
+  P as navigationTitle,
+  t as small,
+  l as surface,
+  e as surfaceMotion,
   o as trigger,
-  d as viewport
+  n as viewport
 };

package/dist/components/Modal/snapPoints.js

@@ -1,31 +1,31 @@
-function x(e, t) {
+function y(e, t) {
   return typeof e == "string" ? Number.parseFloat(e) : e > 1 ? e : e * t;
 }
 function v(e) {
   return Number.isFinite(e) && e > 0;
 }
-function w({
+function X({
   snapPoints: e,
   defaultSnapPoint: t,
-  viewportHeight: a
+  viewportHeight: i
 }) {
   if (!e?.length) return;
-  const o = e.map(
-    (c) => x(c, a)
-  ), i = o.filter(v).sort((c, u) => c - u);
-  if (!i.length) return;
-  const n = Math.max(...i), r = t !== void 0 ? e.findIndex((c) => c === t) : -1, d = r >= 0 && o[r] ? o[r] : n;
+  const a = e.map(
+    (c) => y(c, i)
+  ), r = a.filter(v).sort((c, g) => c - g);
+  if (!r.length) return;
+  const n = Math.max(...r), o = t !== void 0 ? e.findIndex((c) => c === t) : -1, u = o >= 0 && a[o] ? a[o] : n;
   return {
-    snapHeights: i,
+    snapHeights: r,
     sheetHeight: n,
-    visibleTranslate: Math.max(0, n - d)
+    visibleTranslate: Math.max(0, n - u)
   };
 }
-function h(e, t) {
-  const a = Number.parseFloat(e.getPropertyValue(t));
-  return Number.isFinite(a) ? a : 0;
+function l(e, t) {
+  const i = Number.parseFloat(e.getPropertyValue(t));
+  return Number.isFinite(i) ? i : 0;
 }
-function y(e, t) {
+function w(e, t) {
   switch (e) {
     case "left":
       return { x: t.minX, y: 0 };
@@ -47,33 +47,57 @@ function y(e, t) {
       return { x: 0, y: 0 };
   }
 }
-function X({
+function S({
+  position: e,
+  viewportRect: t,
+  paddingTop: i,
+  paddingBottom: a
+}) {
+  if (e === "top" || e.startsWith("top-"))
+    return {
+      y: `calc(${i - t.height / 2}px + 50%)`
+    };
+  if (e === "bottom" || e.startsWith("bottom-"))
+    return {
+      y: `calc(${t.height / 2 - a}px - 50%)`
+    };
+}
+function Y({
   defaultSnapPosition: e,
   snapPositions: t,
-  surfaceMotion: a
+  surfaceMotion: i
 }) {
-  const o = a.parentElement;
-  if (!o || !t.length) return;
-  const i = o.getBoundingClientRect(), n = a.getBoundingClientRect();
-  if (i.width <= 0 || i.height <= 0 || n.width <= 0 || n.height <= 0)
+  const a = i.parentElement;
+  if (!a || !t.length) return;
+  const r = a.getBoundingClientRect(), n = i.getBoundingClientRect();
+  if (r.width <= 0 || r.height <= 0 || n.width <= 0 || n.height <= 0)
     return;
-  const r = window.getComputedStyle(o), d = h(r, "padding-left"), c = h(r, "padding-right"), u = h(r, "padding-top"), f = h(r, "padding-bottom"), s = {
-    minX: d + n.width / 2 - i.width / 2,
-    maxX: i.width - c - n.width / 2 - i.width / 2,
-    minY: u + n.height / 2 - i.height / 2,
-    maxY: i.height - f - n.height / 2 - i.height / 2
-  }, l = t.map((g) => ({
-    key: g,
-    ...y(g, s)
-  })), p = e ?? t[0], m = l.find((g) => g.key === p) ?? l[0];
-  if (m)
+  const o = window.getComputedStyle(a), u = l(o, "padding-left"), c = l(o, "padding-right"), g = l(o, "padding-top"), d = l(o, "padding-bottom"), m = {
+    minX: u + n.width / 2 - r.width / 2,
+    maxX: r.width - c - n.width / 2 - r.width / 2,
+    minY: g + n.height / 2 - r.height / 2,
+    maxY: r.height - d - n.height / 2 - r.height / 2
+  }, s = t.map((h) => {
+    const p = S({
+      position: h,
+      viewportRect: r,
+      paddingTop: g,
+      paddingBottom: d
+    });
+    return {
+      key: h,
+      ...w(h, m),
+      ...p ? { settledTranslate: p } : {}
+    };
+  }), x = e ?? t[0], f = s.find((h) => h.key === x) ?? s[0];
+  if (f)
     return {
-      bounds: s,
-      defaultTarget: m,
-      targets: l
+      bounds: m,
+      defaultTarget: f,
+      targets: s
     };
 }
 export {
-  X as resolveModalPopupSnapPositions,
-  w as resolveModalSnapMetrics
+  Y as resolveModalPopupSnapPositions,
+  X as resolveModalSnapMetrics
 };