@mattebox/player-cast 0.1.0 → 0.3.0

package/dist/slider.js

@@ -1,165 +1,156 @@
+import { el } from "./shared.js";
+//#region src/slider.ts
 /**
- * The slider primitive, copied from the player's, which exports none: a
- * `div` with
- * `role="slider"`, pointer capture for the drag, and the arrow keys. It
- * owns geometry only. What the value means and what happens on change is
- * the caller's, through `onInput`.
- *
- * Not `<input type="range">`: a range input cannot carry layers such as
- * buffered ranges, its geometry is not readable for a preview anchor, and
- * it renders differently per browser. The track is exposed so a caller can
- * lay its own layers on it.
- *
- * The track and the thumb sit on a rail inset from the root's edges by half
- * a thumb, so the thumb at either end is whole and not clipped, and every
- * fraction is measured against the rail.
- *
- * The steps are read on every key, so an element can take them from its
- * attributes as they change.
- *
- * A drag ends on `pointerup`, and also on a move that reports no button
- * held: the button went up where no `pointerup` reached the slider, such
- * as outside the window, and the thumb must not stay on the pointer. A
- * lost capture ends it too.
- */
-import { el } from './shared.js';
+* The slider primitive, copied from the player's, which exports none: a
+* `div` with
+* `role="slider"`, pointer capture for the drag, and the arrow keys. It
+* owns geometry only. What the value means and what happens on change is
+* the caller's, through `onInput`.
+*
+* Not `<input type="range">`: a range input cannot carry layers such as
+* buffered ranges, its geometry is not readable for a preview anchor, and
+* it renders differently per browser. The track is exposed so a caller can
+* lay its own layers on it.
+*
+* The track and the thumb sit on a rail inset from the root's edges by half
+* a thumb, so the thumb at either end is whole and not clipped, and every
+* fraction is measured against the rail.
+*
+* The steps are read on every key, so an element can take them from its
+* attributes as they change.
+*
+* A drag ends on `pointerup`, and also on a move that reports no button
+* held: the button went up where no `pointerup` reached the slider, such
+* as outside the window, and the thumb must not stay on the pointer. A
+* lost capture ends it too.
+*/
 function clamp(value, min, max) {
-    return Math.min(max, Math.max(min, value));
+	return Math.min(max, Math.max(min, value));
 }
-export function slider(options) {
-    const { onInput } = options;
-    const root = el('div', 'slider');
-    root.setAttribute('role', 'slider');
-    root.tabIndex = 0;
-    const rail = el('div', 'rail');
-    const track = el('div', 'track');
-    const fill = el('div', 'fill');
-    const thumb = el('div', 'thumb');
-    track.append(fill);
-    rail.append(track, thumb);
-    root.append(rail);
-    let min = 0;
-    let max = 1;
-    let value = 0;
-    let held = false;
-    function paint() {
-        const fraction = max > min ? (value - min) / (max - min) : 0;
-        const percent = `${fraction * 100}%`;
-        fill.style.width = percent;
-        thumb.style.left = percent;
-    }
-    /** The value under a horizontal pointer position. */
-    function at(clientX) {
-        const rect = rail.getBoundingClientRect();
-        if (rect.width === 0)
-            return min;
-        return min + clamp((clientX - rect.left) / rect.width, 0, 1) * (max - min);
-    }
-    function hold(on) {
-        held = on;
-        options.onDrag(on);
-    }
-    function down(event) {
-        if (event.button !== 0)
-            return;
-        event.preventDefault();
-        hold(true);
-        // A synthetic event carries no active pointer, and capture throws on it.
-        try {
-            root.setPointerCapture(event.pointerId);
-        }
-        catch {
-            // Nothing to capture; the drag still follows moves over the root.
-        }
-        onInput(at(event.clientX));
-    }
-    function move(event) {
-        if (!held)
-            return;
-        // A mouse that moves with no button down has let go; a touch or a pen
-        // in contact reports one.
-        if (event.buttons === 0) {
-            up(event);
-            return;
-        }
-        onInput(at(event.clientX));
-    }
-    function up(event) {
-        if (!held)
-            return;
-        hold(false);
-        onInput(at(event.clientX));
-    }
-    function cancel() {
-        if (held)
-            hold(false);
-    }
-    function key(event) {
-        let next;
-        switch (event.key) {
-            case 'ArrowRight':
-            case 'ArrowUp':
-                next = value + options.step();
-                break;
-            case 'ArrowLeft':
-            case 'ArrowDown':
-                next = value - options.step();
-                break;
-            case 'PageUp':
-                next = value + options.page();
-                break;
-            case 'PageDown':
-                next = value - options.page();
-                break;
-            case 'Home':
-                next = min;
-                break;
-            case 'End':
-                next = max;
-                break;
-            default:
-                return;
-        }
-        event.preventDefault();
-        onInput(clamp(next, min, max));
-    }
-    root.addEventListener('pointerdown', down);
-    root.addEventListener('pointermove', move);
-    root.addEventListener('pointerup', up);
-    root.addEventListener('pointercancel', cancel);
-    root.addEventListener('lostpointercapture', cancel);
-    root.addEventListener('keydown', key);
-    return {
-        root,
-        track,
-        rail,
-        label(text) {
-            root.setAttribute('aria-label', text);
-        },
-        dragging() {
-            return held;
-        },
-        range(low, high) {
-            min = low;
-            max = high;
-            root.setAttribute('aria-valuemin', String(low));
-            root.setAttribute('aria-valuemax', String(high));
-            paint();
-        },
-        set(next, text) {
-            value = clamp(next, min, max);
-            root.setAttribute('aria-valuenow', String(value));
-            root.setAttribute('aria-valuetext', text);
-            paint();
-        },
-        dispose() {
-            root.removeEventListener('pointerdown', down);
-            root.removeEventListener('pointermove', move);
-            root.removeEventListener('pointerup', up);
-            root.removeEventListener('pointercancel', cancel);
-            root.removeEventListener('lostpointercapture', cancel);
-            root.removeEventListener('keydown', key);
-        },
-    };
+function slider(options) {
+	const { onInput } = options;
+	const root = el("div", "slider");
+	root.setAttribute("role", "slider");
+	root.tabIndex = 0;
+	const rail = el("div", "rail");
+	const track = el("div", "track");
+	const fill = el("div", "fill");
+	const thumb = el("div", "thumb");
+	track.append(fill);
+	rail.append(track, thumb);
+	root.append(rail);
+	let min = 0;
+	let max = 1;
+	let value = 0;
+	let held = false;
+	function paint() {
+		const percent = `${(max > min ? (value - min) / (max - min) : 0) * 100}%`;
+		fill.style.width = percent;
+		thumb.style.left = percent;
+	}
+	/** The value under a horizontal pointer position. */
+	function at(clientX) {
+		const rect = rail.getBoundingClientRect();
+		if (rect.width === 0) return min;
+		return min + clamp((clientX - rect.left) / rect.width, 0, 1) * (max - min);
+	}
+	function hold(on) {
+		held = on;
+		options.onDrag(on);
+	}
+	function down(event) {
+		if (event.button !== 0) return;
+		event.preventDefault();
+		hold(true);
+		try {
+			root.setPointerCapture(event.pointerId);
+		} catch {}
+		onInput(at(event.clientX));
+	}
+	function move(event) {
+		if (!held) return;
+		if (event.buttons === 0) {
+			up(event);
+			return;
+		}
+		onInput(at(event.clientX));
+	}
+	function up(event) {
+		if (!held) return;
+		hold(false);
+		onInput(at(event.clientX));
+	}
+	function cancel() {
+		if (held) hold(false);
+	}
+	function key(event) {
+		let next;
+		switch (event.key) {
+			case "ArrowRight":
+			case "ArrowUp":
+				next = value + options.step();
+				break;
+			case "ArrowLeft":
+			case "ArrowDown":
+				next = value - options.step();
+				break;
+			case "PageUp":
+				next = value + options.page();
+				break;
+			case "PageDown":
+				next = value - options.page();
+				break;
+			case "Home":
+				next = min;
+				break;
+			case "End":
+				next = max;
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		onInput(clamp(next, min, max));
+	}
+	root.addEventListener("pointerdown", down);
+	root.addEventListener("pointermove", move);
+	root.addEventListener("pointerup", up);
+	root.addEventListener("pointercancel", cancel);
+	root.addEventListener("lostpointercapture", cancel);
+	root.addEventListener("keydown", key);
+	return {
+		root,
+		track,
+		rail,
+		label(text) {
+			root.setAttribute("aria-label", text);
+		},
+		dragging() {
+			return held;
+		},
+		range(low, high) {
+			min = low;
+			max = high;
+			root.setAttribute("aria-valuemin", String(low));
+			root.setAttribute("aria-valuemax", String(high));
+			paint();
+		},
+		set(next, text) {
+			value = clamp(next, min, max);
+			root.setAttribute("aria-valuenow", String(value));
+			root.setAttribute("aria-valuetext", text);
+			paint();
+		},
+		dispose() {
+			root.removeEventListener("pointerdown", down);
+			root.removeEventListener("pointermove", move);
+			root.removeEventListener("pointerup", up);
+			root.removeEventListener("pointercancel", cancel);
+			root.removeEventListener("lostpointercapture", cancel);
+			root.removeEventListener("keydown", key);
+		}
+	};
 }
+//#endregion
+export { slider };
+
 //# sourceMappingURL=slider.js.map

package/dist/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../src/slider.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"slider.js","names":[],"sources":["../src/slider.ts"],"sourcesContent":["/**\n * The slider primitive, copied from the player's, which exports none: a\n * `div` with\n * `role=\"slider\"`, pointer capture for the drag, and the arrow keys. It\n * owns geometry only. What the value means and what happens on change is\n * the caller's, through `onInput`.\n *\n * Not `<input type=\"range\">`: a range input cannot carry layers such as\n * buffered ranges, its geometry is not readable for a preview anchor, and\n * it renders differently per browser. The track is exposed so a caller can\n * lay its own layers on it.\n *\n * The track and the thumb sit on a rail inset from the root's edges by half\n * a thumb, so the thumb at either end is whole and not clipped, and every\n * fraction is measured against the rail.\n *\n * The steps are read on every key, so an element can take them from its\n * attributes as they change.\n *\n * A drag ends on `pointerup`, and also on a move that reports no button\n * held: the button went up where no `pointerup` reached the slider, such\n * as outside the window, and the thumb must not stay on the pointer. A\n * lost capture ends it too.\n */\nimport { el } from './shared.js';\n\nexport interface SliderOptions {\n  /** What an arrow key moves the value by. */\n  readonly step: () => number;\n  /** What Page Up and Page Down move it by. */\n  readonly page: () => number;\n  /** The value the pointer or a key asked for, clamped to the range. */\n  readonly onInput: (value: number) => void;\n  /** A pointer took the thumb, or let it go. The element carries it as `dragging`. */\n  readonly onDrag: (on: boolean) => void;\n}\n\nexport interface Slider {\n  readonly root: HTMLElement;\n  /** The accessible name. */\n  label(text: string): void;\n  /** The bar the fill sits on. A caller lays extra layers on it. */\n  readonly track: HTMLElement;\n  /** What fractions are measured against: the track's extent, inset from the root. */\n  readonly rail: HTMLElement;\n  /** Whether a pointer holds the thumb. A caller keeps its own reads off the thumb meanwhile. */\n  dragging(): boolean;\n  /** The range the value maps onto. */\n  range(min: number, max: number): void;\n  /** Where the thumb sits, and what a screen reader hears. */\n  set(value: number, text: string): void;\n  dispose(): void;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nexport function slider(options: SliderOptions): Slider {\n  const { onInput } = options;\n  const root = el('div', 'slider');\n  root.setAttribute('role', 'slider');\n  root.tabIndex = 0;\n  const rail = el('div', 'rail');\n  const track = el('div', 'track');\n  const fill = el('div', 'fill');\n  const thumb = el('div', 'thumb');\n  track.append(fill);\n  rail.append(track, thumb);\n  root.append(rail);\n\n  let min = 0;\n  let max = 1;\n  let value = 0;\n  let held = false;\n\n  function paint(): void {\n    const fraction = max > min ? (value - min) / (max - min) : 0;\n    const percent = `${fraction * 100}%`;\n    fill.style.width = percent;\n    thumb.style.left = percent;\n  }\n\n  /** The value under a horizontal pointer position. */\n  function at(clientX: number): number {\n    const rect = rail.getBoundingClientRect();\n    if (rect.width === 0) return min;\n    return min + clamp((clientX - rect.left) / rect.width, 0, 1) * (max - min);\n  }\n\n  function hold(on: boolean): void {\n    held = on;\n    options.onDrag(on);\n  }\n\n  function down(event: PointerEvent): void {\n    if (event.button !== 0) return;\n    event.preventDefault();\n    hold(true);\n    // A synthetic event carries no active pointer, and capture throws on it.\n    try {\n      root.setPointerCapture(event.pointerId);\n    } catch {\n      // Nothing to capture; the drag still follows moves over the root.\n    }\n    onInput(at(event.clientX));\n  }\n\n  function move(event: PointerEvent): void {\n    if (!held) return;\n    // A mouse that moves with no button down has let go; a touch or a pen\n    // in contact reports one.\n    if (event.buttons === 0) {\n      up(event);\n      return;\n    }\n    onInput(at(event.clientX));\n  }\n\n  function up(event: PointerEvent): void {\n    if (!held) return;\n    hold(false);\n    onInput(at(event.clientX));\n  }\n\n  function cancel(): void {\n    if (held) hold(false);\n  }\n\n  function key(event: KeyboardEvent): void {\n    let next: number;\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        next = value + options.step();\n        break;\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        next = value - options.step();\n        break;\n      case 'PageUp':\n        next = value + options.page();\n        break;\n      case 'PageDown':\n        next = value - options.page();\n        break;\n      case 'Home':\n        next = min;\n        break;\n      case 'End':\n        next = max;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    onInput(clamp(next, min, max));\n  }\n\n  root.addEventListener('pointerdown', down);\n  root.addEventListener('pointermove', move);\n  root.addEventListener('pointerup', up);\n  root.addEventListener('pointercancel', cancel);\n  root.addEventListener('lostpointercapture', cancel);\n  root.addEventListener('keydown', key);\n\n  return {\n    root,\n    track,\n    rail,\n    label(text: string): void {\n      root.setAttribute('aria-label', text);\n    },\n    dragging(): boolean {\n      return held;\n    },\n    range(low: number, high: number): void {\n      min = low;\n      max = high;\n      root.setAttribute('aria-valuemin', String(low));\n      root.setAttribute('aria-valuemax', String(high));\n      paint();\n    },\n    set(next: number, text: string): void {\n      value = clamp(next, min, max);\n      root.setAttribute('aria-valuenow', String(value));\n      root.setAttribute('aria-valuetext', text);\n      paint();\n    },\n    dispose(): void {\n      root.removeEventListener('pointerdown', down);\n      root.removeEventListener('pointermove', move);\n      root.removeEventListener('pointerup', up);\n      root.removeEventListener('pointercancel', cancel);\n      root.removeEventListener('lostpointercapture', cancel);\n      root.removeEventListener('keydown', key);\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,SAAS,MAAM,OAAe,KAAa,KAAqB;CAC9D,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAC3C;AAEA,SAAgB,OAAO,SAAgC;CACrD,MAAM,EAAE,YAAY;CACpB,MAAM,OAAO,GAAG,OAAO,QAAQ;CAC/B,KAAK,aAAa,QAAQ,QAAQ;CAClC,KAAK,WAAW;CAChB,MAAM,OAAO,GAAG,OAAO,MAAM;CAC7B,MAAM,QAAQ,GAAG,OAAO,OAAO;CAC/B,MAAM,OAAO,GAAG,OAAO,MAAM;CAC7B,MAAM,QAAQ,GAAG,OAAO,OAAO;CAC/B,MAAM,OAAO,IAAI;CACjB,KAAK,OAAO,OAAO,KAAK;CACxB,KAAK,OAAO,IAAI;CAEhB,IAAI,MAAM;CACV,IAAI,MAAM;CACV,IAAI,QAAQ;CACZ,IAAI,OAAO;CAEX,SAAS,QAAc;EAErB,MAAM,UAAU,IADC,MAAM,OAAO,QAAQ,QAAQ,MAAM,OAAO,KAC7B,IAAI;EAClC,KAAK,MAAM,QAAQ;EACnB,MAAM,MAAM,OAAO;CACrB;;CAGA,SAAS,GAAG,SAAyB;EACnC,MAAM,OAAO,KAAK,sBAAsB;EACxC,IAAI,KAAK,UAAU,GAAG,OAAO;EAC7B,OAAO,MAAM,OAAO,UAAU,KAAK,QAAQ,KAAK,OAAO,GAAG,CAAC,KAAK,MAAM;CACxE;CAEA,SAAS,KAAK,IAAmB;EAC/B,OAAO;EACP,QAAQ,OAAO,EAAE;CACnB;CAEA,SAAS,KAAK,OAA2B;EACvC,IAAI,MAAM,WAAW,GAAG;EACxB,MAAM,eAAe;EACrB,KAAK,IAAI;EAET,IAAI;GACF,KAAK,kBAAkB,MAAM,SAAS;EACxC,QAAQ,CAER;EACA,QAAQ,GAAG,MAAM,OAAO,CAAC;CAC3B;CAEA,SAAS,KAAK,OAA2B;EACvC,IAAI,CAAC,MAAM;EAGX,IAAI,MAAM,YAAY,GAAG;GACvB,GAAG,KAAK;GACR;EACF;EACA,QAAQ,GAAG,MAAM,OAAO,CAAC;CAC3B;CAEA,SAAS,GAAG,OAA2B;EACrC,IAAI,CAAC,MAAM;EACX,KAAK,KAAK;EACV,QAAQ,GAAG,MAAM,OAAO,CAAC;CAC3B;CAEA,SAAS,SAAe;EACtB,IAAI,MAAM,KAAK,KAAK;CACtB;CAEA,SAAS,IAAI,OAA4B;EACvC,IAAI;EACJ,QAAQ,MAAM,KAAd;GACE,KAAK;GACL,KAAK;IACH,OAAO,QAAQ,QAAQ,KAAK;IAC5B;GACF,KAAK;GACL,KAAK;IACH,OAAO,QAAQ,QAAQ,KAAK;IAC5B;GACF,KAAK;IACH,OAAO,QAAQ,QAAQ,KAAK;IAC5B;GACF,KAAK;IACH,OAAO,QAAQ,QAAQ,KAAK;IAC5B;GACF,KAAK;IACH,OAAO;IACP;GACF,KAAK;IACH,OAAO;IACP;GACF,SACE;EACJ;EACA,MAAM,eAAe;EACrB,QAAQ,MAAM,MAAM,KAAK,GAAG,CAAC;CAC/B;CAEA,KAAK,iBAAiB,eAAe,IAAI;CACzC,KAAK,iBAAiB,eAAe,IAAI;CACzC,KAAK,iBAAiB,aAAa,EAAE;CACrC,KAAK,iBAAiB,iBAAiB,MAAM;CAC7C,KAAK,iBAAiB,sBAAsB,MAAM;CAClD,KAAK,iBAAiB,WAAW,GAAG;CAEpC,OAAO;EACL;EACA;EACA;EACA,MAAM,MAAoB;GACxB,KAAK,aAAa,cAAc,IAAI;EACtC;EACA,WAAoB;GAClB,OAAO;EACT;EACA,MAAM,KAAa,MAAoB;GACrC,MAAM;GACN,MAAM;GACN,KAAK,aAAa,iBAAiB,OAAO,GAAG,CAAC;GAC9C,KAAK,aAAa,iBAAiB,OAAO,IAAI,CAAC;GAC/C,MAAM;EACR;EACA,IAAI,MAAc,MAAoB;GACpC,QAAQ,MAAM,MAAM,KAAK,GAAG;GAC5B,KAAK,aAAa,iBAAiB,OAAO,KAAK,CAAC;GAChD,KAAK,aAAa,kBAAkB,IAAI;GACxC,MAAM;EACR;EACA,UAAgB;GACd,KAAK,oBAAoB,eAAe,IAAI;GAC5C,KAAK,oBAAoB,eAAe,IAAI;GAC5C,KAAK,oBAAoB,aAAa,EAAE;GACxC,KAAK,oBAAoB,iBAAiB,MAAM;GAChD,KAAK,oBAAoB,sBAAsB,MAAM;GACrD,KAAK,oBAAoB,WAAW,GAAG;EACzC;CACF;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mattebox/player-cast",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "<mbx-cast-button> and <mbx-cast-screen>: Chromecast from <mattebox-player>, over Google's sender SDK.",
   "author": "Josep Boix Requesens",
   "repository": {
@@ -37,23 +37,22 @@
     "./package.json": "./package.json"
   },
   "files": [
-    "dist",
-    "NOTICE"
+    "dist"
   ],
   "scripts": {
     "clean": "rm -rf dist",
     "build": "npm run clean && npm run build:modern && npm run build:es2015 && npm run build:cdn",
-    "build:modern": "tsc -p tsconfig.build.json",
+    "build:modern": "tsc -p tsconfig.build.json --emitDeclarationOnly && rolldown -c rolldown.modern.config.mjs",
     "build:es2015": "rolldown -c rolldown.dist.config.mjs",
     "build:cdn": "rolldown -c rolldown.cdn.config.mjs",
     "check:package": "publint && attw --pack . --format table --no-emoji",
     "release:ci": "semantic-release"
   },
   "devDependencies": {
-    "@mattebox/player-core": "^0.3.0"
+    "@mattebox/player-core": "^0.6.0"
   },
   "peerDependencies": {
-    "@mattebox/player": ">=0.5.0",
-    "mattebox": "^0.6.0"
+    "@mattebox/player": ">=0.9.0",
+    "mattebox": "^0.14.0"
   }
 }

package/NOTICE

@@ -1,24 +0,0 @@
-@mattebox/player-cast carries two glyphs copied from media-icons
-(https://github.com/vidstack/media-icons), used under the MIT License:
-
-MIT License
-
-Copyright (c) 2023 Rahim Alwer
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.