@orioncactuscorp/ui 1.16.0 → 1.18.0

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

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

package/dist/components/Modal/blockSize.js

@@ -0,0 +1,7 @@
+function i(t) {
+  const e = Number.parseFloat(window.getComputedStyle(t).height);
+  return Number.isFinite(e) && e > 0 ? e : t.getBoundingClientRect().height;
+}
+export {
+  i as getBlockSize
+};

package/dist/components/Modal/cssTime.js

@@ -0,0 +1,11 @@
+function s(t) {
+  const e = t.trim();
+  return e.endsWith("ms") ? Number.parseFloat(e) || 0 : e.endsWith("s") ? (Number.parseFloat(e) || 0) * 1e3 : 0;
+}
+function i(t) {
+  return t.split(",").reduce((e, r) => Math.max(e, s(r)), 0);
+}
+export {
+  i as getMaxCssTimeMs,
+  s as parseCssTimeMs
+};

package/dist/components/Modal/fieldReveal.js

@@ -0,0 +1,57 @@
+const E = 16, d = 48;
+function i({
+  labelRects: e,
+  targetRect: t
+}) {
+  let n = t.top;
+  for (const o of e) {
+    const l = t.top - o.bottom;
+    o.top < n && l >= 0 && l <= 48 && (n = o.top);
+  }
+  return { bottom: t.bottom, top: n };
+}
+function b(e) {
+  const t = /* @__PURE__ */ new Set();
+  (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement) && e.labels && e.labels.forEach((o) => t.add(o));
+  const n = e.getAttribute("aria-labelledby");
+  if (n)
+    for (const o of n.split(/\s+/)) {
+      const l = o ? e.ownerDocument.getElementById(o) : null;
+      l instanceof HTMLElement && t.add(l);
+    }
+  return Array.from(t);
+}
+function f(e) {
+  return i({
+    labelRects: b(e).map(
+      (t) => t.getBoundingClientRect()
+    ),
+    targetRect: e.getBoundingClientRect()
+  });
+}
+function A(e) {
+  const t = Number.parseFloat(e ?? "");
+  return Number.isFinite(t) && t > 0 ? t : 0;
+}
+function m({
+  bodyRect: e,
+  clearanceInset: t,
+  footerHeight: n,
+  revealed: o,
+  scrollPaddingStart: l,
+  targetRect: s
+}) {
+  const r = e.top + l, a = s.top - r;
+  if (!o) return a;
+  const c = e.bottom - t - n;
+  return s.bottom > c - 16 || s.top < r ? a : 0;
+}
+export {
+  d as KEYBOARD_REVEAL_LABEL_MAX_GAP,
+  E as KEYBOARD_REVEAL_SCROLL_PADDING,
+  b as getKeyboardRevealLabels,
+  i as getKeyboardRevealRect,
+  m as getKeyboardRevealScrollDelta,
+  f as getKeyboardRevealTargetRect,
+  A as parseScrollPadding
+};

package/dist/components/Modal/headerTapScroll.js

@@ -0,0 +1,10 @@
+import { shouldIgnoreDragTarget as e } from "./modalScrollArbitration.js";
+function n({
+  scrollTop: o,
+  target: r
+}) {
+  return o > 0 && !e(r);
+}
+export {
+  n as shouldScrollToTopOnHeaderClick
+};

package/dist/components/Modal/keyboardEditable.js

@@ -0,0 +1,31 @@
+const o = /* @__PURE__ */ new Set([
+  "email",
+  "number",
+  "password",
+  "search",
+  "tel",
+  "text",
+  "url"
+]), i = /* @__PURE__ */ new Set(["decimal", "numeric", "tel"]), r = /* @__PURE__ */ new Set(["number", "tel"]);
+function t(e) {
+  return !(e instanceof HTMLElement) || e.hasAttribute("disabled") || e.getAttribute("inputmode")?.toLowerCase() === "none" ? !1 : e.isContentEditable ? !0 : !(e instanceof HTMLInputElement) && !(e instanceof HTMLTextAreaElement) || e.readOnly ? !1 : e instanceof HTMLTextAreaElement ? !0 : o.has(e.type.toLowerCase());
+}
+function u(e) {
+  if (t(e)) return e;
+  if (!(e instanceof HTMLElement)) return null;
+  const n = e.closest("label")?.control ?? null;
+  return t(n) ? n : null;
+}
+function s(e) {
+  const n = e.getAttribute("inputmode")?.toLowerCase();
+  return n !== void 0 && n !== "" ? i.has(n) ? "numeric" : "text" : e instanceof HTMLInputElement && r.has(e.type.toLowerCase()) ? "numeric" : "text";
+}
+function l(e) {
+  return e.navigator.maxTouchPoints > 0 && typeof e.matchMedia == "function" && e.matchMedia("(pointer: coarse)").matches;
+}
+export {
+  s as getKeyboardClass,
+  u as getTapEditable,
+  l as hasSoftKeyboardEnvironment,
+  t as isKeyboardEditable
+};

package/dist/components/Modal/keyboardInsetMemory.js

@@ -0,0 +1,24 @@
+const r = /* @__PURE__ */ new Map();
+function d(o, s, e) {
+  const t = Math.round(o), n = r.get(t) ?? {};
+  r.set(t, {
+    ...n,
+    [s]: e
+  });
+}
+function c(o, s) {
+  const e = r.get(
+    Math.round(o)
+  );
+  if (!e) return;
+  const t = e[s];
+  if (t !== void 0) return t;
+  const n = Object.values(e).filter(
+    (a) => a !== void 0
+  );
+  return n.length > 0 ? Math.max(...n) : void 0;
+}
+export {
+  c as getSeedKeyboardInset,
+  d as recordMeasuredKeyboardInset
+};

package/dist/components/Modal/keyboardSession.js

@@ -1,34 +1,33 @@
-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) {
+const h = 80, u = 2;
+function f(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,
+      const { geometry: a, keyboardClass: r, target: i } = e;
+      return t && Math.abs(t.baselineWidth - a.width) < 80 ? {
+        ...t,
+        baselineHeight: Math.max(t.baselineHeight, a.height),
+        baselineWidth: a.width,
+        keyboardClass: r,
+        phase: "active",
+        target: i
+      } : {
+        baselineHeight: a.height,
+        baselineOffsetLeft: a.offsetLeft,
+        baselineOffsetTop: a.offsetTop,
+        baselineWidth: a.width,
+        keyboardClass: r,
         phase: "active",
         sawKeyboard: !1,
-        target: r
+        target: i
       };
     }
     case "retain":
-      return t && { ...t, phase: "active", target: e.target };
+      return t && {
+        ...t,
+        keyboardClass: e.keyboardClass,
+        phase: "active",
+        target: e.target
+      };
     case "close":
       return t && { ...t, phase: "closing", target: null };
     case "measure":
@@ -37,68 +36,42 @@ function c(t, e) {
       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) {
+function n(t, e) {
   return !t || !e || Math.abs(t.baselineWidth - e.width) < 80;
 }
-function _(t, e) {
+function l(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 c(t, e) {
+  return !t || // Blur is the only "keyboard will hide" signal the page gets: iOS reports
+  // the restored geometry in one sample only after its whole dismissal
+  // choreography (~0.5s). A closing session targets the resting inset at
+  // once and the footer glides down over that span (see the closing
+  // transition in Modal.module.scss) instead of waiting for the sample.
+  t.phase === "closing" || !e || !n(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 } : {
+function o(t, e) {
+  return !t || !e || !n(t, e) ? e : {
     ...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
+    height: Math.max(t.baselineHeight, e.height)
   };
 }
-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) {
+function b(t) {
   return t !== null && typeof t.getAnimations == "function" && typeof CSSTransition < "u";
 }
-function D(t) {
+function E(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
+  u as KEYBOARD_VIEWPORT_RESTORE_EPSILON,
+  h as KEYBOARD_VIEWPORT_WIDTH_CHANGE_THRESHOLD,
+  c as getKeyboardInset,
+  o as getSessionStableViewportGeometry,
+  E as hasRunningTransformTransition,
+  n as isSessionGeometryCompatible,
+  l as isSessionGeometryRestored,
+  f as keyboardSessionReducer,
+  b as supportsTransitionSettleDetection
 };

package/dist/components/Modal/modalResizeTarget.js

@@ -0,0 +1,28 @@
+const r = "--oc-modal-resize-target-scrollport-height", o = '[data-oc-modal-resizing="true"]';
+function s(e, t) {
+  e.dataset.ocModalResizing = "true", t !== null && e.style.setProperty(
+    r,
+    `${t}px`
+  );
+}
+function i(e) {
+  delete e.dataset.ocModalResizing, e.style.removeProperty(r);
+}
+function l(e) {
+  return e.dataset.ocModalResizing === "true";
+}
+function n(e) {
+  const t = e.closest(o);
+  if (!t) return null;
+  const a = Number.parseFloat(
+    t.style.getPropertyValue(r)
+  );
+  return Number.isFinite(a) ? a : null;
+}
+export {
+  r as MODAL_RESIZE_TARGET_SCROLLPORT_HEIGHT_PROPERTY,
+  i as clearModalResizeTarget,
+  l as isModalResizeTargetPublished,
+  s as publishModalResizeTarget,
+  n as readModalResizeTarget
+};