drab 6.5.1 → 7.0.0

package/dist/contextmenu/index.js

@@ -1,8 +1,8 @@
-import { Base } from "../base/index.js";
+import { Content, Lifecycle, Trigger, } from "../base/index.js";
 /**
  * Displays content when the `trigger` element is right clicked, or long pressed on mobile.
  */
-export class ContextMenu extends Base {
+export class ContextMenu extends Lifecycle(Trigger(Content())) {
     /** Tracks the long press duration on mobile. */
     #touchTimer;
     constructor() {
@@ -10,8 +10,8 @@ export class ContextMenu extends Base {
     }
     /** Sets the context menu's `style.left` and `style.top` position. */
     set #coordinates(value) {
-        this.getContent().style.left = `${value.x}px`;
-        this.getContent().style.top = `${value.y}px`;
+        this.content().style.left = `${value.x}px`;
+        this.content().style.top = `${value.y}px`;
     }
     show(e) {
         // find coordinates of the click
@@ -21,10 +21,10 @@ export class ContextMenu extends Base {
         const clientY = e instanceof MouseEvent ? e.clientY : (e.touches[0]?.clientY ?? 0);
         let x = clientX + scrollX;
         let y = clientY + scrollY;
-        this.getContent().style.position = "absolute";
-        this.getContent().setAttribute("data-open", "");
-        const offsetWidth = this.getContent().offsetWidth + 24;
-        const offsetHeight = this.getContent().offsetHeight + 6;
+        this.content().style.position = "absolute";
+        this.content().setAttribute("data-open", "");
+        const offsetWidth = this.content().offsetWidth + 24;
+        const offsetHeight = this.content().offsetHeight + 6;
         const innerWidth = window.innerWidth;
         const innerHeight = window.innerHeight;
         // ensure menu is within view
@@ -37,24 +37,24 @@ export class ContextMenu extends Base {
         this.#coordinates = { x, y };
     }
     hide() {
-        this.getContent().removeAttribute("data-open");
+        this.content().removeAttribute("data-open");
     }
     mount() {
         // mouse
-        this.triggerListener((e) => {
+        this.listener("contextmenu", (e) => {
             e.preventDefault();
             this.show(e);
-        }, "contextmenu");
+        });
         this.safeListener("click", () => this.hide());
         // touch
-        this.triggerListener((e) => {
+        this.listener("touchstart", (e) => {
             this.#touchTimer = setTimeout(() => {
                 this.show(e);
             }, 800);
-        }, "touchstart", { passive: true });
+        }, { passive: true });
         const resetTimer = () => clearTimeout(this.#touchTimer);
-        this.triggerListener(resetTimer, "touchend", { passive: true });
-        this.triggerListener(resetTimer, "touchcancel", { passive: true });
+        this.listener("touchend", resetTimer, { passive: true });
+        this.listener("touchcancel", resetTimer, { passive: true });
         // keyboard
         this.safeListener("keydown", (e) => {
             if (e.key === "Escape")

package/dist/define.d.ts

@@ -1 +1,11 @@
-export {};
+import "./announcer/define.js";
+import "./contextmenu/define.js";
+import "./dialog/define.js";
+import "./editor/define.js";
+import "./fullscreen/define.js";
+import "./intersect/define.js";
+import "./prefetch/define.js";
+import "./share/define.js";
+import "./tablesort/define.js";
+import "./tabs/define.js";
+import "./wakelock/define.js";

package/dist/define.js

@@ -1,5 +1,11 @@
-import * as elements from "./index.js";
-import { define } from "./util/define.js";
-for (const [name, Constructor] of Object.entries(elements)) {
-    define(`drab-${name.toLowerCase()}`, Constructor);
-}
+import "./announcer/define.js";
+import "./contextmenu/define.js";
+import "./dialog/define.js";
+import "./editor/define.js";
+import "./fullscreen/define.js";
+import "./intersect/define.js";
+import "./prefetch/define.js";
+import "./share/define.js";
+import "./tablesort/define.js";
+import "./tabs/define.js";
+import "./wakelock/define.js";