@expressivecss/expressive 0.1.0 → 0.2.0

package/dist/js/expressive.mjs

@@ -1842,6 +1842,74 @@ var Range = class _Range extends Component {
   }
 };
 
+// src/ts/behaviors/dialogs.ts
+var _Dialogs = class _Dialogs {
+  static Init() {
+    Utils.onDocumentReady(() => {
+      document.addEventListener("pointerdown", _Dialogs._onPointerDown, { passive: true });
+      document.addEventListener("pointerup", _Dialogs._onPointerUp, { passive: true });
+      document.addEventListener("pointercancel", _Dialogs._onPointerCancel, { passive: true });
+    });
+  }
+  static _onPointerDown(event) {
+    if (!_Dialogs._isPrimaryPress(event)) {
+      _Dialogs._down = null;
+      return;
+    }
+    const dialog = _Dialogs._backdropDialog(event);
+    if (!dialog || !_Dialogs._lightDismissible(dialog) || !_Dialogs._outside(event, dialog)) {
+      _Dialogs._down = null;
+      return;
+    }
+    _Dialogs._down = { dialog, pointerId: event.pointerId };
+  }
+  static _onPointerUp(event) {
+    const started = _Dialogs._down;
+    _Dialogs._down = null;
+    if (!started || started.pointerId !== event.pointerId) return;
+    if (!event.isPrimary) return;
+    if (!started.dialog.isConnected || !started.dialog.open) return;
+    if (!_Dialogs._lightDismissible(started.dialog)) return;
+    if (_Dialogs._backdropDialog(event) !== started.dialog) return;
+    if (_Dialogs._outside(event, started.dialog)) {
+      started.dialog.close();
+    }
+  }
+  static _onPointerCancel() {
+    _Dialogs._down = null;
+  }
+  /** Backdrop hits retarget to the dialog itself, never a child. */
+  static _backdropDialog(event) {
+    const target = event.target;
+    if (!(target instanceof HTMLDialogElement) || !target.open) return null;
+    return target;
+  }
+  static _outside(event, dialog) {
+    const rect = dialog.getBoundingClientRect();
+    return event.clientX < rect.left || event.clientX > rect.right || event.clientY < rect.top || event.clientY > rect.bottom;
+  }
+  static _isPrimaryPress(event) {
+    if (!event.isPrimary) return false;
+    return event.pointerType !== "mouse" || event.button === 0;
+  }
+  static _lightDismissible(dialog) {
+    const value = _Dialogs._closedBy(dialog);
+    if (value === "none" || value === "closerequest") return false;
+    if (value === "any" && "closedBy" in HTMLDialogElement.prototype) return false;
+    return true;
+  }
+  // Read the attribute only. The IDL default for an unset closedby is
+  // "closerequest" (Escape, no light dismiss) — treating that as an
+  // author opt-out made every dialog undismissable from the scrim.
+  static _closedBy(dialog) {
+    const attr = dialog.getAttribute("closedby");
+    if (attr === "any" || attr === "closerequest" || attr === "none") return attr;
+    return null;
+  }
+};
+_Dialogs._down = null;
+var Dialogs = _Dialogs;
+
 // src/ts/behaviors/forms.ts
 var Forms = class _Forms {
   /**
@@ -7386,7 +7454,7 @@ function AutoInit(context = document.body, options) {
 }
 
 // src/ts/index.ts
-var version = "0.1.0";
+var version = "0.2.0";
 if (typeof document !== "undefined") {
   document.addEventListener("keydown", Utils.docHandleKeydown, true);
   document.addEventListener("keyup", Utils.docHandleKeyup, true);
@@ -7398,6 +7466,7 @@ Chips.Init();
 Waves.Init();
 Range.Init();
 Cards.Init();
+Dialogs.Init();
 export {
   AutoInit,
   Autocomplete,
@@ -7407,6 +7476,7 @@ export {
   Chips,
   Collapsible,
   Datepicker,
+  Dialogs,
   Dropdown,
   FloatingActionButton,
   FormSelect,