@videojs/html 10.0.0-beta.8 → 10.0.0-rc.1

package/dist/dev/define/audio/minimal-skin.tailwind.js

@@ -1,128 +0,0 @@
-import { SkinMixin } from "../skin-mixin.js";
-import { renderIcon } from "../../icons/dist/render/minimal/index.js";
-import { iconState } from "../../skins/dist/default/shared/tailwind/icon-state.js";
-import { tooltipState } from "../../skins/dist/default/shared/tailwind/tooltip-state.js";
-import { button } from "../../skins/dist/default/minimal/tailwind/components/button.js";
-import { buttonGroup } from "../../skins/dist/default/minimal/tailwind/components/button-group.js";
-import { icon, iconContainer, iconFlipped } from "../../skins/dist/default/minimal/tailwind/components/icon.js";
-import { seek } from "../../skins/dist/default/minimal/tailwind/components/seek.js";
-import { slider } from "../../skins/dist/default/minimal/tailwind/components/slider.js";
-import { time } from "../../skins/dist/default/minimal/tailwind/components/time.js";
-import "../media/container.js";
-import "../ui/mute-button.js";
-import "../ui/play-button.js";
-import "../ui/playback-rate-button.js";
-import "../ui/popover.js";
-import "../ui/seek-button.js";
-import "../ui/time.js";
-import "../ui/time-slider.js";
-import "../ui/tooltip.js";
-import "../ui/tooltip-group.js";
-import "../ui/volume-slider.js";
-import { playbackRate } from "../../skins/dist/default/default/tailwind/components/playback-rate.js";
-import { controls, popup, root } from "../../skins/dist/default/minimal/tailwind/audio.tailwind.js";
-import { ReactiveElement } from "@videojs/element";
-import { cn } from "@videojs/utils/style";
-
-//#region src/define/audio/minimal-skin.tailwind.ts
-const SEEK_TIME = 10;
-function getTemplateHTML() {
-	return `
-    <media-container class="${root}">
-      <!-- @deprecated slot="media" is no longer required, use the default slot instead -->
-      <slot name="media"></slot>
-      <slot></slot>
-
-      <div class="${controls}">
-        <media-tooltip-group>
-          <div class="${buttonGroup}">
-            <span class="${tooltipState.play.wrapper}">
-              <media-play-button commandfor="play-tooltip" class="${cn(button.base, button.icon, iconState.play.button)}">
-                ${renderIcon("restart", { class: cn(icon, iconState.play.restart) })}
-                ${renderIcon("play", { class: cn(icon, iconState.play.play) })}
-                ${renderIcon("pause", { class: cn(icon, iconState.play.pause) })}
-              </media-play-button>
-              <media-tooltip id="play-tooltip" side="top" class="${cn(popup.tooltip)}">
-                <span class="${tooltipState.play.replay}">Replay</span>
-                <span class="${tooltipState.play.play}">Play</span>
-                <span class="${tooltipState.play.pause}">Pause</span>
-              </media-tooltip>
-            </span>
-
-            <media-seek-button commandfor="seek-backward-tooltip" seconds="${-SEEK_TIME}" class="${cn(button.base, button.icon, seek.button)}">
-              <span class="${iconContainer}">
-                ${renderIcon("seek", { class: cn(icon, iconFlipped) })}
-                <span class="${cn(seek.label, seek.labelBackward)}">${SEEK_TIME}</span>
-              </span>
-            </media-seek-button>
-            <media-tooltip id="seek-backward-tooltip" side="top" class="${cn(popup.tooltip)}">
-              Seek backward ${SEEK_TIME} seconds
-            </media-tooltip>
-
-            <media-seek-button commandfor="seek-forward-tooltip" seconds="${SEEK_TIME}" class="${cn(button.base, button.icon, seek.button)}">
-              <span class="${iconContainer}">
-                ${renderIcon("seek", { class: icon })}
-                <span class="${cn(seek.label, seek.labelForward)}">${SEEK_TIME}</span>
-              </span>
-            </media-seek-button>
-            <media-tooltip id="seek-forward-tooltip" side="top" class="${cn(popup.tooltip)}">
-              Seek forward ${SEEK_TIME} seconds
-            </media-tooltip>
-          </div>
-
-          <div class="${time.controls}">
-            <media-time-group class="${time.group}">
-              <media-time type="current" class="${time.current}"></media-time>
-              <media-time-separator class="${time.separator}"></media-time-separator>
-              <media-time type="duration" class="${time.duration}"></media-time>
-            </media-time-group>
-
-            <media-time-slider class="${slider.root}">
-              <media-slider-track class="${slider.track}">
-                <media-slider-fill class="${cn(slider.fill.base, slider.fill.fill)}"></media-slider-fill>
-                <media-slider-buffer class="${cn(slider.fill.base, slider.fill.buffer)}"></media-slider-buffer>
-              </media-slider-track>
-              <media-slider-thumb class="${cn(slider.thumb.base, slider.thumb.interactive)}"></media-slider-thumb>
-            </media-time-slider>
-          </div>
-
-          <div class="${buttonGroup}">
-            <media-playback-rate-button commandfor="playback-rate-tooltip"  class="${cn(button.base, button.icon, playbackRate.button)}">
-            </media-playback-rate-button>
-            <media-tooltip id="playback-rate-tooltip" side="top" class="${cn(popup.tooltip)}">
-              Toggle playback rate
-            </media-tooltip>
-
-            <media-mute-button commandfor="audio-volume-popover" class="${cn(button.base, button.icon, iconState.mute.button)}">
-              ${renderIcon("volume-off", { class: cn(icon, iconState.mute.volumeOff) })}
-              ${renderIcon("volume-low", { class: cn(icon, iconState.mute.volumeLow) })}
-              ${renderIcon("volume-high", { class: cn(icon, iconState.mute.volumeHigh) })}
-            </media-mute-button>
-
-            <media-popover id="audio-volume-popover" open-on-hover delay="200" close-delay="100" side="left" class="${cn(popup.volume)}">
-              <media-volume-slider class="${slider.root}" orientation="horizontal" thumb-alignment="edge">
-                <media-slider-track class="${slider.track}">
-                  <media-slider-fill class="${cn(slider.fill.base, slider.fill.fill)}"></media-slider-fill>
-                </media-slider-track>
-                <media-slider-thumb class="${slider.thumb.base}"></media-slider-thumb>
-              </media-volume-slider>
-            </media-popover>
-          </div>
-        </media-tooltip-group>
-      </div>
-    </media-container>
-  `;
-}
-var MinimalAudioSkinTailwindElement = class extends SkinMixin(ReactiveElement) {
-	static {
-		this.tagName = "audio-minimal-skin-tailwind";
-	}
-	static {
-		this.getTemplateHTML = getTemplateHTML;
-	}
-};
-customElements.define(MinimalAudioSkinTailwindElement.tagName, MinimalAudioSkinTailwindElement);
-
-//#endregion
-export { MinimalAudioSkinTailwindElement };
-//# sourceMappingURL=minimal-skin.tailwind.js.map

package/dist/dev/define/audio/minimal-skin.tailwind.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"minimal-skin.tailwind.js","names":[],"sources":["../../../../src/define/audio/minimal-skin.tailwind.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\nimport { renderIcon } from '@videojs/icons/render/minimal';\nimport { playbackRate } from '@videojs/skins/default/tailwind/audio.tailwind';\nimport {\n  button,\n  buttonGroup,\n  controls,\n  icon,\n  iconContainer,\n  iconFlipped,\n  iconState,\n  popup,\n  root,\n  seek,\n  slider,\n  time,\n  tooltipState,\n} from '@videojs/skins/minimal/tailwind/audio.tailwind';\nimport { cn } from '@videojs/utils/style';\nimport { SkinMixin } from '../skin-mixin';\n\n// Side-effect imports: register all custom elements used in the template.\nimport '../media/container';\nimport '../ui/mute-button';\nimport '../ui/play-button';\nimport '../ui/playback-rate-button';\nimport '../ui/popover';\nimport '../ui/seek-button';\nimport '../ui/time';\nimport '../ui/time-slider';\nimport '../ui/tooltip';\nimport '../ui/tooltip-group';\nimport '../ui/volume-slider';\n\nconst SEEK_TIME = 10;\n\nfunction getTemplateHTML() {\n  return /*html*/ `\n    <media-container class=\"${root}\">\n      <!-- @deprecated slot=\"media\" is no longer required, use the default slot instead -->\n      <slot name=\"media\"></slot>\n      <slot></slot>\n\n      <div class=\"${controls}\">\n        <media-tooltip-group>\n          <div class=\"${buttonGroup}\">\n            <span class=\"${tooltipState.play.wrapper}\">\n              <media-play-button commandfor=\"play-tooltip\" class=\"${cn(button.base, button.icon, iconState.play.button)}\">\n                ${renderIcon('restart', { class: cn(icon, iconState.play.restart) })}\n                ${renderIcon('play', { class: cn(icon, iconState.play.play) })}\n                ${renderIcon('pause', { class: cn(icon, iconState.play.pause) })}\n              </media-play-button>\n              <media-tooltip id=\"play-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\">\n                <span class=\"${tooltipState.play.replay}\">Replay</span>\n                <span class=\"${tooltipState.play.play}\">Play</span>\n                <span class=\"${tooltipState.play.pause}\">Pause</span>\n              </media-tooltip>\n            </span>\n\n            <media-seek-button commandfor=\"seek-backward-tooltip\" seconds=\"${-SEEK_TIME}\" class=\"${cn(button.base, button.icon, seek.button)}\">\n              <span class=\"${iconContainer}\">\n                ${renderIcon('seek', { class: cn(icon, iconFlipped) })}\n                <span class=\"${cn(seek.label, seek.labelBackward)}\">${SEEK_TIME}</span>\n              </span>\n            </media-seek-button>\n            <media-tooltip id=\"seek-backward-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\">\n              Seek backward ${SEEK_TIME} seconds\n            </media-tooltip>\n\n            <media-seek-button commandfor=\"seek-forward-tooltip\" seconds=\"${SEEK_TIME}\" class=\"${cn(button.base, button.icon, seek.button)}\">\n              <span class=\"${iconContainer}\">\n                ${renderIcon('seek', { class: icon })}\n                <span class=\"${cn(seek.label, seek.labelForward)}\">${SEEK_TIME}</span>\n              </span>\n            </media-seek-button>\n            <media-tooltip id=\"seek-forward-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\">\n              Seek forward ${SEEK_TIME} seconds\n            </media-tooltip>\n          </div>\n\n          <div class=\"${time.controls}\">\n            <media-time-group class=\"${time.group}\">\n              <media-time type=\"current\" class=\"${time.current}\"></media-time>\n              <media-time-separator class=\"${time.separator}\"></media-time-separator>\n              <media-time type=\"duration\" class=\"${time.duration}\"></media-time>\n            </media-time-group>\n\n            <media-time-slider class=\"${slider.root}\">\n              <media-slider-track class=\"${slider.track}\">\n                <media-slider-fill class=\"${cn(slider.fill.base, slider.fill.fill)}\"></media-slider-fill>\n                <media-slider-buffer class=\"${cn(slider.fill.base, slider.fill.buffer)}\"></media-slider-buffer>\n              </media-slider-track>\n              <media-slider-thumb class=\"${cn(slider.thumb.base, slider.thumb.interactive)}\"></media-slider-thumb>\n            </media-time-slider>\n          </div>\n\n          <div class=\"${buttonGroup}\">\n            <media-playback-rate-button commandfor=\"playback-rate-tooltip\"  class=\"${cn(button.base, button.icon, playbackRate.button)}\">\n            </media-playback-rate-button>\n            <media-tooltip id=\"playback-rate-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\">\n              Toggle playback rate\n            </media-tooltip>\n\n            <media-mute-button commandfor=\"audio-volume-popover\" class=\"${cn(button.base, button.icon, iconState.mute.button)}\">\n              ${renderIcon('volume-off', { class: cn(icon, iconState.mute.volumeOff) })}\n              ${renderIcon('volume-low', { class: cn(icon, iconState.mute.volumeLow) })}\n              ${renderIcon('volume-high', { class: cn(icon, iconState.mute.volumeHigh) })}\n            </media-mute-button>\n\n            <media-popover id=\"audio-volume-popover\" open-on-hover delay=\"200\" close-delay=\"100\" side=\"left\" class=\"${cn(popup.volume)}\">\n              <media-volume-slider class=\"${slider.root}\" orientation=\"horizontal\" thumb-alignment=\"edge\">\n                <media-slider-track class=\"${slider.track}\">\n                  <media-slider-fill class=\"${cn(slider.fill.base, slider.fill.fill)}\"></media-slider-fill>\n                </media-slider-track>\n                <media-slider-thumb class=\"${slider.thumb.base}\"></media-slider-thumb>\n              </media-volume-slider>\n            </media-popover>\n          </div>\n        </media-tooltip-group>\n      </div>\n    </media-container>\n  `;\n}\n\nexport class MinimalAudioSkinTailwindElement extends SkinMixin(ReactiveElement) {\n  static readonly tagName = 'audio-minimal-skin-tailwind';\n  static getTemplateHTML = getTemplateHTML;\n}\n\ncustomElements.define(MinimalAudioSkinTailwindElement.tagName, MinimalAudioSkinTailwindElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [MinimalAudioSkinTailwindElement.tagName]: MinimalAudioSkinTailwindElement;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,YAAY;AAElB,SAAS,kBAAkB;AACzB,QAAgB;8BACY,KAAK;;;;;oBAKf,SAAS;;wBAEL,YAAY;2BACT,aAAa,KAAK,QAAQ;oEACe,GAAG,OAAO,MAAM,OAAO,MAAM,UAAU,KAAK,OAAO,CAAC;kBACtG,WAAW,WAAW,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,QAAQ,EAAE,CAAC,CAAC;kBACnE,WAAW,QAAQ,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,KAAK,EAAE,CAAC,CAAC;kBAC7D,WAAW,SAAS,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,MAAM,EAAE,CAAC,CAAC;;mEAEd,GAAG,MAAM,QAAQ,CAAC;+BACtD,aAAa,KAAK,OAAO;+BACzB,aAAa,KAAK,KAAK;+BACvB,aAAa,KAAK,MAAM;;;;6EAIsB,CAAC,UAAU,WAAW,GAAG,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,CAAC;6BAChH,cAAc;kBACzB,WAAW,QAAQ,EAAE,OAAO,GAAG,MAAM,YAAY,EAAE,CAAC,CAAC;+BACxC,GAAG,KAAK,OAAO,KAAK,cAAc,CAAC,IAAI,UAAU;;;0EAGN,GAAG,MAAM,QAAQ,CAAC;8BAC9D,UAAU;;;4EAGoC,UAAU,WAAW,GAAG,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,CAAC;6BAC9G,cAAc;kBACzB,WAAW,QAAQ,EAAE,OAAO,MAAM,CAAC,CAAC;+BACvB,GAAG,KAAK,OAAO,KAAK,aAAa,CAAC,IAAI,UAAU;;;yEAGN,GAAG,MAAM,QAAQ,CAAC;6BAC9D,UAAU;;;;wBAIf,KAAK,SAAS;uCACC,KAAK,MAAM;kDACA,KAAK,QAAQ;6CAClB,KAAK,UAAU;mDACT,KAAK,SAAS;;;wCAGzB,OAAO,KAAK;2CACT,OAAO,MAAM;4CACZ,GAAG,OAAO,KAAK,MAAM,OAAO,KAAK,KAAK,CAAC;8CACrC,GAAG,OAAO,KAAK,MAAM,OAAO,KAAK,OAAO,CAAC;;2CAE5C,GAAG,OAAO,MAAM,MAAM,OAAO,MAAM,YAAY,CAAC;;;;wBAInE,YAAY;qFACiD,GAAG,OAAO,MAAM,OAAO,MAAM,aAAa,OAAO,CAAC;;0EAE7D,GAAG,MAAM,QAAQ,CAAC;;;;0EAIlB,GAAG,OAAO,MAAM,OAAO,MAAM,UAAU,KAAK,OAAO,CAAC;gBAC9G,WAAW,cAAc,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,UAAU,EAAE,CAAC,CAAC;gBACxE,WAAW,cAAc,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,UAAU,EAAE,CAAC,CAAC;gBACxE,WAAW,eAAe,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,WAAW,EAAE,CAAC,CAAC;;;sHAG4B,GAAG,MAAM,OAAO,CAAC;4CAC3F,OAAO,KAAK;6CACX,OAAO,MAAM;8CACZ,GAAG,OAAO,KAAK,MAAM,OAAO,KAAK,KAAK,CAAC;;6CAExC,OAAO,MAAM,KAAK;;;;;;;;;AAU/D,IAAa,kCAAb,cAAqD,UAAU,gBAAgB,CAAC;;iBACpD;;;yBACD;;;AAG3B,eAAe,OAAO,gCAAgC,SAAS,gCAAgC"}

package/dist/dev/define/audio/player.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"player.d.ts","names":[],"sources":["../../../../src/define/audio/player.ts"],"mappings":";;;;;cAGsD,uBAAA;cAOzC,kBAAA,SAA2B,uBAAA;EAAA,gBACtB,OAAA;AAAA;AAAA,QAOV,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,kBAAA,CAAmB,OAAA,GAAU,kBAAA;EAAA;AAAA"}

package/dist/dev/define/audio/skin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skin.d.ts","names":[],"sources":["../../../../src/define/audio/skin.ts"],"mappings":";;;iBAoBS,eAAA,CAAA;AAAA,cAAe,qBAAA;;;;cA6EX,gBAAA,SAAyB,qBAAA;EAAA,gBACpB,OAAA;EAAA,OACT,MAAA,EAAM,aAAA;EAAA,OACN,eAAA,SAAe,eAAA;AAAA;AAAA,QAKhB,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,gBAAA,CAAiB,OAAA,GAAU,gBAAA;EAAA;AAAA"}

package/dist/dev/define/audio/skin.tailwind.d.ts

@@ -1,20 +0,0 @@
-import { ReactiveElement } from "@videojs/element";
-
-//#region src/define/audio/skin.tailwind.d.ts
-declare function getTemplateHTML(): string;
-declare const AudioSkinTailwindElement_base: typeof ReactiveElement & {
-  shadowRootOptions: ShadowRootInit;
-  styles?: CSSStyleSheet;
-};
-declare class AudioSkinTailwindElement extends AudioSkinTailwindElement_base {
-  static readonly tagName = "audio-skin-tailwind";
-  static getTemplateHTML: typeof getTemplateHTML;
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    [AudioSkinTailwindElement.tagName]: AudioSkinTailwindElement;
-  }
-}
-//#endregion
-export { AudioSkinTailwindElement };
-//# sourceMappingURL=skin.tailwind.d.ts.map

package/dist/dev/define/audio/skin.tailwind.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skin.tailwind.d.ts","names":[],"sources":["../../../../src/define/audio/skin.tailwind.ts"],"mappings":";;;iBAmCS,eAAA,CAAA;AAAA,cAAe,6BAAA;;;;cA+EX,wBAAA,SAAiC,6BAAA;EAAA,gBAC5B,OAAA;EAAA,OACT,eAAA,SAAe,eAAA;AAAA;AAAA,QAKhB,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,wBAAA,CAAyB,OAAA,GAAU,wBAAA;EAAA;AAAA"}

package/dist/dev/define/audio/skin.tailwind.js

@@ -1,117 +0,0 @@
-import { SkinMixin } from "../skin-mixin.js";
-import { iconState } from "../../skins/dist/default/shared/tailwind/icon-state.js";
-import { tooltipState } from "../../skins/dist/default/shared/tailwind/tooltip-state.js";
-import "../media/container.js";
-import "../ui/mute-button.js";
-import "../ui/play-button.js";
-import "../ui/playback-rate-button.js";
-import "../ui/popover.js";
-import "../ui/seek-button.js";
-import "../ui/time.js";
-import "../ui/time-slider.js";
-import "../ui/tooltip.js";
-import "../ui/tooltip-group.js";
-import "../ui/volume-slider.js";
-import { renderIcon } from "../../icons/dist/render/default/index.js";
-import { button } from "../../skins/dist/default/default/tailwind/components/button.js";
-import { icon, iconContainer, iconFlipped } from "../../skins/dist/default/default/tailwind/components/icon.js";
-import { playbackRate } from "../../skins/dist/default/default/tailwind/components/playback-rate.js";
-import { seek } from "../../skins/dist/default/default/tailwind/components/seek.js";
-import { time } from "../../skins/dist/default/default/tailwind/components/time.js";
-import { controls, popup, root, slider } from "../../skins/dist/default/default/tailwind/audio.tailwind.js";
-import { ReactiveElement } from "@videojs/element";
-import { cn } from "@videojs/utils/style";
-
-//#region src/define/audio/skin.tailwind.ts
-const SEEK_TIME = 10;
-function getTemplateHTML() {
-	return `
-    <media-container class="${root}">
-      <!-- @deprecated slot="media" is no longer required, use the default slot instead -->
-      <slot name="media"></slot>
-      <slot></slot>
-
-      <div class="${controls}">
-        <media-tooltip-group>
-          <span class="${tooltipState.play.wrapper}">
-            <media-play-button commandfor="play-tooltip" class="${cn(button.base, button.icon, iconState.play.button)}">
-              ${renderIcon("restart", { class: cn(icon, iconState.play.restart) })}
-              ${renderIcon("play", { class: cn(icon, iconState.play.play) })}
-              ${renderIcon("pause", { class: cn(icon, iconState.play.pause) })}
-            </media-play-button>
-            <media-tooltip id="play-tooltip" side="top" class="${cn(popup.tooltip)}">
-              <span class="${tooltipState.play.replay}">Replay</span>
-              <span class="${tooltipState.play.play}">Play</span>
-              <span class="${tooltipState.play.pause}">Pause</span>
-            </media-tooltip>
-          </span>
-
-          <media-seek-button commandfor="seek-backward-tooltip" seconds="${-SEEK_TIME}" class="${cn(button.base, button.icon, seek.button)}">
-            <span class="${iconContainer}">
-              ${renderIcon("seek", { class: cn(icon, iconFlipped) })}
-              <span class="${cn(seek.label, seek.labelBackward)}">${SEEK_TIME}</span>
-            </span>
-          </media-seek-button>
-          <media-tooltip id="seek-backward-tooltip" side="top" class="${cn(popup.tooltip)}">
-            Seek backward ${SEEK_TIME} seconds
-          </media-tooltip>
-
-          <media-seek-button commandfor="seek-forward-tooltip" seconds="${SEEK_TIME}" class="${cn(button.base, button.icon, seek.button)}">
-            <span class="${iconContainer}">
-              ${renderIcon("seek", { class: icon })}
-              <span class="${cn(seek.label, seek.labelForward)}">${SEEK_TIME}</span>
-            </span>
-          </media-seek-button>
-          <media-tooltip id="seek-forward-tooltip" side="top" class="${cn(popup.tooltip)}">
-            Seek forward ${SEEK_TIME} seconds
-          </media-tooltip>
-
-          <media-time-group class="${time.group}">
-            <media-time type="current" class="${time.current}"></media-time>
-            <media-time-slider class="${slider.root}">
-              <media-slider-track class="${slider.track}">
-                <media-slider-fill class="${cn(slider.fill.base, slider.fill.fill)}"></media-slider-fill>
-                <media-slider-buffer class="${cn(slider.fill.base, slider.fill.buffer)}"></media-slider-buffer>
-              </media-slider-track>
-              <media-slider-thumb class="${cn(slider.thumb.base, slider.thumb.interactive)}"></media-slider-thumb>
-            </media-time-slider>
-            <media-time type="duration" class="${time.duration}"></media-time>
-          </media-time-group>
-
-          <media-playback-rate-button commandfor="playback-rate-tooltip"  class="${cn(button.base, button.icon, playbackRate.button)}"></media-playback-rate-button>
-          <media-tooltip id="playback-rate-tooltip" side="top" class="${cn(popup.tooltip)}">
-            Toggle playback rate
-          </media-tooltip>
-
-          <media-mute-button commandfor="audio-volume-popover" class="${cn(button.base, button.icon, iconState.mute.button)}">
-            ${renderIcon("volume-off", { class: cn(icon, iconState.mute.volumeOff) })}
-            ${renderIcon("volume-low", { class: cn(icon, iconState.mute.volumeLow) })}
-            ${renderIcon("volume-high", { class: cn(icon, iconState.mute.volumeHigh) })}
-          </media-mute-button>
-
-          <media-popover id="audio-volume-popover" open-on-hover delay="200" close-delay="100" side="top" class="${cn(popup.popover, popup.volume)}">
-            <media-volume-slider class="${slider.root}" orientation="vertical" thumb-alignment="edge">
-              <media-slider-track class="${slider.track}">
-                <media-slider-fill class="${cn(slider.fill.base, slider.fill.fill)}"></media-slider-fill>
-              </media-slider-track>
-              <media-slider-thumb class="${cn(slider.thumb.base, slider.thumb.persistent)}"></media-slider-thumb>
-            </media-volume-slider>
-          </media-popover>
-        </media-tooltip-group>
-      </div>
-    </media-container>
-  `;
-}
-var AudioSkinTailwindElement = class extends SkinMixin(ReactiveElement) {
-	static {
-		this.tagName = "audio-skin-tailwind";
-	}
-	static {
-		this.getTemplateHTML = getTemplateHTML;
-	}
-};
-customElements.define(AudioSkinTailwindElement.tagName, AudioSkinTailwindElement);
-
-//#endregion
-export { AudioSkinTailwindElement };
-//# sourceMappingURL=skin.tailwind.js.map

package/dist/dev/define/audio/skin.tailwind.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skin.tailwind.js","names":[],"sources":["../../../../src/define/audio/skin.tailwind.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\nimport { renderIcon } from '@videojs/icons/render';\nimport {\n  button,\n  controls,\n  icon,\n  iconContainer,\n  iconFlipped,\n  iconState,\n  playbackRate,\n  popup,\n  root,\n  seek,\n  slider,\n  time,\n  tooltipState,\n} from '@videojs/skins/default/tailwind/audio.tailwind';\nimport { cn } from '@videojs/utils/style';\nimport { SkinMixin } from '../skin-mixin';\n\n// Side-effect imports: register all custom elements used in the template.\nimport '../media/container';\nimport '../ui/mute-button';\nimport '../ui/play-button';\nimport '../ui/playback-rate-button';\nimport '../ui/popover';\nimport '../ui/seek-button';\nimport '../ui/time';\nimport '../ui/time-slider';\nimport '../ui/tooltip';\nimport '../ui/tooltip-group';\nimport '../ui/volume-slider';\n\nconst SEEK_TIME = 10;\n\nfunction getTemplateHTML() {\n  return /*html*/ `\n    <media-container class=\"${root}\">\n      <!-- @deprecated slot=\"media\" is no longer required, use the default slot instead -->\n      <slot name=\"media\"></slot>\n      <slot></slot>\n\n      <div class=\"${controls}\">\n        <media-tooltip-group>\n          <span class=\"${tooltipState.play.wrapper}\">\n            <media-play-button commandfor=\"play-tooltip\" class=\"${cn(button.base, button.icon, iconState.play.button)}\">\n              ${renderIcon('restart', { class: cn(icon, iconState.play.restart) })}\n              ${renderIcon('play', { class: cn(icon, iconState.play.play) })}\n              ${renderIcon('pause', { class: cn(icon, iconState.play.pause) })}\n            </media-play-button>\n            <media-tooltip id=\"play-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\">\n              <span class=\"${tooltipState.play.replay}\">Replay</span>\n              <span class=\"${tooltipState.play.play}\">Play</span>\n              <span class=\"${tooltipState.play.pause}\">Pause</span>\n            </media-tooltip>\n          </span>\n\n          <media-seek-button commandfor=\"seek-backward-tooltip\" seconds=\"${-SEEK_TIME}\" class=\"${cn(button.base, button.icon, seek.button)}\">\n            <span class=\"${iconContainer}\">\n              ${renderIcon('seek', { class: cn(icon, iconFlipped) })}\n              <span class=\"${cn(seek.label, seek.labelBackward)}\">${SEEK_TIME}</span>\n            </span>\n          </media-seek-button>\n          <media-tooltip id=\"seek-backward-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\">\n            Seek backward ${SEEK_TIME} seconds\n          </media-tooltip>\n\n          <media-seek-button commandfor=\"seek-forward-tooltip\" seconds=\"${SEEK_TIME}\" class=\"${cn(button.base, button.icon, seek.button)}\">\n            <span class=\"${iconContainer}\">\n              ${renderIcon('seek', { class: icon })}\n              <span class=\"${cn(seek.label, seek.labelForward)}\">${SEEK_TIME}</span>\n            </span>\n          </media-seek-button>\n          <media-tooltip id=\"seek-forward-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\">\n            Seek forward ${SEEK_TIME} seconds\n          </media-tooltip>\n\n          <media-time-group class=\"${time.group}\">\n            <media-time type=\"current\" class=\"${time.current}\"></media-time>\n            <media-time-slider class=\"${slider.root}\">\n              <media-slider-track class=\"${slider.track}\">\n                <media-slider-fill class=\"${cn(slider.fill.base, slider.fill.fill)}\"></media-slider-fill>\n                <media-slider-buffer class=\"${cn(slider.fill.base, slider.fill.buffer)}\"></media-slider-buffer>\n              </media-slider-track>\n              <media-slider-thumb class=\"${cn(slider.thumb.base, slider.thumb.interactive)}\"></media-slider-thumb>\n            </media-time-slider>\n            <media-time type=\"duration\" class=\"${time.duration}\"></media-time>\n          </media-time-group>\n\n          <media-playback-rate-button commandfor=\"playback-rate-tooltip\"  class=\"${cn(button.base, button.icon, playbackRate.button)}\"></media-playback-rate-button>\n          <media-tooltip id=\"playback-rate-tooltip\" side=\"top\" class=\"${cn(popup.tooltip)}\">\n            Toggle playback rate\n          </media-tooltip>\n\n          <media-mute-button commandfor=\"audio-volume-popover\" class=\"${cn(button.base, button.icon, iconState.mute.button)}\">\n            ${renderIcon('volume-off', { class: cn(icon, iconState.mute.volumeOff) })}\n            ${renderIcon('volume-low', { class: cn(icon, iconState.mute.volumeLow) })}\n            ${renderIcon('volume-high', { class: cn(icon, iconState.mute.volumeHigh) })}\n          </media-mute-button>\n\n          <media-popover id=\"audio-volume-popover\" open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" class=\"${cn(popup.popover, popup.volume)}\">\n            <media-volume-slider class=\"${slider.root}\" orientation=\"vertical\" thumb-alignment=\"edge\">\n              <media-slider-track class=\"${slider.track}\">\n                <media-slider-fill class=\"${cn(slider.fill.base, slider.fill.fill)}\"></media-slider-fill>\n              </media-slider-track>\n              <media-slider-thumb class=\"${cn(slider.thumb.base, slider.thumb.persistent)}\"></media-slider-thumb>\n            </media-volume-slider>\n          </media-popover>\n        </media-tooltip-group>\n      </div>\n    </media-container>\n  `;\n}\n\nexport class AudioSkinTailwindElement extends SkinMixin(ReactiveElement) {\n  static readonly tagName = 'audio-skin-tailwind';\n  static getTemplateHTML = getTemplateHTML;\n}\n\ncustomElements.define(AudioSkinTailwindElement.tagName, AudioSkinTailwindElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AudioSkinTailwindElement.tagName]: AudioSkinTailwindElement;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAM,YAAY;AAElB,SAAS,kBAAkB;AACzB,QAAgB;8BACY,KAAK;;;;;oBAKf,SAAS;;yBAEJ,aAAa,KAAK,QAAQ;kEACe,GAAG,OAAO,MAAM,OAAO,MAAM,UAAU,KAAK,OAAO,CAAC;gBACtG,WAAW,WAAW,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,QAAQ,EAAE,CAAC,CAAC;gBACnE,WAAW,QAAQ,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,KAAK,EAAE,CAAC,CAAC;gBAC7D,WAAW,SAAS,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,MAAM,EAAE,CAAC,CAAC;;iEAEd,GAAG,MAAM,QAAQ,CAAC;6BACtD,aAAa,KAAK,OAAO;6BACzB,aAAa,KAAK,KAAK;6BACvB,aAAa,KAAK,MAAM;;;;2EAIsB,CAAC,UAAU,WAAW,GAAG,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,CAAC;2BAChH,cAAc;gBACzB,WAAW,QAAQ,EAAE,OAAO,GAAG,MAAM,YAAY,EAAE,CAAC,CAAC;6BACxC,GAAG,KAAK,OAAO,KAAK,cAAc,CAAC,IAAI,UAAU;;;wEAGN,GAAG,MAAM,QAAQ,CAAC;4BAC9D,UAAU;;;0EAGoC,UAAU,WAAW,GAAG,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,CAAC;2BAC9G,cAAc;gBACzB,WAAW,QAAQ,EAAE,OAAO,MAAM,CAAC,CAAC;6BACvB,GAAG,KAAK,OAAO,KAAK,aAAa,CAAC,IAAI,UAAU;;;uEAGN,GAAG,MAAM,QAAQ,CAAC;2BAC9D,UAAU;;;qCAGA,KAAK,MAAM;gDACA,KAAK,QAAQ;wCACrB,OAAO,KAAK;2CACT,OAAO,MAAM;4CACZ,GAAG,OAAO,KAAK,MAAM,OAAO,KAAK,KAAK,CAAC;8CACrC,GAAG,OAAO,KAAK,MAAM,OAAO,KAAK,OAAO,CAAC;;2CAE5C,GAAG,OAAO,MAAM,MAAM,OAAO,MAAM,YAAY,CAAC;;iDAE1C,KAAK,SAAS;;;mFAGoB,GAAG,OAAO,MAAM,OAAO,MAAM,aAAa,OAAO,CAAC;wEAC7D,GAAG,MAAM,QAAQ,CAAC;;;;wEAIlB,GAAG,OAAO,MAAM,OAAO,MAAM,UAAU,KAAK,OAAO,CAAC;cAC9G,WAAW,cAAc,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,UAAU,EAAE,CAAC,CAAC;cACxE,WAAW,cAAc,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,UAAU,EAAE,CAAC,CAAC;cACxE,WAAW,eAAe,EAAE,OAAO,GAAG,MAAM,UAAU,KAAK,WAAW,EAAE,CAAC,CAAC;;;mHAG2B,GAAG,MAAM,SAAS,MAAM,OAAO,CAAC;0CACzG,OAAO,KAAK;2CACX,OAAO,MAAM;4CACZ,GAAG,OAAO,KAAK,MAAM,OAAO,KAAK,KAAK,CAAC;;2CAExC,GAAG,OAAO,MAAM,MAAM,OAAO,MAAM,WAAW,CAAC;;;;;;;;AAS1F,IAAa,2BAAb,cAA8C,UAAU,gBAAgB,CAAC;;iBAC7C;;;yBACD;;;AAG3B,eAAe,OAAO,yBAAyB,SAAS,yBAAyB"}

package/dist/dev/define/background/player.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"player.d.ts","names":[],"sources":["../../../../src/define/background/player.ts"],"mappings":";;;;;cAGsD,iCAAA;cAOzC,4BAAA,SAAqC,iCAAA;EAAA,gBAChC,OAAA;AAAA;AAAA,QAOV,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,4BAAA,CAA6B,OAAA,GAAU,4BAAA;EAAA;AAAA"}

package/dist/dev/define/background/skin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skin.d.ts","names":[],"sources":["../../../../src/define/background/skin.ts"],"mappings":";;;iBAeS,eAAA,CAAgB,MAAA,EAAQ,MAAA;AAAA,cAUpB,0BAAA,SAAmC,eAAA;EAAA,gBAC9B,OAAA;EAAA,OACT,iBAAA;UAAsC,cAAA;EAAA;EAAA,OACtC,eAAA,SAAe,eAAA;;;QAgBhB,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,0BAAA,CAA2B,OAAA,GAAU,0BAAA;EAAA;AAAA"}

package/dist/dev/define/base.css

@@ -1,23 +0,0 @@
-video-player {
-  display: contents;
-}
-
-/*
-Required to override any default video and image styles (such as
-Tailwind's CSS reset) and ensure they fill the container as expected.
-*/
-video-player video,
-video-player [slot="poster"] {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
-video-player video::-webkit-media-text-track-container {
-  transition: translate var(--media-caption-track-duration, 0) ease-out;
-  transition-delay: var(--media-caption-track-delay, 0);
-  translate: 0 var(--media-caption-track-y, 0);
-  scale: 0.98;
-  z-index: 1;
-  font-family: inherit;
-}

package/dist/dev/define/media/container.d.ts

@@ -1,9 +0,0 @@
-import { MediaContainerElement } from "../../media/container-element.js";
-
-//#region src/define/media/container.d.ts
-declare global {
-  interface HTMLElementTagNameMap {
-    [MediaContainerElement.tagName]: MediaContainerElement;
-  }
-} //# sourceMappingURL=container.d.ts.map
-//# sourceMappingURL=container.d.ts.map

package/dist/dev/define/media/container.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.d.ts","names":[],"sources":["../../../../src/define/media/container.ts"],"mappings":";;;QAKQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,qBAAA,CAAsB,OAAA,GAAU,qBAAA;EAAA;AAAA"}

package/dist/dev/define/media/container.js

@@ -1,8 +0,0 @@
-import { MediaContainerElement } from "../../media/container-element.js";
-import { safeDefine } from "../safe-define.js";
-
-//#region src/define/media/container.ts
-safeDefine(MediaContainerElement);
-
-//#endregion
-//# sourceMappingURL=container.js.map

package/dist/dev/define/media/container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.js","names":[],"sources":["../../../../src/define/media/container.ts"],"sourcesContent":["import { MediaContainerElement } from '../../media/container-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(MediaContainerElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [MediaContainerElement.tagName]: MediaContainerElement;\n  }\n}\n"],"mappings":";;;;AAGA,WAAW,sBAAsB"}

package/dist/dev/define/media/simple-hls-video.d.ts

@@ -1,14 +0,0 @@
-import { SimpleHlsVideo } from "../../media/simple-hls-video/index.js";
-
-//#region src/define/media/simple-hls-video.d.ts
-declare class SimpleHlsVideoElement extends SimpleHlsVideo {
-  static readonly tagName = "simple-hls-video";
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    [SimpleHlsVideoElement.tagName]: SimpleHlsVideoElement;
-  }
-} //# sourceMappingURL=simple-hls-video.d.ts.map
-//#endregion
-export { SimpleHlsVideoElement };
-//# sourceMappingURL=simple-hls-video.d.ts.map

package/dist/dev/define/media/simple-hls-video.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"simple-hls-video.d.ts","names":[],"sources":["../../../../src/define/media/simple-hls-video.ts"],"mappings":";;;cAEa,qBAAA,SAA8B,cAAA;EAAA,gBACzB,OAAA;AAAA;AAAA,QAKV,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,qBAAA,CAAsB,OAAA,GAAU,qBAAA;EAAA;AAAA"}

package/dist/dev/define/media/simple-hls-video.js

@@ -1,13 +0,0 @@
-import { SimpleHlsVideo } from "../../media/simple-hls-video/index.js";
-
-//#region src/define/media/simple-hls-video.ts
-var SimpleHlsVideoElement = class extends SimpleHlsVideo {
-	static {
-		this.tagName = "simple-hls-video";
-	}
-};
-customElements.define(SimpleHlsVideoElement.tagName, SimpleHlsVideoElement);
-
-//#endregion
-export { SimpleHlsVideoElement };
-//# sourceMappingURL=simple-hls-video.js.map

package/dist/dev/define/media/simple-hls-video.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"simple-hls-video.js","names":[],"sources":["../../../../src/define/media/simple-hls-video.ts"],"sourcesContent":["import { SimpleHlsVideo } from '../../media/simple-hls-video';\n\nexport class SimpleHlsVideoElement extends SimpleHlsVideo {\n  static readonly tagName = 'simple-hls-video';\n}\n\ncustomElements.define(SimpleHlsVideoElement.tagName, SimpleHlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [SimpleHlsVideoElement.tagName]: SimpleHlsVideoElement;\n  }\n}\n"],"mappings":";;;AAEA,IAAa,wBAAb,cAA2C,eAAe;;iBAC9B;;;AAG5B,eAAe,OAAO,sBAAsB,SAAS,sBAAsB"}

package/dist/dev/define/safe-define.d.ts

@@ -1,9 +0,0 @@
-//#region src/define/safe-define.d.ts
-type DefinableElement = CustomElementConstructor & {
-  tagName: string;
-};
-/** Define a custom element only if not already registered. */
-declare function safeDefine(element: DefinableElement): void;
-//#endregion
-export { safeDefine };
-//# sourceMappingURL=safe-define.d.ts.map

package/dist/dev/define/safe-define.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"safe-define.d.ts","names":[],"sources":["../../../src/define/safe-define.ts"],"mappings":";KAAK,gBAAA,GAAmB,wBAAA;EAA6B,OAAA;AAAA;;iBAGrC,UAAA,CAAW,OAAA,EAAS,gBAAA"}

package/dist/dev/define/safe-define.js

@@ -1,9 +0,0 @@
-//#region src/define/safe-define.ts
-/** Define a custom element only if not already registered. */
-function safeDefine(element) {
-	if (!customElements.get(element.tagName)) customElements.define(element.tagName, element);
-}
-
-//#endregion
-export { safeDefine };
-//# sourceMappingURL=safe-define.js.map

package/dist/dev/define/safe-define.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"safe-define.js","names":[],"sources":["../../../src/define/safe-define.ts"],"sourcesContent":["type DefinableElement = CustomElementConstructor & { tagName: string };\n\n/** Define a custom element only if not already registered. */\nexport function safeDefine(element: DefinableElement): void {\n  if (!customElements.get(element.tagName)) {\n    customElements.define(element.tagName, element);\n  }\n}\n"],"mappings":";;AAGA,SAAgB,WAAW,SAAiC;AAC1D,KAAI,CAAC,eAAe,IAAI,QAAQ,QAAQ,CACtC,gBAAe,OAAO,QAAQ,SAAS,QAAQ"}

package/dist/dev/define/skin-mixin.d.ts

@@ -1,21 +0,0 @@
-import { ReactiveElement } from "@videojs/element";
-import { Constructor } from "@videojs/utils/types";
-
-//#region src/define/skin-mixin.d.ts
-/**
- * Mixin for skin elements that renders the template from a static
- * `getTemplateHTML` method into a shadow root. Native `<slot>` elements
- * handle light DOM projection automatically.
- *
- * When `static styles` is set, the stylesheet is adopted into the
- * shadow root via `adoptedStyleSheets`.
- */
-declare function SkinMixin<Base extends Constructor<ReactiveElement>>(BaseClass: Base): Base & {
-  shadowRootOptions: ShadowRootInit;
-  styles?: CSSStyleSheet;
-};
-/** Create a shared `CSSStyleSheet` from a CSS string. */
-declare function createStyles(css: string): CSSStyleSheet;
-//#endregion
-export { SkinMixin, createStyles };
-//# sourceMappingURL=skin-mixin.d.ts.map

package/dist/dev/define/skin-mixin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skin-mixin.d.ts","names":[],"sources":["../../../src/define/skin-mixin.ts"],"mappings":";;;;;;AA0BA;;;;;;iBAAgB,SAAA,cAAuB,WAAA,CAAY,eAAA,EAAA,CACjD,SAAA,EAAW,IAAA,GACV,IAAA;EAAS,iBAAA,EAAmB,cAAA;EAAgB,MAAA,GAAS,aAAA;AAAA;;iBA+BxC,YAAA,CAAa,GAAA,WAAc,aAAA"}

package/dist/dev/define/skin-mixin.js

@@ -1,52 +0,0 @@
-import base_default from "../_virtual/inline-css_src/define/base.js";
-import shared_default from "../_virtual/inline-css_src/define/shared.js";
-
-//#region src/define/skin-mixin.ts
-const STYLES_ID = "__media-styles";
-function ensureRootStyles() {
-	if (document.getElementById(STYLES_ID)) return;
-	const style = document.createElement("style");
-	style.id = STYLES_ID;
-	style.textContent = base_default;
-	document.head.appendChild(style);
-}
-const sharedSheet = new CSSStyleSheet();
-sharedSheet.replaceSync(shared_default);
-/**
-* Mixin for skin elements that renders the template from a static
-* `getTemplateHTML` method into a shadow root. Native `<slot>` elements
-* handle light DOM projection automatically.
-*
-* When `static styles` is set, the stylesheet is adopted into the
-* shadow root via `adoptedStyleSheets`.
-*/
-function SkinMixin(BaseClass) {
-	class SkinElement extends BaseClass {
-		static {
-			this.shadowRootOptions = { mode: "open" };
-		}
-		constructor(...args) {
-			super(...args);
-			ensureRootStyles();
-			if (!this.shadowRoot) {
-				const ctor = this.constructor;
-				this.attachShadow(ctor.shadowRootOptions);
-				const sheets = [sharedSheet];
-				if (ctor.styles) sheets.push(ctor.styles);
-				this.shadowRoot.adoptedStyleSheets = sheets;
-				if (ctor.getTemplateHTML) this.shadowRoot.innerHTML = ctor.getTemplateHTML();
-			}
-		}
-	}
-	return SkinElement;
-}
-/** Create a shared `CSSStyleSheet` from a CSS string. */
-function createStyles(css) {
-	const sheet = new CSSStyleSheet();
-	sheet.replaceSync(css);
-	return sheet;
-}
-
-//#endregion
-export { SkinMixin, createStyles };
-//# sourceMappingURL=skin-mixin.js.map

package/dist/dev/define/skin-mixin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skin-mixin.js","names":["rootStyles","sharedStyles"],"sources":["../../../src/define/skin-mixin.ts"],"sourcesContent":["import type { ReactiveElement } from '@videojs/element';\nimport type { Constructor } from '@videojs/utils/types';\nimport rootStyles from './base.css?inline';\nimport sharedStyles from './shared.css?inline';\n\nconst STYLES_ID = '__media-styles';\n\nfunction ensureRootStyles(): void {\n  if (document.getElementById(STYLES_ID)) return;\n  const style = document.createElement('style');\n  style.id = STYLES_ID;\n  style.textContent = rootStyles;\n  document.head.appendChild(style);\n}\n\nconst sharedSheet = new CSSStyleSheet();\nsharedSheet.replaceSync(sharedStyles);\n\n/**\n * Mixin for skin elements that renders the template from a static\n * `getTemplateHTML` method into a shadow root. Native `<slot>` elements\n * handle light DOM projection automatically.\n *\n * When `static styles` is set, the stylesheet is adopted into the\n * shadow root via `adoptedStyleSheets`.\n */\nexport function SkinMixin<Base extends Constructor<ReactiveElement>>(\n  BaseClass: Base\n): Base & { shadowRootOptions: ShadowRootInit; styles?: CSSStyleSheet } {\n  class SkinElement extends (BaseClass as Constructor<ReactiveElement>) {\n    static shadowRootOptions: ShadowRootInit = { mode: 'open' };\n    static styles?: CSSStyleSheet;\n\n    constructor(...args: any[]) {\n      super(...args);\n\n      ensureRootStyles();\n\n      if (!this.shadowRoot) {\n        const ctor = this.constructor as typeof SkinElement & { getTemplateHTML?: () => string };\n        this.attachShadow(ctor.shadowRootOptions);\n\n        const sheets: CSSStyleSheet[] = [sharedSheet];\n        if (ctor.styles) {\n          sheets.push(ctor.styles);\n        }\n        this.shadowRoot!.adoptedStyleSheets = sheets;\n\n        if (ctor.getTemplateHTML) {\n          this.shadowRoot!.innerHTML = ctor.getTemplateHTML();\n        }\n      }\n    }\n  }\n\n  return SkinElement as unknown as Base & { shadowRootOptions: ShadowRootInit; styles?: CSSStyleSheet };\n}\n\n/** Create a shared `CSSStyleSheet` from a CSS string. */\nexport function createStyles(css: string): CSSStyleSheet {\n  const sheet = new CSSStyleSheet();\n  sheet.replaceSync(css);\n  return sheet;\n}\n"],"mappings":";;;;AAKA,MAAM,YAAY;AAElB,SAAS,mBAAyB;AAChC,KAAI,SAAS,eAAe,UAAU,CAAE;CACxC,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAC7C,OAAM,KAAK;AACX,OAAM,cAAcA;AACpB,UAAS,KAAK,YAAY,MAAM;;AAGlC,MAAM,cAAc,IAAI,eAAe;AACvC,YAAY,YAAYC,eAAa;;;;;;;;;AAUrC,SAAgB,UACd,WACsE;CACtE,MAAM,oBAAqB,UAA2C;;4BACzB,EAAE,MAAM,QAAQ;;EAG3D,YAAY,GAAG,MAAa;AAC1B,SAAM,GAAG,KAAK;AAEd,qBAAkB;AAElB,OAAI,CAAC,KAAK,YAAY;IACpB,MAAM,OAAO,KAAK;AAClB,SAAK,aAAa,KAAK,kBAAkB;IAEzC,MAAM,SAA0B,CAAC,YAAY;AAC7C,QAAI,KAAK,OACP,QAAO,KAAK,KAAK,OAAO;AAE1B,SAAK,WAAY,qBAAqB;AAEtC,QAAI,KAAK,gBACP,MAAK,WAAY,YAAY,KAAK,iBAAiB;;;;AAM3D,QAAO;;;AAIT,SAAgB,aAAa,KAA4B;CACvD,MAAM,QAAQ,IAAI,eAAe;AACjC,OAAM,YAAY,IAAI;AACtB,QAAO"}

package/dist/dev/define/ui/alert-dialog-close.d.ts

@@ -1,9 +0,0 @@
-import { AlertDialogCloseElement } from "../../ui/alert-dialog/alert-dialog-close-element.js";
-
-//#region src/define/ui/alert-dialog-close.d.ts
-declare global {
-  interface HTMLElementTagNameMap {
-    [AlertDialogCloseElement.tagName]: AlertDialogCloseElement;
-  }
-} //# sourceMappingURL=alert-dialog-close.d.ts.map
-//# sourceMappingURL=alert-dialog-close.d.ts.map

package/dist/dev/define/ui/alert-dialog-close.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-close.d.ts","names":[],"sources":["../../../../src/define/ui/alert-dialog-close.ts"],"mappings":";;;QAKQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,uBAAA,CAAwB,OAAA,GAAU,uBAAA;EAAA;AAAA"}

package/dist/dev/define/ui/alert-dialog-close.js

@@ -1,8 +0,0 @@
-import { AlertDialogCloseElement } from "../../ui/alert-dialog/alert-dialog-close-element.js";
-import { safeDefine } from "../safe-define.js";
-
-//#region src/define/ui/alert-dialog-close.ts
-safeDefine(AlertDialogCloseElement);
-
-//#endregion
-//# sourceMappingURL=alert-dialog-close.js.map

package/dist/dev/define/ui/alert-dialog-close.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-close.js","names":[],"sources":["../../../../src/define/ui/alert-dialog-close.ts"],"sourcesContent":["import { AlertDialogCloseElement } from '../../ui/alert-dialog/alert-dialog-close-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(AlertDialogCloseElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AlertDialogCloseElement.tagName]: AlertDialogCloseElement;\n  }\n}\n"],"mappings":";;;;AAGA,WAAW,wBAAwB"}

package/dist/dev/define/ui/alert-dialog-description.d.ts

@@ -1,9 +0,0 @@
-import { AlertDialogDescriptionElement } from "../../ui/alert-dialog/alert-dialog-description-element.js";
-
-//#region src/define/ui/alert-dialog-description.d.ts
-declare global {
-  interface HTMLElementTagNameMap {
-    [AlertDialogDescriptionElement.tagName]: AlertDialogDescriptionElement;
-  }
-} //# sourceMappingURL=alert-dialog-description.d.ts.map
-//# sourceMappingURL=alert-dialog-description.d.ts.map

package/dist/dev/define/ui/alert-dialog-description.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-description.d.ts","names":[],"sources":["../../../../src/define/ui/alert-dialog-description.ts"],"mappings":";;;QAKQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,6BAAA,CAA8B,OAAA,GAAU,6BAAA;EAAA;AAAA"}

package/dist/dev/define/ui/alert-dialog-description.js

@@ -1,8 +0,0 @@
-import { AlertDialogDescriptionElement } from "../../ui/alert-dialog/alert-dialog-description-element.js";
-import { safeDefine } from "../safe-define.js";
-
-//#region src/define/ui/alert-dialog-description.ts
-safeDefine(AlertDialogDescriptionElement);
-
-//#endregion
-//# sourceMappingURL=alert-dialog-description.js.map

package/dist/dev/define/ui/alert-dialog-description.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-description.js","names":[],"sources":["../../../../src/define/ui/alert-dialog-description.ts"],"sourcesContent":["import { AlertDialogDescriptionElement } from '../../ui/alert-dialog/alert-dialog-description-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(AlertDialogDescriptionElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AlertDialogDescriptionElement.tagName]: AlertDialogDescriptionElement;\n  }\n}\n"],"mappings":";;;;AAGA,WAAW,8BAA8B"}

package/dist/dev/define/ui/alert-dialog-title.d.ts

@@ -1,9 +0,0 @@
-import { AlertDialogTitleElement } from "../../ui/alert-dialog/alert-dialog-title-element.js";
-
-//#region src/define/ui/alert-dialog-title.d.ts
-declare global {
-  interface HTMLElementTagNameMap {
-    [AlertDialogTitleElement.tagName]: AlertDialogTitleElement;
-  }
-} //# sourceMappingURL=alert-dialog-title.d.ts.map
-//# sourceMappingURL=alert-dialog-title.d.ts.map

package/dist/dev/define/ui/alert-dialog-title.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-title.d.ts","names":[],"sources":["../../../../src/define/ui/alert-dialog-title.ts"],"mappings":";;;QAKQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,uBAAA,CAAwB,OAAA,GAAU,uBAAA;EAAA;AAAA"}