@expressivecss/expressive 0.1.0 → 0.2.0

package/dist/js/expressive.js

@@ -34,6 +34,7 @@ var Expressive = (() => {
     Chips: () => Chips,
     Collapsible: () => Collapsible,
     Datepicker: () => Datepicker,
+    Dialogs: () => Dialogs,
     Dropdown: () => Dropdown,
     FloatingActionButton: () => FloatingActionButton,
     FormSelect: () => FormSelect,
@@ -1892,6 +1893,74 @@ var Expressive = (() => {
     }
   };
 
+  // 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 {
     /**
@@ -7436,7 +7505,7 @@ var Expressive = (() => {
   }
 
   // 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);
@@ -7448,6 +7517,7 @@ var Expressive = (() => {
   Waves.Init();
   Range.Init();
   Cards.Init();
+  Dialogs.Init();
   return __toCommonJS(index_exports);
 })();
 //# sourceMappingURL=expressive.js.map