drab 6.2.0 → 6.2.2

package/dist/base/index.js

@@ -30,7 +30,7 @@ export class Base extends HTMLElement {
      * @default "click"
      */
     get event() {
-        return (this.getAttribute("event") ?? "click");
+        return this.getAttribute("event") ?? "click";
     }
     set event(value) {
         this.setAttribute("event", value);
@@ -46,8 +46,7 @@ export class Base extends HTMLElement {
      * @default this.querySelectorAll("[data-trigger]")
      */
     getTrigger() {
-        const triggers = this.querySelectorAll(this.getAttribute("trigger") ?? "[data-trigger]");
-        return triggers;
+        return this.querySelectorAll(this.getAttribute("trigger") ?? "[data-trigger]");
     }
     /**
      * @param instance The instance of the desired element to validate against,

package/dist/contextmenu/index.d.ts

@@ -6,7 +6,7 @@ export type ContextMenuAttributes = BaseAttributes;
 export declare class ContextMenu extends Base {
     #private;
     constructor();
-    show(e: MouseEvent | TouchEvent): Promise<void>;
-    hide(): Promise<void>;
+    show(e: MouseEvent | TouchEvent): void;
+    hide(): void;
     mount(): void;
 }

package/dist/contextmenu/index.js

@@ -13,7 +13,7 @@ export class ContextMenu extends Base {
         this.getContent().style.left = `${value.x}px`;
         this.getContent().style.top = `${value.y}px`;
     }
-    async show(e) {
+    show(e) {
         // find coordinates of the click
         const scrollY = window.scrollY;
         const scrollX = window.scrollX;
@@ -36,7 +36,7 @@ export class ContextMenu extends Base {
         }
         this.#coordinates = { x, y };
     }
-    async hide() {
+    hide() {
         this.getContent().removeAttribute("data-open");
     }
     mount() {
@@ -57,9 +57,8 @@ export class ContextMenu extends Base {
         this.triggerListener(resetTimer, "touchcancel", { passive: true });
         // keyboard
         this.safeListener("keydown", (e) => {
-            if (e.key === "Escape") {
+            if (e.key === "Escape")
                 this.hide();
-            }
         });
     }
 }

package/dist/copy/index.d.ts

@@ -1,10 +1,23 @@
-import { BaseCopy, type BaseCopyAttributes } from "../base/copy/index.js";
-export type CopyAttributes = BaseCopyAttributes;
+import { Base, type BaseAttributes } from "../base/index.js";
+export type CopyAttributes = BaseAttributes & {
+    value: string;
+};
 /**
  * Uses the [Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText)
  * to copy text.
  */
-export declare class Copy extends BaseCopy {
+export declare class Copy extends Base {
     constructor();
+    /**
+     * The value to copy.
+     *
+     * @default ""
+     */
+    get value(): string;
+    set value(value: string);
+    /**
+     * @param value The `value` to copy
+     */
+    copy(value?: string): Promise<void>;
     mount(): void;
 }

package/dist/copy/index.js

@@ -1,13 +1,32 @@
-import { BaseCopy } from "../base/copy/index.js";
+import { Base } from "../base/index.js";
 /**
  * Uses the [Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText)
  * to copy text.
  */
-export class Copy extends BaseCopy {
+export class Copy extends Base {
     constructor() {
         super();
     }
+    /**
+     * The value to copy.
+     *
+     * @default ""
+     */
+    get value() {
+        return this.getAttribute("value") ?? "";
+    }
+    set value(value) {
+        this.setAttribute("value", value);
+    }
+    /**
+     * @param value The `value` to copy
+     */
+    copy(value = this.value) {
+        this.announce(`copied ${value} to clipboard`);
+        this.swapContent();
+        return navigator.clipboard.writeText(value);
+    }
     mount() {
-        this.triggerListener(async () => await this.copy());
+        this.triggerListener(() => this.copy());
     }
 }

package/dist/dialog/index.d.ts

@@ -22,10 +22,10 @@ export declare class Dialog extends Base {
     /** The `HTMLDialogElement` within the element. */
     get dialog(): HTMLDialogElement;
     /** `HTMLDialogElement.showModal()` with animation. */
-    show(): Promise<void>;
+    show(): void;
     /** `HTMLDialogElement.close()` with animation. */
-    close(): Promise<void>;
+    close(): void;
     /** `show` or `close` depending on the dialog's `open` attribute. */
-    toggle(): Promise<void>;
+    toggle(): void;
     mount(): void;
 }

package/dist/dialog/index.js

@@ -35,17 +35,17 @@ export class Dialog extends Base {
         }
     }
     /** `HTMLDialogElement.showModal()` with animation. */
-    async show() {
+    show() {
         this.dialog.showModal();
         this.#toggleBodyScroll(true);
     }
     /** `HTMLDialogElement.close()` with animation. */
-    async close() {
+    close() {
         this.#toggleBodyScroll(false);
         this.dialog.close();
     }
     /** `show` or `close` depending on the dialog's `open` attribute. */
-    async toggle() {
+    toggle() {
         if (this.dialog.open)
             this.close();
         else

package/dist/editor/index.js

@@ -355,6 +355,6 @@ export class Editor extends Base {
         });
         // reset #openChars on click since the cursor has changed position
         this.textArea.addEventListener("click", () => (this.#openChars = []));
-        this.triggerListener((e) => this.#addContent(e.target.dataset));
+        this.triggerListener((e) => this.#addContent(e.currentTarget.dataset));
     }
 }

package/dist/share/index.d.ts

@@ -1,15 +1,14 @@
-import { BaseCopy, type BaseCopyAttributes } from "../base/copy/index.js";
-export type ShareAttributes = BaseCopyAttributes;
+import { Copy, type CopyAttributes } from "../copy/index.js";
+export type ShareAttributes = CopyAttributes;
 /**
- * Uses the [Navigator API](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share) to share a url. If `share` is not supported, falls back to copy the text instead.
+ * Uses the [Navigator API](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share)
+ * to share a url. If `share` is not supported, falls back to copy the text instead.
  */
-export declare class Share extends BaseCopy {
+export declare class Share extends Copy {
     constructor();
     /**
      * Shares or copies the `value`.
      * @param url The `url` to share, defaults to `this.value`
-     * @returns An object containing a `result` - whether the `url` was copied or shared
-     * depending on browser support.
      */
     share(url?: string): Promise<void>;
     mount(): void;

package/dist/share/index.js

@@ -1,34 +1,26 @@
-import { BaseCopy } from "../base/copy/index.js";
+import { Copy } from "../copy/index.js";
 /**
- * Uses the [Navigator API](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share) to share a url. If `share` is not supported, falls back to copy the text instead.
+ * Uses the [Navigator API](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share)
+ * to share a url. If `share` is not supported, falls back to copy the text instead.
  */
-export class Share extends BaseCopy {
+export class Share extends Copy {
     constructor() {
         super();
     }
     /**
      * Shares or copies the `value`.
      * @param url The `url` to share, defaults to `this.value`
-     * @returns An object containing a `result` - whether the `url` was copied or shared
-     * depending on browser support.
      */
-    async share(url = this.value) {
+    share(url = this.value) {
         if (navigator.canShare && navigator.canShare({ url })) {
-            try {
-                await navigator.share({ url });
-            }
-            catch (error) {
-                if (error?.name !== "AbortError") {
-                    console.error(error);
-                }
-            }
+            return navigator.share({ url });
         }
         else {
             // progressively enhance, copy the link
-            this.copy();
+            return this.copy();
         }
     }
     mount() {
-        this.triggerListener(async () => await this.share());
+        this.triggerListener(() => this.share());
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "drab",
 	"description": "Interactivity for You",
-	"version": "6.2.0",
+	"version": "6.2.2",
 	"homepage": "https://drab.robino.dev",
 	"license": "MIT",
 	"author": {

package/dist/base/copy/index.d.ts

@@ -1,19 +0,0 @@
-import { Base, type BaseAttributes } from "../index.js";
-export type BaseCopyAttributes = BaseAttributes & {
-    value: string;
-};
-export declare class BaseCopy extends Base {
-    constructor();
-    /**
-     * The value to copy or share.
-     *
-     * @default "" the empty string
-     */
-    get value(): string;
-    set value(value: string);
-    /**
-     * Copies the `text`.
-     * @param text The `text` to share
-     */
-    copy(text?: string): Promise<void>;
-}

package/dist/base/copy/index.js

@@ -1,26 +0,0 @@
-import { Base } from "../index.js";
-export class BaseCopy extends Base {
-    constructor() {
-        super();
-    }
-    /**
-     * The value to copy or share.
-     *
-     * @default "" the empty string
-     */
-    get value() {
-        return this.getAttribute("value") ?? "";
-    }
-    set value(value) {
-        this.setAttribute("value", value);
-    }
-    /**
-     * Copies the `text`.
-     * @param text The `text` to share
-     */
-    async copy(text = this.value) {
-        this.announce(`copied ${text} to clipboard`);
-        await navigator.clipboard.writeText(text);
-        this.swapContent();
-    }
-}