@mattebox/player 0.4.0 → 0.6.0

package/dist/elements/panels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panels.js","sourceRoot":"","sources":["../../src/elements/panels.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,KAAK,GAAG;;;;;;;;;;;;CAYb,CAAC;AAEF,MAAM,OAAO,SAAU,SAAQ,SAAS;IACtC;QACE,KAAK,EAAE,CAAC;QACR,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACjD,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5D,CAAC;IAEO,KAAK;QACX,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAE,KAAqB,CAAC,MAAM,CAAC,CAAC;IAC7E,CAAC;IAEkB,MAAM;QACvB,MAAM,IAAI,GAAG,GAAS,EAAE;YACtB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAC3B,uEAAuE;YACvE,2DAA2D;YAC3D,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK;gBAAE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACjD,CAAC,CAAC;QACF,6EAA6E;QAC7E,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC5C,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE;YACrB,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,QAAQ,CAAC;SAC5B,CAAC,CAAC;QACH,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;YACb,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;QACH,IAAI,EAAE,CAAC;IACT,CAAC;CACF"}

package/dist/entries/panels.d.ts

@@ -1,5 +0,0 @@
-/** `@mattebox/player/elements/panels`: registers <mbx-panels>, and the player with it. */
-import '../element-entry.js';
-import { MbxPanels } from '../elements/panels.js';
-export { MbxPanels };
-//# sourceMappingURL=panels.d.ts.map

package/dist/entries/panels.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"panels.d.ts","sourceRoot":"","sources":["../../src/entries/panels.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAC1F,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAKlD,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/entries/panels.js

@@ -1,8 +0,0 @@
-/** `@mattebox/player/elements/panels`: registers <mbx-panels>, and the player with it. */
-import '../element-entry.js';
-import { MbxPanels } from '../elements/panels.js';
-import { PANELS } from '../tags.js';
-if (customElements.get(PANELS) === undefined)
-    customElements.define(PANELS, MbxPanels);
-export { MbxPanels };
-//# sourceMappingURL=panels.js.map

package/dist/entries/panels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panels.js","sourceRoot":"","sources":["../../src/entries/panels.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAC1F,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,IAAI,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,SAAS;IAAE,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEvF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/es2015/compose.js

@@ -1,33 +0,0 @@
-import { AIRPLAY_BUTTON, AUDIO_MENU, CHAPTERS_MENU, CONTROL_BAR, CURRENT_TIME, DRM_BADGE, DURATION, ERROR_SCREEN, FULLSCREEN_BUTTON, LIVE_BUTTON, PANELS, PIP_BUTTON, PLAY_BUTTON, QUALITY_MENU, SEEK_BAR, SKIP_BUTTON, SPACER, SPEED_MENU, START_BUTTON, SUBTITLES_MENU, VOLUME } from "./tags.js";
-//#region src/compose.ts
-/**
-* The default compositions: what a player gets when the page wrote none of
-* its own. Under `controls="custom"` the screens and the bar, appended
-* when there is no `<mbx-control-bar>` child; under `native` and `none`
-* the panels row under the video, appended when there is no
-* `<mbx-panels>` child. Built by tag, so this module needs no element
-* class, and appended to the player's light DOM, where the page can see
-* it and style it the way it would its own.
-*/
-function skip(seconds) {
-	const node = document.createElement(SKIP_BUTTON);
-	node.setAttribute("seconds", String(seconds));
-	return node;
-}
-function each(...tags) {
-	return tags.map((tag) => document.createElement(tag));
-}
-/** The screens and the bar. */
-function composeBar() {
-	const bar = document.createElement(CONTROL_BAR);
-	bar.append(...each(CURRENT_TIME, SEEK_BAR, DURATION, LIVE_BUTTON), skip(-10), document.createElement(PLAY_BUTTON), skip(10), ...each(VOLUME, SPACER, SPEED_MENU, CHAPTERS_MENU, SUBTITLES_MENU, AUDIO_MENU), ...each(QUALITY_MENU, AIRPLAY_BUTTON, PIP_BUTTON, FULLSCREEN_BUTTON));
-	return [...each(START_BUTTON, ERROR_SCREEN), bar];
-}
-/** The row under the video. */
-function composePanels() {
-	const row = document.createElement(PANELS);
-	row.append(...each(QUALITY_MENU, AUDIO_MENU, SUBTITLES_MENU, CHAPTERS_MENU, LIVE_BUTTON, DRM_BADGE));
-	return [row];
-}
-//#endregion
-export { composeBar, composePanels };

package/dist/es2015/elements/panels.js

@@ -1,52 +0,0 @@
-import { Component } from "./component.js";
-import { style } from "./shared.js";
-//#region src/elements/panels.ts
-/**
-* <mbx-panels>: the row under the video for what native controls cannot
-* show. It sits in the player beside the video, in flow, so it lands
-* under the picture, and lays its children out in a row: the quality,
-* audio and subtitles menus, the live button, the lock. Each child hides
-* itself when its session has nothing for it, and the row hides when
-* every child has, so a native session shows no strip at all.
-*/
-const STYLE = `
-:host {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--mbx-gap);
-  padding: var(--mbx-pad);
-  background: var(--mbx-surface);
-  color: var(--mbx-text);
-  font: 400 13px/1.4 var(--mbx-font);
-}
-:host([hidden]) { display: none; }
-`;
-var MbxPanels = class extends Component {
-	constructor() {
-		super();
-		this.attachShadow({ mode: "open" }).append(style(STYLE), document.createElement("slot"));
-	}
-	empty() {
-		return ![...this.children].some((child) => !child.hidden);
-	}
-	attach() {
-		const tick = () => {
-			const empty = this.empty();
-			if (this.hidden !== empty) this.hidden = empty;
-		};
-		const observer = new MutationObserver(tick);
-		observer.observe(this, {
-			childList: true,
-			subtree: true,
-			attributes: true,
-			attributeFilter: ["hidden"]
-		});
-		this.keep(() => {
-			observer.disconnect();
-		});
-		tick();
-	}
-};
-//#endregion
-export { MbxPanels };

package/dist/es2015/entries/panels.js

@@ -1,7 +0,0 @@
-import { PANELS } from "../tags.js";
-import "../element-entry.js";
-import { MbxPanels } from "../elements/panels.js";
-//#region src/entries/panels.ts
-if (customElements.get("mbx-panels") === void 0) customElements.define(PANELS, MbxPanels);
-//#endregion
-export { MbxPanels };