@hanifhan1f/vidstack 1.12.13 → 1.12.18

package/src/elements/define/layouts/default/ui/utils.ts

@@ -1,10 +0,0 @@
-import type { DefaultLayoutContext } from '../../../../../components/layouts/default/context';
-import {
-  i18n,
-  type DefaultLayoutWord,
-} from '../../../../../components/layouts/default/translations';
-import { $signal } from '../../../../lit/directives/signal';
-
-export function $i18n(translations: DefaultLayoutContext['translations'], word: DefaultLayoutWord) {
-  return $signal(() => i18n(translations, word));
-}

package/src/elements/define/layouts/default/video-layout-element.ts

@@ -1,125 +0,0 @@
-import { effect } from 'maverick.js';
-import { Host, type Attributes } from 'maverick.js/element';
-
-import { useDefaultLayoutContext } from '../../../../components/layouts/default/context';
-import type { DefaultLayoutProps } from '../../../../components/layouts/default/props';
-import { DefaultVideoLayout } from '../../../../components/layouts/default/video-layout';
-import { useMediaContext, type MediaContext } from '../../../../core/api/media-context';
-import { $signal } from '../../../lit/directives/signal';
-import { LitElement, type LitRenderer } from '../../../lit/lit-element';
-import { setLayoutName } from '../layout-name';
-import { SlotManager } from '../slot-manager';
-import { DefaultLayoutIconsLoader } from './icons-loader';
-import { createMenuContainer } from './ui/menu/menu-portal';
-import {
-  DefaultBufferingIndicator,
-  DefaultVideoLayoutLarge,
-  DefaultVideoLayoutSmall,
-  DefaultVideoLoadLayout,
-} from './video-layout';
-
-/**
- * @docs {@link https://www.vidstack.io/docs/wc/player/components/layouts/default-layout}
- * @example
- * ```html
- * <media-player>
- *   <media-provider></media-provider>
- *   <media-video-layout></media-video-layout>
- * </media-player>
- * ```
- */
-export class MediaVideoLayoutElement
-  extends Host(LitElement, DefaultVideoLayout)
-  implements LitRenderer
-{
-  static tagName = 'media-video-layout';
-
-  static override attrs: Attributes<DefaultLayoutProps> = {
-    smallWhen: {
-      converter(value) {
-        return value !== 'never' && !!value;
-      },
-    },
-    episodes: {
-      converter(value) {
-        if (!value) return null;
-        try {
-          const parsed = JSON.parse(value);
-          return Array.isArray(parsed) ? parsed : null;
-        } catch {
-          return null;
-        }
-      },
-    },
-  };
-
-  #media!: MediaContext;
-
-  protected onSetup() {
-    // Avoid memory leaks if `keepAlive` is true. The DOM will re-render regardless.
-    this.forwardKeepAlive = false;
-
-    this.#media = useMediaContext();
-
-    this.classList.add('vds-video-layout');
-  }
-
-  protected onConnect() {
-    setLayoutName('video', () => this.isMatch);
-    this.#setupMenuContainer();
-  }
-
-  render() {
-    return $signal(this.#render.bind(this));
-  }
-
-  #setupMenuContainer() {
-    const { menuPortal } = useDefaultLayoutContext();
-
-    effect(() => {
-      if (!this.isMatch) return;
-
-      const container = createMenuContainer(
-          this,
-          this.menuContainer,
-          'vds-video-layout',
-          () => this.isSmallLayout,
-        ),
-        roots = container ? [this, container] : [this];
-
-      const iconsManager = this.$props.customIcons()
-        ? new SlotManager(roots)
-        : new DefaultLayoutIconsLoader(roots);
-
-      iconsManager.connect();
-
-      menuPortal.set(container);
-
-      return () => {
-        container.remove();
-        menuPortal.set(null);
-      };
-    });
-  }
-
-  #render() {
-    const { load } = this.#media.$props,
-      { canLoad, streamType, nativeControls } = this.#media.$state;
-
-    return !nativeControls() && this.isMatch
-      ? load() === 'play' && !canLoad()
-        ? DefaultVideoLoadLayout()
-        : streamType() === 'unknown'
-          ? DefaultBufferingIndicator()
-          : this.isSmallLayout
-            ? DefaultVideoLayoutSmall()
-            : DefaultVideoLayoutLarge()
-      : null;
-  }
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'media-video-layout': MediaVideoLayoutElement;
-  }
-}

package/src/elements/define/layouts/default/video-layout.ts

@@ -1,353 +0,0 @@
-import { html } from 'lit-html';
-import { computed, effect, signal } from 'maverick.js';
-
-import { useDefaultLayoutContext } from '../../../../components/layouts/default/context';
-import { useMediaState } from '../../../../core/api/media-context';
-import { $signal } from '../../../lit/directives/signal';
-import { DefaultAnnouncer } from './ui/announcer';
-import {
-  DefaultAirPlayButton,
-  DefaultCaptionButton,
-  DefaultDownloadButton,
-  DefaultEpisodeButton,
-  DefaultFullscreenButton,
-  DefaultGoogleCastButton,
-  DefaultPIPButton,
-  DefaultPlayButton,
-  DefaultSeekButton,
-} from './ui/buttons';
-import { DefaultCaptions } from './ui/captions';
-import { DefaultControlsSpacer } from './ui/controls';
-import { DefaultKeyboardDisplay } from './ui/keyboard-display';
-import { DefaultChaptersMenu } from './ui/menu/chapters-menu';
-import { DefaultSettingsMenu } from './ui/menu/settings-menu';
-import { DefaultTimeSlider, DefaultVolumePopup } from './ui/slider';
-import { DefaultTimeInfo } from './ui/time';
-import { DefaultTitle } from './ui/title';
-
-export function DefaultVideoLayoutLarge() {
-  const { episodes, smallWhen: smWhen } = useDefaultLayoutContext(),
-    { fullscreen } = useMediaState(),
-    $episodesOpen = signal(false);
-
-  effect(() => {
-    if (!fullscreen()) $episodesOpen.set(false);
-  });
-
-  function onEpisodesToggle() {
-    if ((!fullscreen() && !smWhen()) || !episodes()?.length) return;
-    $episodesOpen.set(!$episodesOpen());
-  }
-
-  function onEpisodesClose() {
-    $episodesOpen.set(false);
-  }
-
-  return [
-    DefaultAnnouncer(),
-    DefaultVideoGestures(),
-    DefaultBufferingIndicator(),
-    DefaultKeyboardDisplay(),
-    DefaultCaptions(),
-    html`<div class="vds-scrim"></div>`,
-    html`
-      <media-controls class="vds-controls" @vds-episodes-open=${onEpisodesToggle}>
-        ${[
-          DefaultControlsGroupTop(),
-          DefaultControlsSpacer(),
-          html`
-            <media-controls-group class="vds-controls-group">
-              ${DefaultTimeSlider()}
-            </media-controls-group>
-          `,
-          html`
-            <media-controls-group class="vds-controls-group vds-controls-group-bottom">
-              ${[
-                DefaultSeekButton({ backward: true, tooltip: 'top' }),
-                DefaultPlayButton({ tooltip: 'top start' }),
-                DefaultSeekButton({ backward: false, tooltip: 'top' }),
-                DefaultVolumePopup({ orientation: 'horizontal', tooltip: 'top' }),
-                DefaultTimeInfo(),
-                DefaultTitle(),
-                DefaultControlsSpacer(),
-                $signal(() =>
-                  (fullscreen() || smWhen()) && episodes()?.length
-                    ? DefaultEpisodeButton({ tooltip: 'top' })
-                    : null,
-                ),
-                DefaultCaptionButton({ tooltip: 'top' }),
-                DefaultBottomMenuGroup(),
-                DefaultDownloadButton(),
-                DefaultPIPButton(),
-                DefaultFullscreenButton({ tooltip: 'top end' }),
-              ]}
-            </media-controls-group>
-          `,
-        ]}
-      </media-controls>
-    `,
-    DefaultEpisodesSidebar($episodesOpen, onEpisodesClose),
-  ];
-}
-
-function DefaultBottomMenuGroup() {
-  return $signal(() => {
-    const { menuGroup } = useDefaultLayoutContext();
-    return menuGroup() === 'bottom' ? DefaultVideoMenus() : null;
-  });
-}
-
-function DefaultControlsGroupTop() {
-  return html`
-    <media-controls-group class="vds-controls-group">
-      ${$signal(() => {
-        const { menuGroup } = useDefaultLayoutContext();
-        return menuGroup() === 'top' ? [DefaultControlsSpacer(), DefaultVideoMenus()] : null;
-      })}
-    </media-controls-group>
-  `;
-}
-
-export function DefaultVideoLayoutSmall() {
-  const { episodes, smallWhen: smWhen } = useDefaultLayoutContext(),
-    { fullscreen } = useMediaState(),
-    $episodesOpen = signal(false);
-
-  effect(() => {
-    if (!fullscreen()) $episodesOpen.set(false);
-  });
-
-  function onEpisodesToggle() {
-    if ((!fullscreen() && !smWhen()) || !episodes()?.length) return;
-    $episodesOpen.set(!$episodesOpen());
-  }
-
-  function onEpisodesClose() {
-    $episodesOpen.set(false);
-  }
-
-  return [
-    DefaultAnnouncer(),
-    DefaultVideoGestures(),
-    DefaultBufferingIndicator(),
-    DefaultCaptions(),
-    DefaultKeyboardDisplay(),
-    html`<div class="vds-scrim"></div>`,
-    html`
-      <media-controls class="vds-controls" @vds-episodes-open=${onEpisodesToggle}>
-        <media-controls-group class="vds-controls-group">
-          ${[
-            DefaultControlsSpacer(),
-            DefaultCaptionButton({ tooltip: 'bottom' }),
-            DefaultDownloadButton(),
-            DefaultVideoMenus(),
-            DefaultVolumePopup({ orientation: 'vertical', tooltip: 'bottom end' }),
-          ]}
-        </media-controls-group>
-
-        ${DefaultControlsSpacer()}
-
-        <media-controls-group class="vds-controls-group">
-          ${DefaultTimeSlider()}
-        </media-controls-group>
-
-        <media-controls-group class="vds-controls-group vds-controls-group-bottom">
-          ${[
-            DefaultSeekButton({ backward: true, tooltip: 'top' }),
-            DefaultPlayButton({ tooltip: 'top' }),
-            DefaultSeekButton({ backward: false, tooltip: 'top' }),
-            DefaultTimeInfo(),
-            DefaultControlsSpacer(),
-            $signal(() =>
-              (fullscreen() || smWhen()) && episodes()?.length
-                ? DefaultEpisodeButton({ tooltip: 'top' })
-                : null,
-            ),
-            DefaultFullscreenButton({ tooltip: 'top end' }),
-          ]}
-        </media-controls-group>
-      </media-controls>
-    `,
-    StartDuration(),
-    DefaultEpisodesSidebar($episodesOpen, onEpisodesClose),
-  ];
-}
-
-export function DefaultVideoLoadLayout() {
-  return html`
-    <div class="vds-load-container">
-      ${[DefaultBufferingIndicator(), DefaultPlayButton({ tooltip: 'top' })]}
-    </div>
-  `;
-}
-
-function StartDuration() {
-  return $signal(() => {
-    const { duration } = useMediaState();
-
-    if (duration() === 0) return null;
-
-    return html`
-      <div class="vds-start-duration">
-        <media-time class="vds-time" type="duration"></media-time>
-      </div>
-    `;
-  });
-}
-
-export function DefaultBufferingIndicator() {
-  return html`
-    <div class="vds-buffering-indicator">
-      <media-spinner class="vds-buffering-spinner"></media-spinner>
-    </div>
-  `;
-}
-
-function DefaultEpisodesSidebar($open: () => boolean, onClose: () => void) {
-  const { episodes, episodesTitle, smallWhen: smWhen } = useDefaultLayoutContext(),
-    { fullscreen } = useMediaState();
-
-  return $signal(() => {
-    const list = episodes() ?? [];
-    if ((!fullscreen() && !smWhen()) || !list.length) return null;
-
-    return html`
-      <div
-        class="vds-episodes-backdrop"
-        data-open=${$open() ? 'true' : 'false'}
-        @pointerup=${(event: PointerEvent) => {
-          if (event.target === event.currentTarget) onClose();
-        }}
-      >
-        <aside
-          class="vds-episodes-panel"
-          data-open=${$open() ? 'true' : 'false'}
-          @keydown=${(event: KeyboardEvent) => {
-            if (event.key === 'Escape') onClose();
-          }}
-        >
-          <header class="vds-episodes-panel-header">
-            <h3 class="vds-episodes-panel-title">${episodesTitle()}</h3>
-            <button
-              type="button"
-              class="vds-episodes-close-btn"
-              aria-label="Close episodes"
-              @pointerup=${(event: Event) => {
-                event.stopPropagation();
-                onClose();
-              }}
-            >
-              <span aria-hidden="true">✕</span>
-            </button>
-          </header>
-          <div class="vds-episodes-list" role="list">
-            ${list.map((episode, index) => {
-              const episodeName =
-                  episode.episodeTitle || `Episode ${episode.episodeNumber ?? index + 1}`,
-                runtimeText = Number.isFinite(episode.runtime) ? `${episode.runtime}m` : null,
-                seasonEpLabel =
-                  episode.seasonNumber != null && episode.episodeNumber != null
-                    ? `S${String(episode.seasonNumber).padStart(2, '0')} · E${String(
-                        episode.episodeNumber,
-                      ).padStart(2, '0')}`
-                    : episodeName;
-
-              const onEpisodeSelect = (event: Event) => {
-                event.stopPropagation();
-                (event.currentTarget as HTMLElement | null)?.dispatchEvent(
-                  new CustomEvent('vds-episode-select', {
-                    bubbles: true,
-                    composed: true,
-                    detail: { episode, index },
-                  }),
-                );
-                onClose();
-              };
-              return html`
-                <article
-                  class="vds-episode-item"
-                  role="button"
-                  tabindex="0"
-                  aria-label=${episode.title || episodeName}
-                  @pointerup=${onEpisodeSelect}
-                  @keydown=${(event: KeyboardEvent) => {
-                    if (event.key === 'Enter' || event.key === ' ') onEpisodeSelect(event);
-                  }}
-                >
-                  <div class="vds-episode-thumb-wrap">
-                    ${episode.thumbnail
-                      ? html`
-                          <img
-                            class="vds-episode-thumb"
-                            src=${episode.thumbnail}
-                            alt=${episode.title || episodeName}
-                            loading="lazy"
-                            decoding="async"
-                          />
-                        `
-                      : html`<div class="vds-episode-thumb vds-episode-thumb-placeholder"></div>`}
-                  </div>
-                  <div class="vds-episode-body">
-                    <div class="vds-episode-meta-row">
-                      <span class="vds-episode-label">${seasonEpLabel}</span>
-                      ${runtimeText
-                        ? html`<span class="vds-episode-runtime">${runtimeText}</span>`
-                        : null}
-                    </div>
-                    <h4 class="vds-episode-title" title=${episode.title || ''}>
-                      ${episode.title || '-'}
-                    </h4>
-                    <p class="vds-episode-subtitle" title=${episodeName}>${episodeName}</p>
-                    ${episode.overview
-                      ? html`<p class="vds-episode-desc" title=${episode.overview}>
-                          ${episode.overview}
-                        </p>`
-                      : null}
-                  </div>
-                </article>
-              `;
-            })}
-          </div>
-        </aside>
-      </div>
-    `;
-  });
-}
-
-function DefaultVideoMenus() {
-  const { menuGroup, smallWhen: smWhen } = useDefaultLayoutContext(),
-    $side = () => (menuGroup() === 'top' || smWhen() ? 'bottom' : 'top'),
-    $tooltip = computed(() => `${$side()} ${menuGroup() === 'top' ? 'end' : 'center'}` as const),
-    $placement = computed(() => `${$side()} end` as const);
-
-  return [
-    DefaultChaptersMenu({ tooltip: $tooltip, placement: $placement, portal: true }),
-    DefaultSettingsMenu({ tooltip: $tooltip, placement: $placement, portal: true }),
-  ];
-}
-
-export function DefaultVideoGestures() {
-  return $signal(() => {
-    const { noGestures } = useDefaultLayoutContext();
-
-    if (noGestures()) return null;
-
-    return html`
-      <div class="vds-gestures">
-        <media-gesture class="vds-gesture" event="pointerup" action="toggle:paused"></media-gesture>
-        <media-gesture
-          class="vds-gesture"
-          event="pointerup"
-          action="toggle:controls"
-        ></media-gesture>
-        <media-gesture
-          class="vds-gesture"
-          event="dblpointerup"
-          action="toggle:fullscreen"
-        ></media-gesture>
-        <media-gesture class="vds-gesture" event="dblpointerup" action="seek:-10"></media-gesture>
-        <media-gesture class="vds-gesture" event="dblpointerup" action="seek:10"></media-gesture>
-      </div>
-    `;
-  });
-}

package/src/elements/define/layouts/icons/icons-loader.ts

@@ -1,47 +0,0 @@
-import { type TemplateResult } from 'lit-html';
-
-import { SlotObserver } from '../slot-observer';
-
-export type IconsRecord = Record<string, Element | TemplateResult>;
-
-export abstract class IconsLoader {
-  #icons: IconsRecord = {};
-  #loaded = false;
-
-  readonly slots: SlotObserver;
-
-  constructor(roots: HTMLElement[]) {
-    this.slots = new SlotObserver(roots, this.#insertIcons.bind(this));
-  }
-
-  connect() {
-    this.slots.connect();
-  }
-
-  load() {
-    this.loadIcons().then((icons) => {
-      this.#icons = icons;
-      this.#loaded = true;
-      this.#insertIcons();
-    });
-  }
-
-  abstract loadIcons(): Promise<IconsRecord>;
-
-  *#iterate() {
-    for (const iconName of Object.keys(this.#icons)) {
-      const slotName = `${iconName}-icon`;
-      for (const slot of this.slots.elements) {
-        if (slot.name !== slotName) continue;
-        yield { icon: this.#icons[iconName], slot };
-      }
-    }
-  }
-
-  #insertIcons() {
-    if (!this.#loaded) return;
-    for (const { icon, slot } of this.#iterate()) {
-      this.slots.assign(icon, slot);
-    }
-  }
-}

package/src/elements/define/layouts/icons/layout-icons-loader.ts

@@ -1,24 +0,0 @@
-import { onDispose } from 'maverick.js';
-
-import { useMediaContext } from '../../../../core/api/media-context';
-import { IconsLoader } from './icons-loader';
-
-export abstract class LayoutIconsLoader extends IconsLoader {
-  override connect() {
-    super.connect();
-
-    const { player } = useMediaContext();
-    if (!player.el) return;
-
-    let dispose: (() => void) | undefined,
-      observer = new IntersectionObserver((entries) => {
-        if (!entries[0]?.isIntersecting) return;
-        dispose?.();
-        dispose = undefined;
-        this.load();
-      });
-
-    observer.observe(player.el);
-    dispose = onDispose(() => observer.disconnect());
-  }
-}

package/src/elements/define/layouts/layout-element.ts

@@ -1,78 +0,0 @@
-import { Component, computed, effect } from 'maverick.js';
-import { Host } from 'maverick.js/element';
-import { isBoolean } from 'maverick.js/std';
-
-import { useMediaContext, type MediaContext } from '../../../core/api/media-context';
-import type { MediaPlayerQuery } from '../../../core/api/player-state';
-import { isHTMLElement } from '../../../utils/dom';
-
-class MediaLayout extends Component<MediaLayoutProps> {
-  static props: MediaLayoutProps = {
-    when: false,
-  };
-}
-
-export interface MediaLayoutProps {
-  when: boolean | MediaPlayerQuery;
-}
-
-/**
- * @docs {@link https://www.vidstack.io/docs/wc/player/layouts#custom}
- * @example
- * ```html
- * <media-layout class="video-layout">
- *   <template>
- *     <!-- ... -->
- *   </template>
- * </media-layout>
- *
- * <script>
- *   const layout = document.querySelector(".video-layout");
- *   // All player state is available.
- *   layout.when = ({ viewType }) => viewType === 'video';
- * </script>
- * ```
- */
-export class MediaLayoutElement extends Host(HTMLElement, MediaLayout) {
-  static tagName = 'media-layout';
-
-  #media!: MediaContext;
-
-  protected onSetup() {
-    this.#media = useMediaContext();
-  }
-
-  protected onConnect() {
-    effect(this.#watchWhen.bind(this));
-  }
-
-  #watchWhen() {
-    const root = this.firstElementChild,
-      isTemplate = root?.localName === 'template',
-      when = this.$props.when(),
-      matches = isBoolean(when) ? when : computed(() => when(this.#media.player.state))();
-
-    if (!matches) {
-      if (isTemplate) {
-        this.textContent = '';
-        this.appendChild(root);
-      } else if (isHTMLElement(root)) {
-        root.style.display = 'none';
-      }
-
-      return;
-    }
-
-    if (isTemplate) {
-      this.append((root as HTMLTemplateElement).content.cloneNode(true));
-    } else if (isHTMLElement(root)) {
-      root.style.display = '';
-    }
-  }
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'media-layout': MediaLayoutElement;
-  }
-}

package/src/elements/define/layouts/layout-name.ts

@@ -1,15 +0,0 @@
-import { effect, type ReadSignal } from 'maverick.js';
-import { setAttribute } from 'maverick.js/std';
-
-import { useMediaContext } from '../../../core/api/media-context';
-
-export function setLayoutName(name: string, isMatch: ReadSignal<boolean>) {
-  effect(() => {
-    const { player } = useMediaContext(),
-      el = player.el;
-
-    el && setAttribute(el, 'data-layout', isMatch() && name);
-
-    return () => el?.removeAttribute('data-layout');
-  });
-}

package/src/elements/define/layouts/plyr/icons/plyr-airplay.js

@@ -1 +0,0 @@
-export default `<g><path d="M16,1 L2,1 C1.447,1 1,1.447 1,2 L1,12 C1,12.553 1.447,13 2,13 L5,13 L5,11 L3,11 L3,3 L15,3 L15,11 L13,11 L13,13 L16,13 C16.553,13 17,12.553 17,12 L17,2 C17,1.447 16.553,1 16,1 L16,1 Z"></path><polygon points="4 17 14 17 9 11"></polygon></g>`;

package/src/elements/define/layouts/plyr/icons/plyr-captions-off.js

@@ -1 +0,0 @@
-export default `<g fill-rule="evenodd" fill-opacity="0.5"><path d="M1,1 C0.4,1 0,1.4 0,2 L0,13 C0,13.6 0.4,14 1,14 L5.6,14 L8.3,16.7 C8.5,16.9 8.7,17 9,17 C9.3,17 9.5,16.9 9.7,16.7 L12.4,14 L17,14 C17.6,14 18,13.6 18,13 L18,2 C18,1.4 17.6,1 17,1 L1,1 Z M5.52,11.15 C7.51,11.15 8.53,9.83 8.8,8.74 L7.51,8.35 C7.32,9.01 6.73,9.8 5.52,9.8 C4.38,9.8 3.32,8.97 3.32,7.46 C3.32,5.85 4.44,5.09 5.5,5.09 C6.73,5.09 7.28,5.84 7.45,6.52 L8.75,6.11 C8.47,4.96 7.46,3.76 5.5,3.76 C3.6,3.76 1.89,5.2 1.89,7.46 C1.89,9.72 3.54,11.15 5.52,11.15 Z M13.09,11.15 C15.08,11.15 16.1,9.83 16.37,8.74 L15.08,8.35 C14.89,9.01 14.3,9.8 13.09,9.8 C11.95,9.8 10.89,8.97 10.89,7.46 C10.89,5.85 12.01,5.09 13.07,5.09 C14.3,5.09 14.85,5.84 15.02,6.52 L16.32,6.11 C16.04,4.96 15.03,3.76 13.07,3.76 C11.17,3.76 9.46,5.2 9.46,7.46 C9.46,9.72 11.11,11.15 13.09,11.15 Z"></path></g>`;

package/src/elements/define/layouts/plyr/icons/plyr-captions-on.js

@@ -1 +0,0 @@
-export default `<g fill-rule="evenodd"><path d="M1,1 C0.4,1 0,1.4 0,2 L0,13 C0,13.6 0.4,14 1,14 L5.6,14 L8.3,16.7 C8.5,16.9 8.7,17 9,17 C9.3,17 9.5,16.9 9.7,16.7 L12.4,14 L17,14 C17.6,14 18,13.6 18,13 L18,2 C18,1.4 17.6,1 17,1 L1,1 Z M5.52,11.15 C7.51,11.15 8.53,9.83 8.8,8.74 L7.51,8.35 C7.32,9.01 6.73,9.8 5.52,9.8 C4.38,9.8 3.32,8.97 3.32,7.46 C3.32,5.85 4.44,5.09 5.5,5.09 C6.73,5.09 7.28,5.84 7.45,6.52 L8.75,6.11 C8.47,4.96 7.46,3.76 5.5,3.76 C3.6,3.76 1.89,5.2 1.89,7.46 C1.89,9.72 3.54,11.15 5.52,11.15 Z M13.09,11.15 C15.08,11.15 16.1,9.83 16.37,8.74 L15.08,8.35 C14.89,9.01 14.3,9.8 13.09,9.8 C11.95,9.8 10.89,8.97 10.89,7.46 C10.89,5.85 12.01,5.09 13.07,5.09 C14.3,5.09 14.85,5.84 15.02,6.52 L16.32,6.11 C16.04,4.96 15.03,3.76 13.07,3.76 C11.17,3.76 9.46,5.2 9.46,7.46 C9.46,9.72 11.11,11.15 13.09,11.15 Z"></path></g>`;

package/src/elements/define/layouts/plyr/icons/plyr-download.js

@@ -1 +0,0 @@
-export default `<g transform="translate(2 1)"><path d="M7,12 C7.3,12 7.5,11.9 7.7,11.7 L13.4,6 L12,4.6 L8,8.6 L8,0 L6,0 L6,8.6 L2,4.6 L0.6,6 L6.3,11.7 C6.5,11.9 6.7,12 7,12 Z" /><rect width="14" height="2" y="14" /></g>`;

package/src/elements/define/layouts/plyr/icons/plyr-enter-fullscreen.js

@@ -1 +0,0 @@
-export default `<polygon points="10 3 13.6 3 9.6 7 11 8.4 15 4.4 15 8 17 8 17 1 10 1"></polygon><polygon points="7 9.6 3 13.6 3 10 1 10 1 17 8 17 8 15 4.4 15 8.4 11"></polygon>`;

package/src/elements/define/layouts/plyr/icons/plyr-exit-fullscreen.js

@@ -1 +0,0 @@
-export default `<polygon points="1 12 4.6 12 0.6 16 2 17.4 6 13.4 6 17 8 17 8 10 1 10"></polygon><polygon points="16 0.6 12 4.6 12 1 10 1 10 8 17 8 17 6 13.4 6 17.4 2"></polygon>`;

package/src/elements/define/layouts/plyr/icons/plyr-fast-forward.js

@@ -1 +0,0 @@
-export default `<polygon points="7.875 7.17142857 0 1 0 17 7.875 10.8285714 7.875 17 18 9 7.875 1"></polygon>`;

package/src/elements/define/layouts/plyr/icons/plyr-muted.js

@@ -1 +0,0 @@
-export default `<polygon points="12.4 12.5 14.5 10.4 16.6 12.5 18 11.1 15.9 9 18 6.9 16.6 5.5 14.5 7.6 12.4 5.5 11 6.9 13.1 9 11 11.1"></polygon><path d="M3.78571429,6.00820648 L0.714285714,6.00820648 C0.285714286,6.00820648 0,6.30901277 0,6.76022222 L0,11.2723167 C0,11.7235261 0.285714286,12.0243324 0.714285714,12.0243324 L3.78571429,12.0243324 L7.85714286,15.8819922 C8.35714286,16.1827985 9,15.8819922 9,15.2803796 L9,2.75215925 C9,2.15054666 8.35714286,1.77453879 7.85714286,2.15054666 L3.78571429,6.00820648 Z"></path>`;