@mattebox/player-cast 0.1.0 → 0.3.0

package/dist/host.js.map

@@ -1 +1 @@
-{"version":3,"file":"host.js","sourceRoot":"","sources":["../src/host.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,MAAM,GAAG,iBAAiB,CAAC;AAExC,0FAA0F;AAC1F,SAAS,KAAK,CAAC,IAAU;IACvB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;IAC/B,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IACnC,OAAO,IAAI,YAAY,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AACvD,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,UAAU,CAAC,IAAU;IACnC,IAAI,OAAO,GAAgB,IAAI,CAAC;IAChC,OAAO,OAAO,KAAK,IAAI,EAAE,CAAC;QACxB,IAAI,OAAO,YAAY,WAAW,IAAI,OAAO,CAAC,SAAS,KAAK,MAAM;YAAE,OAAO,OAAO,CAAC;QACnF,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"host.js","names":[],"sources":["../src/host.ts"],"sourcesContent":["/**\n * The contract of a control of the page's own, as guide chapter 03 of the\n * player states it: the nearest <mattebox-player> above, through shadow\n * hosts, then read for `video`, `engine`, `player` and `error`, with\n * `sourcechange` heard on it. This package implements the contract from\n * outside, on purpose: the player exports no base class, and a control that\n * needs more than this surface has found a gap in the player's API.\n */\nimport type { PlayerHost } from '@mattebox/player';\n\nexport type { PlayerHost };\n\nexport const PLAYER = 'mattebox-player';\n\n/** The parent, or the host of the shadow root `node` sits in, or null at the document. */\nfunction above(node: Node): Node | null {\n  const parent = node.parentNode;\n  if (parent !== null) return parent;\n  return node instanceof ShadowRoot ? node.host : null;\n}\n\n/** The nearest player above `node`, or null outside one. It may not be upgraded yet. */\nexport function findPlayer(node: Node): HTMLElement | null {\n  let current: Node | null = node;\n  while (current !== null) {\n    if (current instanceof HTMLElement && current.localName === PLAYER) return current;\n    current = above(current);\n  }\n  return null;\n}\n"],"mappings":";AAYA,MAAa,SAAS;;AAGtB,SAAS,MAAM,MAAyB;CACtC,MAAM,SAAS,KAAK;CACpB,IAAI,WAAW,MAAM,OAAO;CAC5B,OAAO,gBAAgB,aAAa,KAAK,OAAO;AAClD;;AAGA,SAAgB,WAAW,MAAgC;CACzD,IAAI,UAAuB;CAC3B,OAAO,YAAY,MAAM;EACvB,IAAI,mBAAmB,eAAe,QAAQ,cAAA,mBAAsB,OAAO;EAC3E,UAAU,MAAM,OAAO;CACzB;CACA,OAAO;AACT"}

package/dist/icons.d.ts

@@ -1,31 +1,7 @@
 /**
- * The play and pause glyphs, copied from Vidstack's media-icons 0.10.0
- * (https://github.com/vidstack/media-icons): filled paths on a 32-unit
- * viewBox, drawn for a control bar, one visual weight across the set.
- * Copied, not depended on. The notice below is the license's one condition,
- * and packages/player/NOTICE repeats it for the published tarball.
- *
- * 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.
+ * The play, pause and cast glyphs, Mattebox's own drawings and the same
+ * ones the player draws: filled paths on a 32-unit viewBox. The cast glyph
+ * is a screen with a corner open for three arcs, filled while casting.
  */
 export type IconName = 'play' | 'pause' | 'cast' | 'cast-active';
 /** A glyph, hidden from the accessibility tree: the button it sits in carries the name. */

package/dist/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,aAAa,CAAC;AAgBjE,2FAA2F;AAC3F,wBAAgB,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,aAAa,CAUlD"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,aAAa,CAAC;AAajE,2FAA2F;AAC3F,wBAAgB,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,aAAa,CAUlD"}

package/dist/icons.js

@@ -1,52 +1,25 @@
-/**
- * The play and pause glyphs, copied from Vidstack's media-icons 0.10.0
- * (https://github.com/vidstack/media-icons): filled paths on a 32-unit
- * viewBox, drawn for a control bar, one visual weight across the set.
- * Copied, not depended on. The notice below is the license's one condition,
- * and packages/player/NOTICE repeats it for the published tarball.
- *
- * 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.
- */
+//#region src/icons.ts
 /** Each glyph's subpaths joined into one `d`, drawn even-odd like the player's. */
 const PATHS = {
-    play: 'M10.6667 6.6548C10.6667 6.10764 11.2894 5.79346 11.7295 6.11862L24.377 15.4634C24.7377 15.7298 24.7377 16.2692 24.3771 16.5357L11.7295 25.8813C11.2895 26.2065 10.6667 25.8923 10.6667 25.3451L10.6667 6.6548Z',
-    pause: 'M8.66667 6.66667C8.29848 6.66667 8 6.96514 8 7.33333V24.6667C8 25.0349 8.29848 25.3333 8.66667 25.3333H12.6667C13.0349 25.3333 13.3333 25.0349 13.3333 24.6667V7.33333C13.3333 6.96514 13.0349 6.66667 12.6667 6.66667H8.66667Z M19.3333 6.66667C18.9651 6.66667 18.6667 6.96514 18.6667 7.33333V24.6667C18.6667 25.0349 18.9651 25.3333 19.3333 25.3333H23.3333C23.7015 25.3333 24 25.0349 24 24.6667V7.33333C24 6.96514 23.7015 6.66667 23.3333 6.66667H19.3333Z',
-    // The cast glyphs are this package's own drawing, not media-icons: a
-    // screen with the corner open for three arcs, filled while casting.
-    cast: 'M4 6h24v18H20v-2h6V8H6v1H4V6zM4 21a3 3 0 0 1 3 3H4zM4 15a9 9 0 0 1 9 9h-2a7 7 0 0 0-7-7zM4 10a14 14 0 0 1 14 14h-2A12 12 0 0 0 4 12z',
-    'cast-active': 'M4 6h24v18H20A16 16 0 0 0 4 8zM4 21a3 3 0 0 1 3 3H4zM4 15a9 9 0 0 1 9 9h-2a7 7 0 0 0-7-7zM4 10a14 14 0 0 1 14 14h-2A12 12 0 0 0 4 12z',
+	play: "M9 5L26 16L9 27z",
+	pause: "M8 6h5.5v20h-5.5zM18.5 6h5.5v20h-5.5z",
+	cast: "M4 6H28V26H20V23.5H25.5V8.5H6.5V11H4zM4 23h3v3h-3zM4 17.5A8.5 8.5 0 0 1 12.5 26L10 26A6 6 0 0 0 4 20zM4 12A14 14 0 0 1 18 26L15.5 26A11.5 11.5 0 0 0 4 14.5z",
+	"cast-active": "M4 6H28V26H20A16 16 0 0 0 4 10zM4 23h3v3h-3zM4 17.5A8.5 8.5 0 0 1 12.5 26L10 26A6 6 0 0 0 4 20zM4 12A14 14 0 0 1 18 26L15.5 26A11.5 11.5 0 0 0 4 14.5z"
 };
-const SVG = 'http://www.w3.org/2000/svg';
+const SVG = "http://www.w3.org/2000/svg";
 /** A glyph, hidden from the accessibility tree: the button it sits in carries the name. */
-export function icon(name) {
-    const svg = document.createElementNS(SVG, 'svg');
-    svg.setAttribute('viewBox', '0 0 32 32');
-    svg.setAttribute('aria-hidden', 'true');
-    svg.setAttribute('part', 'icon');
-    const path = document.createElementNS(SVG, 'path');
-    path.setAttribute('fill-rule', 'evenodd');
-    path.setAttribute('d', PATHS[name]);
-    svg.append(path);
-    return svg;
+function icon(name) {
+	const svg = document.createElementNS(SVG, "svg");
+	svg.setAttribute("viewBox", "0 0 32 32");
+	svg.setAttribute("aria-hidden", "true");
+	svg.setAttribute("part", "icon");
+	const path = document.createElementNS(SVG, "path");
+	path.setAttribute("fill-rule", "evenodd");
+	path.setAttribute("d", PATHS[name]);
+	svg.append(path);
+	return svg;
 }
+//#endregion
+export { icon };
+
 //# sourceMappingURL=icons.js.map

package/dist/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAIH,mFAAmF;AACnF,MAAM,KAAK,GAAuC;IAChD,IAAI,EAAE,gNAAgN;IACtN,KAAK,EACH,ocAAoc;IACtc,qEAAqE;IACrE,oEAAoE;IACpE,IAAI,EAAE,sIAAsI;IAC5I,aAAa,EACX,uIAAuI;CAC1I,CAAC;AAEF,MAAM,GAAG,GAAG,4BAA4B,CAAC;AAEzC,2FAA2F;AAC3F,MAAM,UAAU,IAAI,CAAC,IAAc;IACjC,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACjD,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACzC,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACxC,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;IACnD,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC1C,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IACpC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACjB,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"icons.js","names":[],"sources":["../src/icons.ts"],"sourcesContent":["/**\n * The play, pause and cast glyphs, Mattebox's own drawings and the same\n * ones the player draws: filled paths on a 32-unit viewBox. The cast glyph\n * is a screen with a corner open for three arcs, filled while casting.\n */\n\nexport type IconName = 'play' | 'pause' | 'cast' | 'cast-active';\n\n/** Each glyph's subpaths joined into one `d`, drawn even-odd like the player's. */\nconst PATHS: Readonly<Record<IconName, string>> = {\n  play: 'M9 5L26 16L9 27z',\n  pause: 'M8 6h5.5v20h-5.5zM18.5 6h5.5v20h-5.5z',\n  cast: 'M4 6H28V26H20V23.5H25.5V8.5H6.5V11H4zM4 23h3v3h-3zM4 17.5A8.5 8.5 0 0 1 12.5 26L10 26A6 6 0 0 0 4 20zM4 12A14 14 0 0 1 18 26L15.5 26A11.5 11.5 0 0 0 4 14.5z',\n  'cast-active':\n    'M4 6H28V26H20A16 16 0 0 0 4 10zM4 23h3v3h-3zM4 17.5A8.5 8.5 0 0 1 12.5 26L10 26A6 6 0 0 0 4 20zM4 12A14 14 0 0 1 18 26L15.5 26A11.5 11.5 0 0 0 4 14.5z',\n};\n\nconst SVG = 'http://www.w3.org/2000/svg';\n\n/** A glyph, hidden from the accessibility tree: the button it sits in carries the name. */\nexport function icon(name: IconName): SVGSVGElement {\n  const svg = document.createElementNS(SVG, 'svg');\n  svg.setAttribute('viewBox', '0 0 32 32');\n  svg.setAttribute('aria-hidden', 'true');\n  svg.setAttribute('part', 'icon');\n  const path = document.createElementNS(SVG, 'path');\n  path.setAttribute('fill-rule', 'evenodd');\n  path.setAttribute('d', PATHS[name]);\n  svg.append(path);\n  return svg;\n}\n"],"mappings":";;AASA,MAAM,QAA4C;CAChD,MAAM;CACN,OAAO;CACP,MAAM;CACN,eACE;AACJ;AAEA,MAAM,MAAM;;AAGZ,SAAgB,KAAK,MAA+B;CAClD,MAAM,MAAM,SAAS,gBAAgB,KAAK,KAAK;CAC/C,IAAI,aAAa,WAAW,WAAW;CACvC,IAAI,aAAa,eAAe,MAAM;CACtC,IAAI,aAAa,QAAQ,MAAM;CAC/B,MAAM,OAAO,SAAS,gBAAgB,KAAK,MAAM;CACjD,KAAK,aAAa,aAAa,SAAS;CACxC,KAAK,aAAa,KAAK,MAAM,KAAK;CAClC,IAAI,OAAO,IAAI;CACf,OAAO;AACT"}

package/dist/index.js

@@ -1,21 +1,19 @@
+import { MbxCastButton } from "./cast-button.js";
+import { MbxCastScreen } from "./cast-screen.js";
+//#region src/index.ts
 /**
- * @mattebox/player-cast: <mbx-cast-button> and <mbx-cast-screen>, Chromecast
- * from the player over Google's sender SDK. Importing this module registers
- * both elements; that is the package's one side effect. It is a package of
- * its own because the button loads Google's script onto the page, which the
- * player never does on an integrator's behalf: the AirPlay button, over
- * Safari's own API, ships with the player.
- */
-import { MbxCastButton } from './cast-button.js';
-import { MbxCastScreen } from './cast-screen.js';
-export { MbxCastButton } from './cast-button.js';
-export { MbxCastScreen } from './cast-screen.js';
-export const CAST_BUTTON = 'mbx-cast-button';
-export const CAST_SCREEN = 'mbx-cast-screen';
-if (customElements.get(CAST_BUTTON) === undefined) {
-    customElements.define(CAST_BUTTON, MbxCastButton);
-}
-if (customElements.get(CAST_SCREEN) === undefined) {
-    customElements.define(CAST_SCREEN, MbxCastScreen);
-}
+* @mattebox/player-cast: <mbx-cast-button> and <mbx-cast-screen>, Chromecast
+* from the player over Google's sender SDK. Importing this module registers
+* both elements; that is the package's one side effect. It is a package of
+* its own because the button loads Google's script onto the page, which the
+* player never does on an integrator's behalf: the AirPlay button, over
+* Safari's own API, ships with the player.
+*/
+const CAST_BUTTON = "mbx-cast-button";
+const CAST_SCREEN = "mbx-cast-screen";
+if (customElements.get("mbx-cast-button") === void 0) customElements.define(CAST_BUTTON, MbxCastButton);
+if (customElements.get("mbx-cast-screen") === void 0) customElements.define(CAST_SCREEN, MbxCastScreen);
+//#endregion
+export { CAST_BUTTON, CAST_SCREEN, MbxCastButton, MbxCastScreen };
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG,iBAAiB,CAAC;AAC7C,MAAM,CAAC,MAAM,WAAW,GAAG,iBAAiB,CAAC;AAE7C,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IAClD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AACpD,CAAC;AACD,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IAClD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AACpD,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * @mattebox/player-cast: <mbx-cast-button> and <mbx-cast-screen>, Chromecast\n * from the player over Google's sender SDK. Importing this module registers\n * both elements; that is the package's one side effect. It is a package of\n * its own because the button loads Google's script onto the page, which the\n * player never does on an integrator's behalf: the AirPlay button, over\n * Safari's own API, ships with the player.\n */\nimport { MbxCastButton } from './cast-button.js';\nimport { MbxCastScreen } from './cast-screen.js';\n\nexport type { CastState, LoadRequest as CastLoadRequest, MediaInfo, Track } from './cast.js';\nexport { MbxCastButton } from './cast-button.js';\nexport { MbxCastScreen } from './cast-screen.js';\n\nexport const CAST_BUTTON = 'mbx-cast-button';\nexport const CAST_SCREEN = 'mbx-cast-screen';\n\nif (customElements.get(CAST_BUTTON) === undefined) {\n  customElements.define(CAST_BUTTON, MbxCastButton);\n}\nif (customElements.get(CAST_SCREEN) === undefined) {\n  customElements.define(CAST_SCREEN, MbxCastScreen);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mbx-cast-button': MbxCastButton;\n    'mbx-cast-screen': MbxCastScreen;\n  }\n}\n"],"mappings":";;;;;;;;;;;AAeA,MAAa,cAAc;AAC3B,MAAa,cAAc;AAE3B,IAAI,eAAe,IAAA,iBAAe,MAAM,KAAA,GACtC,eAAe,OAAO,aAAa,aAAa;AAElD,IAAI,eAAe,IAAA,iBAAe,MAAM,KAAA,GACtC,eAAe,OAAO,aAAa,aAAa"}

package/dist/shared.d.ts

@@ -1,15 +1,7 @@
-/**
- * The styles and helpers the two elements share, copied from the player:
- * the button and slider styles, the glyph slots, the part helper, the label
- * template, and the time format. The player exports none of them, on
- * purpose: a control of the page's own carries its own, and so does this
- * package. The tokens come through the `--mbx-*` custom properties the
- * player sets, which inherit into every control.
- */
-export declare const BUTTON_STYLE = "\n:host { display: inline-flex; }\n:host([hidden]) { display: none; }\n[part~=\"button\"] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  width: 40px;\n  height: 40px;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  background: transparent;\n  border: 0;\n  border-radius: var(--mbx-radius);\n  cursor: pointer;\n  opacity: 0.9;\n}\n[part~=\"button\"]:hover { opacity: 1; }\n[part~=\"button\"]:focus-visible { outline: 2px solid var(--mbx-accent); outline-offset: -2px; }\n[part~=\"icon\"], ::slotted(*) { width: 1.75em; height: 1.75em; fill: currentColor; }\nslot[hidden] { display: none; }\n";
+export declare const BUTTON_STYLE: string;
 /** The style of a slider: the rail, the track with its fill, and the thumb. */
 /** The style of a slider: the rail, the track with its fill, and the thumb. */
-export declare const SLIDER_STYLE = "\n:host { display: block; }\n:host([hidden]) { display: none; }\n[part~=\"slider\"] {\n  position: relative;\n  height: 40px;\n  border-radius: var(--mbx-radius);\n  cursor: pointer;\n  touch-action: none;\n}\n[part~=\"slider\"]:focus-visible { outline: 2px solid var(--mbx-accent); outline-offset: -2px; }\n[part~=\"rail\"] { position: absolute; top: 0; bottom: 0; left: 8px; right: 8px; }\n[part~=\"track\"] {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  height: 4px;\n  transform: translateY(-50%);\n  background: rgba(255, 255, 255, 0.35);\n  border-radius: 2px;\n  overflow: hidden;\n}\n[part~=\"fill\"] { position: absolute; top: 0; bottom: 0; left: 0; background: var(--mbx-accent); }\n[part~=\"thumb\"] {\n  position: absolute;\n  top: 50%;\n  width: 12px;\n  height: 12px;\n  margin: -6px 0 0 -6px;\n  border-radius: 50%;\n  background: var(--mbx-text);\n  pointer-events: none;\n}\n";
+export declare const SLIDER_STYLE: string;
 /** A `<style>` with `text`, for a shadow root. */
 export declare function style(text: string): HTMLStyleElement;
 /**

package/dist/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../src/shared.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,eAAO,MAAM,YAAY,8oBAuBxB,CAAC;AAEF,+EAA+E;AAE/E,+EAA+E;AAC/E,eAAO,MAAM,YAAY,o5BAkCxB,CAAC;AAEF,kDAAkD;AAClD,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,CAIpD;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EACxC,MAAM,EAAE,SAAS,CAAC,EAAE,EACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,aAAa,GACpC,MAAM,CAAC,CAAC,EAAE,eAAe,CAAC,CAU5B;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAExF;AAED,oEAAoE;AACpE,wBAAgB,EAAE,CAAC,CAAC,SAAS,MAAM,qBAAqB,EACtD,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,MAAM,GACZ,qBAAqB,CAAC,CAAC,CAAC,CAK1B;AAED,wBAAgB,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,MAAM,CAKhG;AAMD,iGAAiG;AACjG,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAM9C;AAED,iIAAiI;AACjI,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAElE"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../src/shared.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,YAAY,QAAmB,CAAC;AAE7C,+EAA+E;AAE/E,+EAA+E;AAC/E,eAAO,MAAM,YAAY,QAAmB,CAAC;AAE7C,kDAAkD;AAClD,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,CAIpD;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EACxC,MAAM,EAAE,SAAS,CAAC,EAAE,EACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,aAAa,GACpC,MAAM,CAAC,CAAC,EAAE,eAAe,CAAC,CAU5B;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAExF;AAED,oEAAoE;AACpE,wBAAgB,EAAE,CAAC,CAAC,SAAS,MAAM,qBAAqB,EACtD,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,MAAM,GACZ,qBAAqB,CAAC,CAAC,CAAC,CAK1B;AAED,wBAAgB,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,MAAM,CAKhG;AAMD,iGAAiG;AACjG,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAM9C;AAED,iIAAiI;AACjI,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAElE"}

package/dist/shared.js

@@ -1,125 +1,72 @@
+//#region src/shared.ts
 /**
- * The styles and helpers the two elements share, copied from the player:
- * the button and slider styles, the glyph slots, the part helper, the label
- * template, and the time format. The player exports none of them, on
- * purpose: a control of the page's own carries its own, and so does this
- * package. The tokens come through the `--mbx-*` custom properties the
- * player sets, which inherit into every control.
- */
-export const BUTTON_STYLE = `
-:host { display: inline-flex; }
-:host([hidden]) { display: none; }
-[part~="button"] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex: none;
-  width: 40px;
-  height: 40px;
-  padding: 0;
-  font: inherit;
-  color: inherit;
-  background: transparent;
-  border: 0;
-  border-radius: var(--mbx-radius);
-  cursor: pointer;
-  opacity: 0.9;
-}
-[part~="button"]:hover { opacity: 1; }
-[part~="button"]:focus-visible { outline: 2px solid var(--mbx-accent); outline-offset: -2px; }
-[part~="icon"], ::slotted(*) { width: 1.75em; height: 1.75em; fill: currentColor; }
-slot[hidden] { display: none; }
-`;
+* The styles and helpers the two elements share, copied from the player:
+* the button and slider styles, the glyph slots, the part helper, the label
+* template, and the time format. The player exports none of them, on
+* purpose: a control of the page's own carries its own, and so does this
+* package. The tokens come through the `--mbx-*` custom properties the
+* player sets, which inherit into every control.
+*/
+const BUTTON_STYLE_CSS = ":host{display:inline-flex}:host([hidden]){display:none}[part~=button]{width:2.5em;height:2.5em;font:inherit;color:inherit;border-radius:var(--mbx-radius);cursor:pointer;opacity:.9;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}[part~=button]:hover{opacity:1}[part~=button]:focus{outline:2px solid var(--mbx-accent);outline-offset:-2px}[part~=button]:focus:not(:focus-visible){outline:none}[part~=icon],::slotted(*){fill:currentColor;width:1.75em;height:1.75em}slot[hidden]{display:none}";
+const SLIDER_STYLE_CSS = ":host{display:block}:host([hidden]){display:none}[part~=slider]{border-radius:var(--mbx-radius);cursor:pointer;touch-action:none;height:2.6667em;position:relative}[part~=slider]:focus{outline:2px solid var(--mbx-accent);outline-offset:-2px}[part~=slider]:focus:not(:focus-visible){outline:none}[part~=rail]{position:absolute;top:0;bottom:0;left:.5333em;right:.5333em}[part~=track]{background:#ffffff59;border-radius:2px;height:.2667em;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}[part~=fill]{background:var(--mbx-accent);position:absolute;top:0;bottom:0;left:0}[part~=thumb]{background:var(--mbx-text);pointer-events:none;border-radius:50%;width:.8em;height:.8em;margin:-.4em 0 0 -.4em;position:absolute;top:50%}";
+const BUTTON_STYLE = BUTTON_STYLE_CSS;
 /** The style of a slider: the rail, the track with its fill, and the thumb. */
 /** The style of a slider: the rail, the track with its fill, and the thumb. */
-export const SLIDER_STYLE = `
-:host { display: block; }
-:host([hidden]) { display: none; }
-[part~="slider"] {
-  position: relative;
-  height: 40px;
-  border-radius: var(--mbx-radius);
-  cursor: pointer;
-  touch-action: none;
-}
-[part~="slider"]:focus-visible { outline: 2px solid var(--mbx-accent); outline-offset: -2px; }
-[part~="rail"] { position: absolute; top: 0; bottom: 0; left: 8px; right: 8px; }
-[part~="track"] {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  right: 0;
-  height: 4px;
-  transform: translateY(-50%);
-  background: rgba(255, 255, 255, 0.35);
-  border-radius: 2px;
-  overflow: hidden;
-}
-[part~="fill"] { position: absolute; top: 0; bottom: 0; left: 0; background: var(--mbx-accent); }
-[part~="thumb"] {
-  position: absolute;
-  top: 50%;
-  width: 12px;
-  height: 12px;
-  margin: -6px 0 0 -6px;
-  border-radius: 50%;
-  background: var(--mbx-text);
-  pointer-events: none;
-}
-`;
+const SLIDER_STYLE = SLIDER_STYLE_CSS;
 /** A `<style>` with `text`, for a shadow root. */
-export function style(text) {
-    const node = document.createElement('style');
-    node.textContent = text;
-    return node;
+function style(text) {
+	const node = document.createElement("style");
+	node.textContent = text;
+	return node;
 }
 /**
- * A named slot per state with the default glyph as its fallback, so a page
- * drops its own SVG into `slot="icon-<state>"` and the button keeps the
- * name. Returns the slots by state; `show` hides all but one.
- */
-export function iconSlots(states, fallback) {
-    const out = {};
-    for (const state of states) {
-        const slot = document.createElement('slot');
-        slot.name = `icon-${state}`;
-        slot.append(fallback(state));
-        slot.hidden = true;
-        out[state] = slot;
-    }
-    return out;
+* A named slot per state with the default glyph as its fallback, so a page
+* drops its own SVG into `slot="icon-<state>"` and the button keeps the
+* name. Returns the slots by state; `show` hides all but one.
+*/
+function iconSlots(states, fallback) {
+	const out = {};
+	for (const state of states) {
+		const slot = document.createElement("slot");
+		slot.name = `icon-${state}`;
+		slot.append(fallback(state));
+		slot.hidden = true;
+		out[state] = slot;
+	}
+	return out;
 }
-export function show(slots, state) {
-    for (const key of Object.keys(slots))
-        slots[key].hidden = key !== state;
+function show(slots, state) {
+	for (const key of Object.keys(slots)) slots[key].hidden = key !== state;
 }
 /** An element with its part names, and its text when it has any. */
-export function el(tag, part, text) {
-    const node = document.createElement(tag);
-    node.setAttribute('part', part);
-    if (text !== undefined)
-        node.textContent = text;
-    return node;
+function el(tag, part, text) {
+	const node = document.createElement(tag);
+	node.setAttribute("part", part);
+	if (text !== void 0) node.textContent = text;
+	return node;
 }
-export function fill(template, values) {
-    return template.replace(/\{(\w+)\}/g, (match, name) => {
-        const value = values[name];
-        return value === undefined ? match : String(value);
-    });
+function fill(template, values) {
+	return template.replace(/\{(\w+)\}/g, (match, name) => {
+		const value = values[name];
+		return value === void 0 ? match : String(value);
+	});
 }
 function pad(n) {
-    return n < 10 ? `0${n}` : `${n}`;
+	return n < 10 ? `0${n}` : `${n}`;
 }
 /** `m:ss`, or `h:mm:ss` from an hour up. Anything not a finite positive number reads as zero. */
-export function format(seconds) {
-    const total = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0;
-    const hours = Math.floor(total / 3600);
-    const minutes = Math.floor((total % 3600) / 60);
-    const rest = total % 60;
-    return hours > 0 ? `${hours}:${pad(minutes)}:${pad(rest)}` : `${minutes}:${pad(rest)}`;
+function format(seconds) {
+	const total = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0;
+	const hours = Math.floor(total / 3600);
+	const minutes = Math.floor(total % 3600 / 60);
+	const rest = total % 60;
+	return hours > 0 ? `${hours}:${pad(minutes)}:${pad(rest)}` : `${minutes}:${pad(rest)}`;
 }
 /** What a screen reader hears for a position: "1:23 of 4:56", or the position alone when the duration is unknown or infinite. */
-export function describe(current, duration) {
-    return Number.isFinite(duration) ? `${format(current)} of ${format(duration)}` : format(current);
+function describe(current, duration) {
+	return Number.isFinite(duration) ? `${format(current)} of ${format(duration)}` : format(current);
 }
+//#endregion
+export { BUTTON_STYLE, SLIDER_STYLE, describe, el, fill, format, iconSlots, show, style };
+
 //# sourceMappingURL=shared.js.map

package/dist/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sourceRoot":"","sources":["../src/shared.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"shared.js","names":[],"sources":["../src/shared.ts"],"sourcesContent":["/**\n * The styles and helpers the two elements share, copied from the player:\n * the button and slider styles, the glyph slots, the part helper, the label\n * template, and the time format. The player exports none of them, on\n * purpose: a control of the page's own carries its own, and so does this\n * package. The tokens come through the `--mbx-*` custom properties the\n * player sets, which inherit into every control.\n */\nimport BUTTON_STYLE_CSS from './button.css?inline';\nimport SLIDER_STYLE_CSS from './slider.css?inline';\n\nexport const BUTTON_STYLE = BUTTON_STYLE_CSS;\n\n/** The style of a slider: the rail, the track with its fill, and the thumb. */\n\n/** The style of a slider: the rail, the track with its fill, and the thumb. */\nexport const SLIDER_STYLE = SLIDER_STYLE_CSS;\n\n/** A `<style>` with `text`, for a shadow root. */\nexport function style(text: string): HTMLStyleElement {\n  const node = document.createElement('style');\n  node.textContent = text;\n  return node;\n}\n\n/**\n * A named slot per state with the default glyph as its fallback, so a page\n * drops its own SVG into `slot=\"icon-<state>\"` and the button keeps the\n * name. Returns the slots by state; `show` hides all but one.\n */\nexport function iconSlots<S extends string>(\n  states: readonly S[],\n  fallback: (state: S) => SVGSVGElement,\n): Record<S, HTMLSlotElement> {\n  const out = {} as Record<S, HTMLSlotElement>;\n  for (const state of states) {\n    const slot = document.createElement('slot');\n    slot.name = `icon-${state}`;\n    slot.append(fallback(state));\n    slot.hidden = true;\n    out[state] = slot;\n  }\n  return out;\n}\n\nexport function show<S extends string>(slots: Record<S, HTMLSlotElement>, state: S): void {\n  for (const key of Object.keys(slots) as S[]) slots[key].hidden = key !== state;\n}\n\n/** An element with its part names, and its text when it has any. */\nexport function el<K extends keyof HTMLElementTagNameMap>(\n  tag: K,\n  part: string,\n  text?: string,\n): HTMLElementTagNameMap[K] {\n  const node = document.createElement(tag);\n  node.setAttribute('part', part);\n  if (text !== undefined) node.textContent = text;\n  return node;\n}\n\nexport function fill(template: string, values: Readonly<Record<string, string | number>>): string {\n  return template.replace(/\\{(\\w+)\\}/g, (match: string, name: string) => {\n    const value = values[name];\n    return value === undefined ? match : String(value);\n  });\n}\n\nfunction pad(n: number): string {\n  return n < 10 ? `0${n}` : `${n}`;\n}\n\n/** `m:ss`, or `h:mm:ss` from an hour up. Anything not a finite positive number reads as zero. */\nexport function format(seconds: number): string {\n  const total = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0;\n  const hours = Math.floor(total / 3600);\n  const minutes = Math.floor((total % 3600) / 60);\n  const rest = total % 60;\n  return hours > 0 ? `${hours}:${pad(minutes)}:${pad(rest)}` : `${minutes}:${pad(rest)}`;\n}\n\n/** What a screen reader hears for a position: \"1:23 of 4:56\", or the position alone when the duration is unknown or infinite. */\nexport function describe(current: number, duration: number): string {\n  return Number.isFinite(duration) ? `${format(current)} of ${format(duration)}` : format(current);\n}\n"],"mappings":";;;;;;;;;AAQA,MAAA,mBAAA;AACA,MAAA,mBAAA;AAEA,MAAA,eAAA;;;AAKA,MAAA,eAAA;;AAGA,SAAA,MAAA,MAAA;CACA,MAAA,OAAA,SAAA,cAAA,OAAA;CACA,KAAA,cAAA;CACA,OAAA;AACA;;;;;;AAOA,SAAA,UACA,QACA,UACA;CACA,MAAA,MAAA,CAAA;CACA,KAAA,MAAA,SAAA,QAAA;EACA,MAAA,OAAA,SAAA,cAAA,MAAA;EACA,KAAA,OAAA,QAAA;EACA,KAAA,OAAA,SAAA,KAAA,CAAA;EACA,KAAA,SAAA;EACA,IAAA,SAAA;CACA;CACA,OAAA;AACA;AAEA,SAAA,KAAA,OAAA,OAAA;CACA,KAAA,MAAA,OAAA,OAAA,KAAA,KAAA,GAAA,MAAA,IAAA,CAAA,SAAA,QAAA;AACA;;AAGA,SAAA,GACA,KACA,MACA,MACA;CACA,MAAA,OAAA,SAAA,cAAA,GAAA;CACA,KAAA,aAAA,QAAA,IAAA;CACA,IAAA,SAAA,KAAA,GAAA,KAAA,cAAA;CACA,OAAA;AACA;AAEA,SAAA,KAAA,UAAA,QAAA;CACA,OAAA,SAAA,QAAA,eAAA,OAAA,SAAA;EACA,MAAA,QAAA,OAAA;EACA,OAAA,UAAA,KAAA,IAAA,QAAA,OAAA,KAAA;CACA,CAAA;AACA;AAEA,SAAA,IAAA,GAAA;CACA,OAAA,IAAA,KAAA,IAAA,MAAA,GAAA;AACA;;AAGA,SAAA,OAAA,SAAA;CACA,MAAA,QAAA,OAAA,SAAA,OAAA,KAAA,UAAA,IAAA,KAAA,MAAA,OAAA,IAAA;CACA,MAAA,QAAA,KAAA,MAAA,QAAA,IAAA;CACA,MAAA,UAAA,KAAA,MAAA,QAAA,OAAA,EAAA;CACA,MAAA,OAAA,QAAA;CACA,OAAA,QAAA,IAAA,GAAA,MAAA,GAAA,IAAA,OAAA,EAAA,GAAA,IAAA,IAAA,MAAA,GAAA,QAAA,GAAA,IAAA,IAAA;AACA;;AAGA,SAAA,SAAA,SAAA,UAAA;CACA,OAAA,OAAA,SAAA,QAAA,IAAA,GAAA,OAAA,OAAA,EAAA,MAAA,OAAA,QAAA,MAAA,OAAA,OAAA;AACA"}