drab 7.0.2 → 8.0.0

package/dist/wakelock/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/wakelock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,KAAK,iBAAiB,EAGtB,KAAK,iBAAiB,EACtB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,kBAChB,SAAQ,iBAAiB,EACxB,iBAAiB;IAClB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,QAAS,SAAQ,aAAuC;;;IAoBpE,6CAA6C;IACvC,OAAO;IAqBb,2DAA2D;IACrD,OAAO;IAKJ,KAAK;IAsCL,OAAO;CAGhB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/wakelock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,KAAK,iBAAiB,EAGtB,KAAK,iBAAiB,EACtB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,kBAChB,SAAQ,iBAAiB,EAAE,iBAAiB;IAC5C,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,QAAS,SAAQ,aAAuC;;;IAoBpE,6CAA6C;IACvC,OAAO;IAqBb,2DAA2D;IACrD,OAAO;IAKJ,KAAK;IAoCL,OAAO;CAGhB"}

package/dist/wakelock/index.js

@@ -88,9 +88,8 @@ export class WakeLock extends Lifecycle(Trigger(Content(Announce()))) {
                 // When the tab is not visible, the wakeLock is automatically released.
                 // This requests it back if it exists, if it is `null`, that
                 // means it was removed. In which case, it shouldn't be requested again.
-                if (this.#wakeLock) {
+                if (this.#wakeLock)
                     this.request();
-                }
             }, document);
         }
     }

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "drab",
 	"description": "Interactivity for You",
-	"version": "7.0.2",
+	"version": "8.0.0",
 	"homepage": "https://drab.robino.dev",
 	"license": "MIT",
 	"author": {
@@ -151,8 +151,8 @@
 		"!src/**/*.test.ts"
 	],
 	"scripts": {
-		"check": "tsc --noEmit",
-		"dev": "tsc --watch",
-		"build": "tsc"
+		"check": "tsc",
+		"dev": "tsc --watch -p tsconfig.build.json",
+		"build": "tsc -p tsconfig.build.json"
 	}
 }

package/src/base/index.ts

@@ -17,7 +17,7 @@ export const Lifecycle = <T extends Constructor<HTMLElement>>(
 ) =>
 	class Lifecycle extends Super {
 		/** To clean up event listeners added to `document` when the element is removed. */
-		#listenerController = new AbortController();
+		controller = new AbortController();
 
 		constructor(...args: any[]) {
 			super(...args);
@@ -56,8 +56,10 @@ export const Lifecycle = <T extends Constructor<HTMLElement>>(
 			target: EventTarget = document.body,
 			options: AddEventListenerOptions = {},
 		) {
-			options.signal = this.#listenerController.signal;
-			target.addEventListener(type, listener, options);
+			target.addEventListener(type, listener, {
+				...options,
+				signal: this.controller.signal,
+			});
 		}
 
 		/**
@@ -85,7 +87,7 @@ export const Lifecycle = <T extends Constructor<HTMLElement>>(
 		/** Called when custom element is removed from the page. */
 		disconnectedCallback() {
 			this.destroy();
-			this.#listenerController.abort();
+			this.controller.abort();
 		}
 	};
 
@@ -113,7 +115,8 @@ export const Trigger = <T extends Constructor<HTMLElement>>(
 		/**
 		 * Event for the `trigger` to execute.
 		 *
-		 * For example, set to `"mouseover"` to execute the event when the user hovers the mouse over the `trigger`, instead of when they click it.
+		 * For example, set to `"mouseover"` to execute the event when the user
+		 * hovers the mouse over the `trigger`, instead of when they click it.
 		 *
 		 * @default "click"
 		 */
@@ -275,7 +278,7 @@ export const Announce = <T extends Constructor<HTMLElement>>(
 		 * A single `Announcer` element to share between all drab elements to announce
 		 * interactive changes.
 		 */
-		static #announcer = Announcer.init();
+		static announcer = Announcer.init();
 
 		constructor(...args: any[]) {
 			super(...args);
@@ -285,6 +288,6 @@ export const Announce = <T extends Constructor<HTMLElement>>(
 		 * @param message message to announce to screen readers
 		 */
 		announce(message: string) {
-			Announce.#announcer.announce(message);
+			Announce.announcer.announce(message);
 		}
 	};

package/src/contextmenu/index.ts

@@ -7,15 +7,14 @@ import {
 } from "../base/index.js";
 
 export interface ContextMenuAttributes
-	extends TriggerAttributes,
-		ContentAttributes {}
+	extends TriggerAttributes, ContentAttributes {}
 
 /**
  * Displays content when the `trigger` element is right clicked, or long pressed on mobile.
  */
 export class ContextMenu extends Lifecycle(Trigger(Content())) {
 	/** Tracks the long press duration on mobile. */
-	#touchTimer: NodeJS.Timeout | undefined;
+	#touchTimer: number | undefined;
 
 	constructor() {
 		super();

package/src/define.ts

@@ -1,6 +1,5 @@
 import "./announcer/define.js";
 import "./contextmenu/define.js";
-import "./dialog/define.js";
 import "./editor/define.js";
 import "./fullscreen/define.js";
 import "./intersect/define.js";

package/src/editor/index.ts

@@ -7,8 +7,7 @@ import {
 } from "../base/index.js";
 
 export interface EditorAttributes
-	extends TriggerAttributes,
-		ContentAttributes {}
+	extends TriggerAttributes, ContentAttributes {}
 
 export interface EditorTriggerAttributes {
 	"data-value": string;

package/src/fullscreen/index.ts

@@ -7,8 +7,7 @@ import {
 } from "../base/index.js";
 
 export interface FullscreenAttributes
-	extends TriggerAttributes,
-		ContentAttributes {}
+	extends TriggerAttributes, ContentAttributes {}
 
 /**
  * Toggles the `documentElement` or `content` element to fullscreen mode.
@@ -20,23 +19,9 @@ export class Fullscreen extends Lifecycle(Trigger(Content())) {
 		super();
 	}
 
-	/**
-	 * @returns `true` if fullscreen is currently enabled.
-	 */
-	#isFullscreen() {
-		return document.fullscreenElement !== null;
-	}
-
-	/**
-	 * @returns `true` if fullscreen is supported.
-	 */
-	#fullscreenSupported() {
-		return "requestFullscreen" in document.documentElement;
-	}
-
 	/** Enables or disables fullscreen mode based on the current state. */
 	toggle() {
-		if (this.#isFullscreen()) {
+		if (document.fullscreenElement !== null) {
 			document.exitFullscreen();
 		} else {
 			try {
@@ -51,7 +36,10 @@ export class Fullscreen extends Lifecycle(Trigger(Content())) {
 		this.listener(() => this.toggle());
 
 		for (const trigger of this.triggers()) {
-			if (!this.#fullscreenSupported() && "disabled" in trigger) {
+			if (
+				!("requestFullscreen" in document.documentElement) &&
+				"disabled" in trigger
+			) {
 				trigger.disabled = true;
 			}
 		}

package/src/index.ts

@@ -1,6 +1,5 @@
 export * from "./announcer/index.js";
 export * from "./contextmenu/index.js";
-export * from "./dialog/index.js";
 export * from "./editor/index.js";
 export * from "./fullscreen/index.js";
 export * from "./intersect/index.js";

package/src/intersect/index.ts

@@ -7,8 +7,7 @@ import {
 } from "../base/index.js";
 
 export interface IntersectAttributes
-	extends TriggerAttributes,
-		ContentAttributes {
+	extends TriggerAttributes, ContentAttributes {
 	/** Number between 0 and 1 representing the visible portion of the `trigger`. */
 	threshold?: number;
 }
@@ -40,17 +39,6 @@ export class Intersect extends Lifecycle(Trigger(Content())) {
 		super();
 	}
 
-	/**
-	 * How much of the `trigger` should be visible for the intersection to occur.
-	 * For example, given a threshold of `.5`, the intersection would occur when
-	 * the `trigger` is 50% visible.
-	 *
-	 * @default 0
-	 */
-	get #threshold() {
-		return Number(this.getAttribute("threshold") ?? 0);
-	}
-
 	override mount() {
 		const observer = new IntersectionObserver(
 			(entries) => {
@@ -71,7 +59,7 @@ export class Intersect extends Lifecycle(Trigger(Content())) {
 					);
 				}
 			},
-			{ threshold: this.#threshold },
+			{ threshold: Number(this.getAttribute("threshold") ?? 0) },
 		);
 
 		for (const trigger of this.triggers()) observer.observe(trigger);

package/src/prefetch/index.ts

@@ -77,28 +77,16 @@ export class Prefetch extends Lifecycle(Trigger()) {
 		super();
 	}
 
-	/** When to prefetch the url. */
-	get #strategy() {
-		return this.getAttribute("strategy");
-	}
-
-	/** Prerender with the Speculation Rules API. */
-	get #prerender() {
-		return this.hasAttribute("prerender");
-	}
-
-	/** `url` to prefetch on `mount`.  */
-	get #url() {
-		return this.getAttribute("url");
-	}
-
 	/**
 	 * Appends `<link rel="prefetch">` or `<script type="speculationrules">`
 	 * to the head of the document.
 	 *
 	 * @param options Configuration options.
 	 */
-	prefetch(options: {
+	prefetch({
+		url,
+		prerender,
+	}: {
 		/** `url` to prefetch. */
 		url: string;
 
@@ -107,8 +95,6 @@ export class Prefetch extends Lifecycle(Trigger()) {
 		 */
 		prerender?: boolean;
 	}) {
-		const { url } = options;
-
 		// if not the current page and not already prefetched
 		if (!(url === window.location.href) && !this.#prefetchedUrls.has(url)) {
 			this.#prefetchedUrls.add(url);
@@ -124,7 +110,7 @@ export class Prefetch extends Lifecycle(Trigger()) {
 					prefetch: [{ source: "list", urls: [url] }],
 				};
 
-				if (options.prerender) rules.prerender = rules.prefetch;
+				if (prerender) rules.prerender = rules.prefetch;
 
 				const script = document.createElement("script");
 				script.type = "speculationrules";
@@ -141,16 +127,17 @@ export class Prefetch extends Lifecycle(Trigger()) {
 	}
 
 	override mount() {
+		const prerender = this.hasAttribute("prerender");
+		const url = this.getAttribute("url");
+
 		// immediately prefetch the `url` attribute if it exists
-		if (this.#url)
-			this.prefetch({ url: this.#url, prerender: this.#prerender });
+		if (url) this.prefetch({ url, prerender });
 
 		// prefetch the `trigger` elements
 		const anchors = this.triggers(HTMLAnchorElement);
-		const prerender = this.#prerender;
-		const strategy = this.#strategy;
+		const strategy = this.getAttribute("strategy");
 
-		let prefetchTimer: NodeJS.Timeout;
+		let prefetchTimer: number;
 
 		const listener =
 			(delay = 200) =>
@@ -164,22 +151,20 @@ export class Prefetch extends Lifecycle(Trigger()) {
 
 		const reset = () => clearTimeout(prefetchTimer);
 
-		const observer = new IntersectionObserver((entries) => {
-			for (const entry of entries) {
-				if (entry.isIntersecting) {
-					this.prefetch({
-						url: (entry.target as HTMLAnchorElement).href,
-						prerender,
-					});
-				}
-			}
-		});
-
 		for (const anchor of anchors) {
 			if (strategy === "load") {
 				this.prefetch({ url: anchor.href, prerender });
 			} else if (strategy === "visible") {
-				observer.observe(anchor);
+				new IntersectionObserver((entries) => {
+					for (const entry of entries) {
+						if (entry.isIntersecting) {
+							this.prefetch({
+								url: (entry.target as HTMLAnchorElement).href,
+								prerender,
+							});
+						}
+					}
+				}).observe(anchor);
 			} else {
 				// "hover" - default
 				anchor.addEventListener("mouseover", listener());

package/src/tablesort/index.ts

@@ -8,8 +8,7 @@ import {
 } from "../base/index.js";
 
 export interface TableSortAttributes
-	extends TriggerAttributes,
-		ContentAttributes {}
+	extends TriggerAttributes, ContentAttributes {}
 
 export interface TableSortTriggerAttributes {
 	"data-type": "string" | "boolean" | "number";
@@ -78,7 +77,7 @@ export class TableSort extends Lifecycle(Trigger(Content(Announce()))) {
 				const asc = this.#setAttributes(trigger);
 
 				Array.from(tbody.querySelectorAll("tr"))
-					.sort(comparer(trigger, asc))
+					.sort(TableSort.#comparer(trigger, asc))
 					.forEach((tr) => tbody.appendChild(tr));
 
 				this.announce(
@@ -98,71 +97,73 @@ export class TableSort extends Lifecycle(Trigger(Content(Announce()))) {
 			}
 		}
 	}
-}
 
-// adapted from: https://stackoverflow.com/questions/14267781/sorting-html-table-with-javascript/49041392#49041392
-const comparer = (th: HTMLElement, ascending: boolean) => {
-	// this function is returned and used by `sort`
-	const sorter = (a: HTMLTableRowElement, b: HTMLTableRowElement) => {
-		// find the column to sort by using the index of the `th`
-		const columnIndex = Array.from(th.parentNode?.children ?? []).indexOf(th);
-
-		const compare = (aVal: string, bVal: string) => {
-			// default to `string` sorting
-			const dataType = (th.dataset.type ?? "string") as
-				| "string"
-				| "boolean"
-				| "number";
-
-			if (dataType === "string") {
-				const collator = new Intl.Collator();
-				return collator.compare(aVal, bVal);
-			} else if (dataType === "boolean") {
-				return falsyBoolean(aVal) === falsyBoolean(bVal)
-					? 0
-					: falsyBoolean(aVal)
-						? -1
-						: 1;
-			} else {
-				// "number"
-				return Number(aVal) - Number(bVal);
-			}
+	// adapted from: https://stackoverflow.com/questions/14267781/sorting-html-table-with-javascript/49041392#49041392
+	static #comparer(th: HTMLElement, ascending: boolean) {
+		// this function is returned and used by `sort`
+		const sorter = (a: HTMLTableRowElement, b: HTMLTableRowElement) => {
+			// find the column to sort by using the index of the `th`
+			const columnIndex = Array.from(th.parentNode?.children ?? []).indexOf(th);
+
+			const compare = (aVal: string, bVal: string) => {
+				// default to `string` sorting
+				const dataType = (th.dataset.type ?? "string") as
+					| "string"
+					| "boolean"
+					| "number";
+
+				if (dataType === "string") {
+					const collator = new Intl.Collator();
+					return collator.compare(aVal, bVal);
+				} else if (dataType === "boolean") {
+					return TableSort.#falsyBoolean(aVal) === TableSort.#falsyBoolean(bVal)
+						? 0
+						: TableSort.#falsyBoolean(aVal)
+							? -1
+							: 1;
+				} else {
+					// "number"
+					return Number(aVal) - Number(bVal);
+				}
+			};
+
+			return compare(
+				TableSort.#getValue(ascending ? a : b, columnIndex),
+				TableSort.#getValue(ascending ? b : a, columnIndex),
+			);
 		};
 
-		return compare(
-			getValue(ascending ? a : b, columnIndex),
-			getValue(ascending ? b : a, columnIndex),
-		);
-	};
+		return sorter;
+	}
 
-	return sorter;
-};
+	/**
+	 * @param tr the row
+	 * @param i index of the `td` to find
+	 * @returns a string, the `data-value` attribute, or the `textContent`
+	 */
+	static #getValue(tr: HTMLTableRowElement, i: number) {
+		const cell = tr.children[i];
 
-/**
- * @param tr the row
- * @param i index of the `td` to find
- * @returns a string, the `data-value` attribute, or the `textContent`
- */
-const getValue = (tr: HTMLTableRowElement, i: number) => {
-	const cell = tr.children[i];
-	if (cell instanceof HTMLElement) {
-		// first look for `data-value` attribute, then use `textContent`
-		return cell.dataset.value ?? cell.textContent ?? "";
-	}
-	return "";
-};
+		if (cell instanceof HTMLElement) {
+			// first look for `data-value` attribute, then use `textContent`
+			return cell.dataset.value ?? cell.textContent ?? "";
+		}
 
-/**
- * if value is one of these and type is boolean
- * it should be considered falsy
- * since actually `Boolean("false") === true`
- * @param val string pulled from the textContent or attr
- * @returns a boolean of the provided string
- */
-const falsyBoolean = (val: string) => {
-	if (["0", "false", "null", "undefined"].includes(val)) {
-		return false;
+		return "";
 	}
 
-	return Boolean(val);
-};
+	static #falsyStrings = new Set(["0", "false", "null", "undefined"]);
+
+	/**
+	 * if value is one of these and type is boolean
+	 * it should be considered falsy
+	 * since actually `Boolean("false") === true`
+	 * @param val string pulled from the textContent or attr
+	 * @returns a boolean of the provided string
+	 */
+	static #falsyBoolean(val: string) {
+		if (TableSort.#falsyStrings.has(val)) return false;
+
+		return Boolean(val);
+	}
+}

package/src/tabs/index.ts

@@ -35,7 +35,14 @@ export interface TabsAttributes extends TriggerAttributes {
  */
 export class Tabs extends Lifecycle(Trigger()) {
 	/** Supported keys for keyboard navigation. */
-	#keys = ["ArrowRight", "ArrowDown", "ArrowLeft", "ArrowUp", "Home", "End"];
+	readonly #keys = [
+		"ArrowRight",
+		"ArrowDown",
+		"ArrowLeft",
+		"ArrowUp",
+		"Home",
+		"End",
+	];
 
 	/** Currently selected tab. */
 	#selected: { tab?: HTMLAnchorElement; index: number } = { index: 0 };
@@ -74,6 +81,7 @@ export class Tabs extends Lifecycle(Trigger()) {
 
 		for (const tab of this.#tabs) {
 			const panel = this.querySelector(tab.hash);
+
 			if (!(panel instanceof HTMLElement))
 				throw new Error(`Tabs: No HTMLElement with ID of ${tab.hash} found.`);
 
@@ -86,13 +94,19 @@ export class Tabs extends Lifecycle(Trigger()) {
 	override mount() {
 		// create tablist
 		const [first, ...rest] = this.#tabs;
+
 		let common = this.#ancestors(first);
+
 		for (let i = 0; i < rest.length; i++) {
 			common = common.intersection(this.#ancestors(rest[i]));
 		}
+
 		const [tablist] = common;
-		if (!tablist)
+
+		if (!tablist) {
 			throw new Error("Tabs: No common parent element found for triggers.");
+		}
+
 		tablist.role = "tablist";
 		tablist.ariaOrientation = this.#orientation;
 

package/src/types/index.ts

@@ -1,6 +1,5 @@
 import type { AnnouncerAttributes } from "../announcer/index.js";
 import type { ContextMenuAttributes } from "../contextmenu/index.js";
-import type { DialogAttributes } from "../dialog/index.js";
 import type { EditorAttributes } from "../editor/index.js";
 import type { FullscreenAttributes } from "../fullscreen/index.js";
 import type { IntersectAttributes } from "../intersect/index.js";
@@ -13,7 +12,6 @@ import type { WakeLockAttributes } from "../wakelock/index.js";
 export interface Attributes {
 	announcer: AnnouncerAttributes;
 	contextmenu: ContextMenuAttributes;
-	dialog: DialogAttributes;
 	editor: EditorAttributes;
 	fullscreen: FullscreenAttributes;
 	intersect: IntersectAttributes;

package/src/util/validate.ts

@@ -9,8 +9,9 @@ export const validate = <T extends HTMLElement>(
 	actual: unknown,
 	expected: Constructor<T>,
 ) => {
-	if (!(actual instanceof expected))
+	if (!(actual instanceof expected)) {
 		throw new TypeError(`${actual} is not an instance of ${expected.name}.`);
+	}
 
 	return actual;
 };

package/src/wakelock/index.ts

@@ -8,8 +8,7 @@ import {
 } from "../base/index.js";
 
 export interface WakeLockAttributes
-	extends TriggerAttributes,
-		ContentAttributes {
+	extends TriggerAttributes, ContentAttributes {
 	/** Auto request wakelock when user returns to inactive tab. */
 	"auto-lock"?: boolean;
 
@@ -118,9 +117,7 @@ export class WakeLock extends Lifecycle(Trigger(Content(Announce()))) {
 					// When the tab is not visible, the wakeLock is automatically released.
 					// This requests it back if it exists, if it is `null`, that
 					// means it was removed. In which case, it shouldn't be requested again.
-					if (this.#wakeLock) {
-						this.request();
-					}
+					if (this.#wakeLock) this.request();
 				},
 				document,
 			);

package/dist/dialog/define.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=define.d.ts.map

package/dist/dialog/define.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../src/dialog/define.ts"],"names":[],"mappings":""}

package/dist/dialog/define.js

@@ -1,3 +0,0 @@
-import { define } from "../util/define.js";
-import { Dialog } from "./index.js";
-define("drab-dialog", Dialog);