@orioncactuscorp/ui 1.13.0 → 1.15.0

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

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

package/dist/components/Modal/initialFocus.js

@@ -0,0 +1,11 @@
+function n({
+  contentNode: t,
+  initialFocus: r,
+  modal: f,
+  titleNode: e
+}) {
+  return r === "content" ? () => t : r === "first-interactive" ? !0 : r === "title" ? () => e ?? !0 : r === void 0 || r === "auto" ? f === !1 ? !1 : () => e ?? !0 : r;
+}
+export {
+  n as resolveModalInitialFocus
+};

package/dist/components/Modal/keyboardSession.js

@@ -0,0 +1,104 @@
+const f = 80, E = 2, h = 16, u = /* @__PURE__ */ new Set([
+  "email",
+  "number",
+  "password",
+  "search",
+  "tel",
+  "text",
+  "url"
+]), i = /* @__PURE__ */ new Map();
+function l(t, e) {
+  i.set(Math.round(t), e);
+}
+function b(t) {
+  return i.get(Math.round(t));
+}
+function c(t, e) {
+  switch (e.type) {
+    case "focus": {
+      const { geometry: n, target: r } = e;
+      return t && t.phase === "active" && Math.abs(t.baselineWidth - n.width) < 80 ? { ...t, baselineWidth: n.width, target: r } : {
+        baselineHeight: n.height,
+        baselineOffsetLeft: n.offsetLeft,
+        baselineOffsetTop: n.offsetTop,
+        baselineWidth: n.width,
+        phase: "active",
+        sawKeyboard: !1,
+        target: r
+      };
+    }
+    case "retain":
+      return t && { ...t, phase: "active", target: e.target };
+    case "close":
+      return t && { ...t, phase: "closing", target: null };
+    case "measure":
+      return t && !t.sawKeyboard ? { ...t, sawKeyboard: !0 } : t;
+    case "release":
+      return;
+  }
+}
+function s(t) {
+  return !(t instanceof HTMLElement) || t.hasAttribute("disabled") ? !1 : t.isContentEditable || t.tagName === "TEXTAREA" ? !0 : t.tagName !== "INPUT" ? !1 : u.has(
+    (t.getAttribute("type") ?? "text").toLowerCase()
+  );
+}
+function o(t, e) {
+  return !t || !e || Math.abs(t.baselineWidth - e.width) < 80;
+}
+function _(t, e) {
+  return Math.abs(t.baselineHeight - e.height) <= 2;
+}
+function R(t, e) {
+  return !t || // A closing session targets the resting inset at once: the chase
+  // transition glides the footer down alongside the keyboard instead of
+  // trailing WebKit's progressive geometry restore sample by sample.
+  t.phase === "closing" || !e || !o(t, e) ? 0 : Math.max(0, t.baselineHeight - e.height);
+}
+function d(t, e) {
+  if (!t || !e || !o(t, e))
+    return e;
+  const n = Math.max(t.baselineHeight, e.height);
+  return t.phase !== "closing" ? { ...e, height: n } : {
+    ...e,
+    height: n,
+    // A closing session targets the resting pan at once so the container
+    // glides back in step with the keyboard and the inset drop, instead of
+    // chasing WebKit's late restore samples and stranding the sheet offset
+    // until a terminal snap.
+    offsetLeft: t.baselineOffsetLeft,
+    offsetTop: t.baselineOffsetTop
+  };
+}
+function O({
+  bodyRect: t,
+  clearanceInset: e,
+  footerHeight: n,
+  targetRect: r
+}) {
+  const a = t.bottom - e - n;
+  return r.bottom > a - 16 ? r.bottom - a + 16 : r.top < t.top + 16 ? r.top - t.top - 16 : 0;
+}
+function A(t) {
+  return t !== null && typeof t.getAnimations == "function" && typeof CSSTransition < "u";
+}
+function D(t) {
+  return t.getAnimations({ subtree: !0 }).some(
+    (e) => e instanceof CSSTransition && e.transitionProperty === "transform" && e.playState === "running"
+  );
+}
+export {
+  h as KEYBOARD_REVEAL_SCROLL_PADDING,
+  E as KEYBOARD_VIEWPORT_RESTORE_EPSILON,
+  f as KEYBOARD_VIEWPORT_WIDTH_CHANGE_THRESHOLD,
+  R as getKeyboardInset,
+  O as getKeyboardRevealScrollDelta,
+  b as getSeedKeyboardInset,
+  d as getSessionStableViewportGeometry,
+  D as hasRunningTransformTransition,
+  s as isKeyboardEditable,
+  o as isSessionGeometryCompatible,
+  _ as isSessionGeometryRestored,
+  c as keyboardSessionReducer,
+  l as recordMeasuredKeyboardInset,
+  A as supportsTransitionSettleDetection
+};

package/dist/components/Modal/snapPoints.js

@@ -1,108 +1,121 @@
-function y(e, t) {
-  return typeof e == "string" ? Number.parseFloat(e) : e > 1 ? e : e * t;
+import { resolvePositionSnapPoint as M, resolvePositionSnapTargets as N } from "../PositionSnap/geometry.js";
+const P = {
+  center: "center",
+  left: "inline-start",
+  right: "inline-end",
+  top: "block-start",
+  bottom: "block-end",
+  "top-left": "block-start-inline-start",
+  "top-right": "block-start-inline-end",
+  "bottom-left": "block-end-inline-start",
+  "bottom-right": "block-end-inline-end"
+};
+function T(t, n) {
+  return typeof t == "string" ? Number.parseFloat(t) : t > 1 ? t : t * n;
 }
-function x(e) {
-  return Number.isFinite(e) && e > 0;
+function y(t) {
+  return Number.isFinite(t) && t > 0;
 }
-function X({
-  snapPoints: e,
-  defaultSnapPoint: t,
-  backdropFrom: n,
-  viewportHeight: c
+function I({
+  snapPoints: t,
+  defaultSnapPoint: n,
+  backdropFrom: o,
+  viewportHeight: s
 }) {
-  if (!e?.length) return;
-  const r = e.map(
-    (o) => y(o, c)
-  ), i = r.filter(x).sort((o, g) => o - g);
+  if (!t?.length) return;
+  const e = t.map(
+    (r) => T(r, s)
+  ), i = e.filter(y).sort((r, u) => r - u);
   if (!i.length) return;
-  const a = Math.max(...i), h = t !== void 0 ? e.findIndex((o) => o === t) : -1, u = h >= 0 && r[h] ? r[h] : a, d = n !== void 0 ? e.findIndex((o) => o === n) : -1, s = d >= 0 && x(r[d]) ? r[d] : void 0;
-  return process.env.NODE_ENV !== "production" && n !== void 0 && s === void 0 && console.warn(
+  const d = Math.max(...i), c = n !== void 0 ? t.findIndex((r) => r === n) : -1, g = c >= 0 && e[c] ? e[c] : d, a = o !== void 0 ? t.findIndex((r) => r === o) : -1, h = a >= 0 && y(e[a]) ? e[a] : void 0;
+  return process.env.NODE_ENV !== "production" && o !== void 0 && h === void 0 && console.warn(
     "oc-ui Modal: `backdropFrom` must reference a member of `snapPoints`; the backdrop threshold was ignored."
   ), {
     snapHeights: i,
-    sheetHeight: a,
-    defaultHeight: u,
-    visibleTranslate: Math.max(0, a - u),
-    backdropFromHeight: s
+    sheetHeight: d,
+    defaultHeight: g,
+    visibleTranslate: Math.max(0, d - g),
+    backdropFromHeight: h
   };
 }
-function m(e, t) {
-  const n = Number.parseFloat(e.getPropertyValue(t));
-  return Number.isFinite(n) ? n : 0;
-}
-function w(e, t) {
-  switch (e) {
-    case "left":
-      return { x: t.minX, y: 0 };
-    case "right":
-      return { x: t.maxX, y: 0 };
-    case "top":
-      return { x: 0, y: t.minY };
-    case "bottom":
-      return { x: 0, y: t.maxY };
-    case "top-left":
-      return { x: t.minX, y: t.minY };
-    case "top-right":
-      return { x: t.maxX, y: t.minY };
-    case "bottom-left":
-      return { x: t.minX, y: t.maxY };
-    case "bottom-right":
-      return { x: t.maxX, y: t.maxY };
-    default:
-      return { x: 0, y: 0 };
-  }
+function p(t, n) {
+  const o = Number.parseFloat(t.getPropertyValue(n));
+  return Number.isFinite(o) ? o : 0;
 }
-function S({
-  position: e,
-  viewportRect: t,
-  paddingTop: n,
-  paddingBottom: c
+function F({
+  position: t,
+  viewportRect: n,
+  paddingTop: o,
+  paddingBottom: s
 }) {
-  if (e === "top" || e.startsWith("top-"))
+  if (t === "top" || t.startsWith("top-"))
     return {
-      y: `calc(${n - t.height / 2}px + 50%)`
+      y: `calc(${o - n.height / 2}px + 50%)`
     };
-  if (e === "bottom" || e.startsWith("bottom-"))
+  if (t === "bottom" || t.startsWith("bottom-"))
     return {
-      y: `calc(${t.height / 2 - c}px - 50%)`
+      y: `calc(${n.height / 2 - s}px - 50%)`
     };
 }
-function Y({
-  defaultSnapPosition: e,
-  snapPositions: t,
-  surfaceMotion: n
+function R({
+  defaultSnapPosition: t,
+  snapPositions: n,
+  surfaceMotion: o
 }) {
-  const c = n.parentElement;
-  if (!c || !t.length) return;
-  const r = c.getBoundingClientRect(), i = n.getBoundingClientRect();
-  if (r.width <= 0 || r.height <= 0 || i.width <= 0 || i.height <= 0)
+  const s = o.parentElement;
+  if (!s || !n.length) return;
+  const e = s.getBoundingClientRect(), i = o.getBoundingClientRect();
+  if (e.width <= 0 || e.height <= 0 || i.width <= 0 || i.height <= 0)
     return;
-  const a = window.getComputedStyle(c), h = m(a, "padding-left"), u = m(a, "padding-right"), d = m(a, "padding-top"), s = m(a, "padding-bottom"), o = {
-    minX: h + i.width / 2 - r.width / 2,
-    maxX: r.width - u - i.width / 2 - r.width / 2,
-    minY: d + i.height / 2 - r.height / 2,
-    maxY: r.height - s - i.height / 2 - r.height / 2
-  }, g = t.map((l) => {
-    const p = S({
-      position: l,
-      viewportRect: r,
-      paddingTop: d,
-      paddingBottom: s
+  const d = window.getComputedStyle(s), c = p(d, "padding-left"), g = p(d, "padding-right"), a = p(d, "padding-top"), h = p(d, "padding-bottom"), r = {
+    x: e.left,
+    y: e.top,
+    width: e.width,
+    height: e.height
+  }, u = {
+    top: a,
+    right: g,
+    bottom: h,
+    left: c
+  }, m = { width: i.width, height: i.height }, b = M({
+    boundary: r,
+    direction: "ltr",
+    padding: u,
+    position: "center",
+    size: m
+  }), k = {
+    minX: c + i.width / 2 - e.width / 2,
+    maxX: e.width - g - i.width / 2 - e.width / 2,
+    minY: a + i.height / 2 - e.height / 2,
+    maxY: e.height - h - i.height / 2 - e.height / 2
+  }, f = N({
+    boundary: r,
+    direction: "ltr",
+    padding: u,
+    positions: n.map((l) => P[l]),
+    size: m
+  }).map((l, H) => {
+    const w = n[H] ?? "center", x = F({
+      position: w,
+      viewportRect: e,
+      paddingTop: a,
+      paddingBottom: h
     });
     return {
-      key: l,
-      ...w(l, o),
-      ...p ? { settledTranslate: p } : {}
+      key: w,
+      x: l.x - b.x,
+      y: l.y - b.y,
+      ...x ? { settledTranslate: x } : {}
     };
-  }), v = e ?? t[0], f = g.find((l) => l.key === v) ?? g[0];
-  if (f)
+  }), S = t ?? n[0], v = f.find((l) => l.key === S) ?? f[0];
+  if (v)
     return {
-      bounds: o,
-      defaultTarget: f,
-      targets: g
+      bounds: k,
+      defaultTarget: v,
+      targets: f
     };
 }
 export {
-  Y as resolveModalPopupSnapPositions,
-  X as resolveModalSnapMetrics
+  R as resolveModalPopupSnapPositions,
+  I as resolveModalSnapMetrics
 };