@videojs/html 10.0.0-rc.3 → 10.0.0-rc.5

package/dist/dev/i18n/provider-mixin.js

@@ -100,16 +100,18 @@ function createI18nProviderMixin({ context, loader = loadLocale }) {
 				const seq = this.#lazySeq;
 				this.#lazyLayer = {};
 				(async () => {
-					const { merged, loadedTags } = await mergeLocaleOverlays(localeSnapshot, loader, findLocaleKeys);
-					if (seq !== this.#lazySeq) return;
-					if (shouldAttemptBrowserTranslation(localeSnapshot, loadedTags, merged)) {
-						const browser = await getBrowserTranslations(localeSnapshot);
+					try {
+						const { merged, loadedTags } = await mergeLocaleOverlays(localeSnapshot, loader, findLocaleKeys);
 						if (seq !== this.#lazySeq) return;
-						if (Object.keys(browser).length) registerI18n(localeSnapshot, browser);
-					}
-					if (seq !== this.#lazySeq) return;
-					this.#lazyLayer = merged;
-					this.requestUpdate();
+						if (shouldAttemptBrowserTranslation(localeSnapshot, loadedTags, merged)) {
+							const browser = await getBrowserTranslations(localeSnapshot);
+							if (seq !== this.#lazySeq) return;
+							if (Object.keys(browser).length) registerI18n(localeSnapshot, browser);
+						}
+						if (seq !== this.#lazySeq) return;
+						this.#lazyLayer = merged;
+						this.requestUpdate();
+					} catch {}
 				})();
 			}
 			#resolvedLocale() {

package/dist/dev/i18n/provider-mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider-mixin.js","names":["defaultLoader","#i18nProvider","#i18nValue","#registryUnsubscribe","#registryEpoch","#ambientUnsubscribe","#resetLazyAndLoad","#publish","#lazySeq","#lazyLayer","#resolvedLocaleForLazy","#lazyResetStartedForLocale","#syncDirection","#derivedDirection","#resolvedLocale","#publishedLocale","#publishedRegistryEpoch","#publishedLazyLayer"],"sources":["../../../src/i18n/provider-mixin.ts"],"sourcesContent":["import {\n  createTranslator,\n  DEFAULT_LOCALE,\n  loadLocale as defaultLoader,\n  type FlatTranslations,\n  findLocaleKeys,\n  getBrowserTranslations,\n  getI18nTranslations,\n  type Locale,\n  onI18nRegistryChange,\n  registerI18n,\n  shouldAttemptBrowserTranslation,\n} from '@videojs/core/i18n';\nimport type { PropertyValues, ReactiveElement } from '@videojs/element';\nimport { ContextProvider } from '@videojs/element/context';\nimport { mergeLocaleOverlays, subscribeAmbientLang } from '@videojs/utils/dom';\nimport { getTextDirection, type TextDirection } from '@videojs/utils/i18n';\nimport type { Constructor } from '@videojs/utils/types';\n\nimport type { I18nContext, I18nContextValue } from './context';\nimport { getFallbackTranslator } from './controller';\nimport { resolveProviderLocale } from './locale';\nimport type { LocaleLoader, ReactiveElementMixinBase } from './types';\n\nexport interface I18nProviderConfig {\n  context: I18nContext;\n  /** Override lazy loading of shipped locale packs (tests or custom loaders). */\n  loader?: LocaleLoader | undefined;\n}\n\nexport type I18nProviderMixin = <Base extends ReactiveElementMixinBase>(\n  Base: Base\n) => Constructor<ReactiveElement> & Base;\n\nexport function createI18nProviderMixin({ context, loader = defaultLoader }: I18nProviderConfig): I18nProviderMixin {\n  return <Base extends ReactiveElementMixinBase>(Base: Base) => {\n    class I18nProviderElement extends Base {\n      static properties = {\n        ...Base.properties,\n        lang: { type: String, reflect: true },\n        dir: { type: String, reflect: true },\n      };\n\n      lang = '';\n      dir = '';\n\n      readonly #i18nProvider = new ContextProvider(this, {\n        context,\n        initialValue: {\n          translator: getFallbackTranslator(),\n          locale: DEFAULT_LOCALE,\n        },\n      });\n\n      #registryUnsubscribe: (() => void) | undefined;\n      #ambientUnsubscribe: (() => void) | undefined;\n      #registryEpoch = 0;\n      #lazyLayer: Partial<FlatTranslations> = {};\n      #lazySeq = 0;\n      /** Tracks locale used for `#lazyLayer`; ambient `lang` can change without the `lang` property. */\n      #resolvedLocaleForLazy: Locale | undefined;\n      /** Locale snapshot when the current `#lazySeq` async load was started (see `willUpdate` drift guard). */\n      #lazyResetStartedForLocale: Locale | undefined;\n      #i18nValue: I18nContextValue = {\n        translator: getFallbackTranslator(),\n        locale: DEFAULT_LOCALE,\n      };\n      #publishedLocale: Locale | undefined;\n      #publishedRegistryEpoch = -1;\n      #publishedLazyLayer: Partial<FlatTranslations> | undefined;\n      #derivedDirection: TextDirection | undefined;\n\n      protected get i18nValue(): I18nContextValue {\n        return this.#i18nValue;\n      }\n\n      override connectedCallback(): void {\n        super.connectedCallback();\n        this.#registryUnsubscribe = onI18nRegistryChange(() => {\n          this.#registryEpoch += 1;\n          this.requestUpdate();\n        });\n        this.#ambientUnsubscribe = subscribeAmbientLang(() => this.requestUpdate());\n        this.#resetLazyAndLoad();\n        this.#publish();\n        this.requestUpdate();\n      }\n\n      override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.#registryUnsubscribe?.();\n        this.#registryUnsubscribe = undefined;\n        this.#ambientUnsubscribe?.();\n        this.#ambientUnsubscribe = undefined;\n        this.#lazySeq += 1;\n        this.#lazyLayer = {};\n        this.#resolvedLocaleForLazy = undefined;\n        this.#lazyResetStartedForLocale = undefined;\n      }\n\n      protected override willUpdate(changed: PropertyValues): void {\n        super.willUpdate(changed);\n        const locale = resolveProviderLocale(this);\n\n        if (this.#resolvedLocaleForLazy !== locale) {\n          const hadLocale = this.#resolvedLocaleForLazy !== undefined;\n\n          this.#resolvedLocaleForLazy = locale;\n          const localeDriftedBeforeFirstPaint =\n            !hadLocale && this.#lazyResetStartedForLocale !== undefined && locale !== this.#lazyResetStartedForLocale;\n\n          if (hadLocale || localeDriftedBeforeFirstPaint) {\n            this.#resetLazyAndLoad();\n          }\n        }\n\n        this.#syncDirection(locale);\n        this.#publish();\n      }\n\n      #resetLazyAndLoad(): void {\n        const localeSnapshot = resolveProviderLocale(this);\n\n        this.#lazyResetStartedForLocale = localeSnapshot;\n        this.#lazySeq += 1;\n        const seq = this.#lazySeq;\n\n        this.#lazyLayer = {};\n        void (async () => {\n          const { merged, loadedTags } = await mergeLocaleOverlays(localeSnapshot, loader, findLocaleKeys);\n\n          if (seq !== this.#lazySeq) return;\n\n          if (shouldAttemptBrowserTranslation(localeSnapshot, loadedTags, merged)) {\n            const browser = await getBrowserTranslations(localeSnapshot);\n\n            if (seq !== this.#lazySeq) return;\n\n            if (Object.keys(browser).length) registerI18n(localeSnapshot, browser);\n          }\n\n          if (seq !== this.#lazySeq) return;\n\n          this.#lazyLayer = merged;\n          this.requestUpdate();\n        })();\n      }\n\n      #resolvedLocale(): Locale {\n        return resolveProviderLocale(this);\n      }\n\n      #syncDirection(locale: Locale): void {\n        const current = this.dir.trim().toLowerCase();\n        const isDerived = this.#derivedDirection !== undefined && current === this.#derivedDirection;\n\n        if (!this.lang.trim()) {\n          if (isDerived) this.dir = '';\n\n          this.#derivedDirection = undefined;\n          return;\n        }\n\n        if (current && !isDerived) {\n          this.#derivedDirection = undefined;\n          return;\n        }\n\n        const direction = getTextDirection(locale);\n\n        this.#derivedDirection = direction;\n\n        if (this.dir !== direction) this.dir = direction;\n      }\n\n      #publish(): void {\n        const locale = this.#resolvedLocale();\n\n        if (\n          this.#publishedLocale === locale &&\n          this.#publishedRegistryEpoch === this.#registryEpoch &&\n          this.#publishedLazyLayer === this.#lazyLayer\n        ) {\n          return;\n        }\n\n        const registryLayer = getI18nTranslations(locale);\n        const translations: FlatTranslations = {\n          ...this.#lazyLayer,\n          ...registryLayer,\n        };\n        const translator = createTranslator(translations, locale);\n\n        this.#i18nValue = { translator, locale };\n        this.#publishedLocale = locale;\n        this.#publishedRegistryEpoch = this.#registryEpoch;\n        this.#publishedLazyLayer = this.#lazyLayer;\n        this.#i18nProvider.setValue(this.#i18nValue);\n      }\n    }\n    return I18nProviderElement;\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"provider-mixin.js","names":["defaultLoader"],"sources":["../../../src/i18n/provider-mixin.ts"],"sourcesContent":["import {\n  createTranslator,\n  DEFAULT_LOCALE,\n  loadLocale as defaultLoader,\n  type FlatTranslations,\n  findLocaleKeys,\n  getBrowserTranslations,\n  getI18nTranslations,\n  type Locale,\n  onI18nRegistryChange,\n  registerI18n,\n  shouldAttemptBrowserTranslation,\n} from '@videojs/core/i18n';\nimport type { PropertyValues, ReactiveElement } from '@videojs/element';\nimport { ContextProvider } from '@videojs/element/context';\nimport { mergeLocaleOverlays, subscribeAmbientLang } from '@videojs/utils/dom';\nimport { getTextDirection, type TextDirection } from '@videojs/utils/i18n';\nimport type { Constructor } from '@videojs/utils/types';\n\nimport type { I18nContext, I18nContextValue } from './context';\nimport { getFallbackTranslator } from './controller';\nimport { resolveProviderLocale } from './locale';\nimport type { LocaleLoader, ReactiveElementMixinBase } from './types';\n\nexport interface I18nProviderConfig {\n  context: I18nContext;\n  /** Override lazy loading of shipped locale packs (tests or custom loaders). */\n  loader?: LocaleLoader | undefined;\n}\n\nexport type I18nProviderMixin = <Base extends ReactiveElementMixinBase>(\n  Base: Base\n) => Constructor<ReactiveElement> & Base;\n\nexport function createI18nProviderMixin({ context, loader = defaultLoader }: I18nProviderConfig): I18nProviderMixin {\n  return <Base extends ReactiveElementMixinBase>(Base: Base) => {\n    class I18nProviderElement extends Base {\n      static properties = {\n        ...Base.properties,\n        lang: { type: String, reflect: true },\n        dir: { type: String, reflect: true },\n      };\n\n      lang = '';\n      dir = '';\n\n      readonly #i18nProvider = new ContextProvider(this, {\n        context,\n        initialValue: {\n          translator: getFallbackTranslator(),\n          locale: DEFAULT_LOCALE,\n        },\n      });\n\n      #registryUnsubscribe: (() => void) | undefined;\n      #ambientUnsubscribe: (() => void) | undefined;\n      #registryEpoch = 0;\n      #lazyLayer: Partial<FlatTranslations> = {};\n      #lazySeq = 0;\n      /** Tracks locale used for `#lazyLayer`; ambient `lang` can change without the `lang` property. */\n      #resolvedLocaleForLazy: Locale | undefined;\n      /** Locale snapshot when the current `#lazySeq` async load was started (see `willUpdate` drift guard). */\n      #lazyResetStartedForLocale: Locale | undefined;\n      #i18nValue: I18nContextValue = {\n        translator: getFallbackTranslator(),\n        locale: DEFAULT_LOCALE,\n      };\n      #publishedLocale: Locale | undefined;\n      #publishedRegistryEpoch = -1;\n      #publishedLazyLayer: Partial<FlatTranslations> | undefined;\n      #derivedDirection: TextDirection | undefined;\n\n      protected get i18nValue(): I18nContextValue {\n        return this.#i18nValue;\n      }\n\n      override connectedCallback(): void {\n        super.connectedCallback();\n        this.#registryUnsubscribe = onI18nRegistryChange(() => {\n          this.#registryEpoch += 1;\n          this.requestUpdate();\n        });\n        this.#ambientUnsubscribe = subscribeAmbientLang(() => this.requestUpdate());\n        this.#resetLazyAndLoad();\n        this.#publish();\n        this.requestUpdate();\n      }\n\n      override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.#registryUnsubscribe?.();\n        this.#registryUnsubscribe = undefined;\n        this.#ambientUnsubscribe?.();\n        this.#ambientUnsubscribe = undefined;\n        this.#lazySeq += 1;\n        this.#lazyLayer = {};\n        this.#resolvedLocaleForLazy = undefined;\n        this.#lazyResetStartedForLocale = undefined;\n      }\n\n      protected override willUpdate(changed: PropertyValues): void {\n        super.willUpdate(changed);\n        const locale = resolveProviderLocale(this);\n\n        if (this.#resolvedLocaleForLazy !== locale) {\n          const hadLocale = this.#resolvedLocaleForLazy !== undefined;\n\n          this.#resolvedLocaleForLazy = locale;\n          const localeDriftedBeforeFirstPaint =\n            !hadLocale && this.#lazyResetStartedForLocale !== undefined && locale !== this.#lazyResetStartedForLocale;\n\n          if (hadLocale || localeDriftedBeforeFirstPaint) {\n            this.#resetLazyAndLoad();\n          }\n        }\n\n        this.#syncDirection(locale);\n        this.#publish();\n      }\n\n      #resetLazyAndLoad(): void {\n        const localeSnapshot = resolveProviderLocale(this);\n\n        this.#lazyResetStartedForLocale = localeSnapshot;\n        this.#lazySeq += 1;\n        const seq = this.#lazySeq;\n\n        this.#lazyLayer = {};\n        void (async () => {\n          try {\n            const { merged, loadedTags } = await mergeLocaleOverlays(localeSnapshot, loader, findLocaleKeys);\n\n            if (seq !== this.#lazySeq) return;\n\n            if (shouldAttemptBrowserTranslation(localeSnapshot, loadedTags, merged)) {\n              const browser = await getBrowserTranslations(localeSnapshot);\n\n              if (seq !== this.#lazySeq) return;\n\n              if (Object.keys(browser).length) registerI18n(localeSnapshot, browser);\n            }\n\n            if (seq !== this.#lazySeq) return;\n\n            this.#lazyLayer = merged;\n            this.requestUpdate();\n          } catch {\n            // Registry translations and English fallback still work if lazy loading fails.\n          }\n        })();\n      }\n\n      #resolvedLocale(): Locale {\n        return resolveProviderLocale(this);\n      }\n\n      #syncDirection(locale: Locale): void {\n        const current = this.dir.trim().toLowerCase();\n        const isDerived = this.#derivedDirection !== undefined && current === this.#derivedDirection;\n\n        if (!this.lang.trim()) {\n          if (isDerived) this.dir = '';\n\n          this.#derivedDirection = undefined;\n          return;\n        }\n\n        if (current && !isDerived) {\n          this.#derivedDirection = undefined;\n          return;\n        }\n\n        const direction = getTextDirection(locale);\n\n        this.#derivedDirection = direction;\n\n        if (this.dir !== direction) this.dir = direction;\n      }\n\n      #publish(): void {\n        const locale = this.#resolvedLocale();\n\n        if (\n          this.#publishedLocale === locale &&\n          this.#publishedRegistryEpoch === this.#registryEpoch &&\n          this.#publishedLazyLayer === this.#lazyLayer\n        ) {\n          return;\n        }\n\n        const registryLayer = getI18nTranslations(locale);\n        const translations: FlatTranslations = {\n          ...this.#lazyLayer,\n          ...registryLayer,\n        };\n        const translator = createTranslator(translations, locale);\n\n        this.#i18nValue = { translator, locale };\n        this.#publishedLocale = locale;\n        this.#publishedRegistryEpoch = this.#registryEpoch;\n        this.#publishedLazyLayer = this.#lazyLayer;\n        this.#i18nProvider.setValue(this.#i18nValue);\n      }\n    }\n    return I18nProviderElement;\n  };\n}\n"],"mappings":"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"}

package/dist/dev/i18n/render-text.d.ts

@@ -1,7 +1,10 @@
 import { Text } from "@videojs/core/i18n";
 //#region src/i18n/render-text.d.ts
-/** Render a text descriptor as keyed media-text markup. */
-declare function renderText(text: Text, attrs?: Record<string, string>): string;
+/**
+ * Render a text descriptor as keyed media-text markup.
+ *
+ * @internal
+ */
+export declare function renderText(text: Text, attrs?: Record<string, string>): string;
 //#endregion
-export { renderText };
 //# sourceMappingURL=render-text.d.ts.map

package/dist/dev/i18n/render-text.js

@@ -1,6 +1,10 @@
 import { escapeHtml } from "@videojs/utils/string";
 //#region src/i18n/render-text.ts
-/** Render a text descriptor as keyed media-text markup. */
+/**
+* Render a text descriptor as keyed media-text markup.
+*
+* @internal
+*/
 function renderText(text, attrs) {
 	const attrText = Object.entries(attrs ?? {}).map(([key, value]) => ` ${key}="${escapeHtml(value)}"`).join("");
 	return `<media-text token="${escapeHtml(text.key)}"${attrText}>${escapeHtml(text.text)}</media-text>`;

package/dist/dev/i18n/render-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"render-text.js","names":[],"sources":["../../../src/i18n/render-text.ts"],"sourcesContent":["import type { Text } from '@videojs/core/i18n';\nimport { escapeHtml } from '@videojs/utils/string';\n\n/** Render a text descriptor as keyed media-text markup. */\nexport function renderText(text: Text, attrs?: Record<string, string>): string {\n  const attrText = Object.entries(attrs ?? {})\n    .map(([key, value]) => ` ${key}=\"${escapeHtml(value)}\"`)\n    .join('');\n\n  return `<media-text token=\"${escapeHtml(text.key)}\"${attrText}>${escapeHtml(text.text)}</media-text>`;\n}\n"],"mappings":";;;AAIA,SAAgB,WAAW,MAAY,OAAwC;CAC7E,MAAM,WAAW,OAAO,QAAQ,SAAS,CAAC,CAAC,CAAC,CACzC,KAAK,CAAC,KAAK,WAAW,IAAI,IAAI,IAAI,WAAW,KAAK,EAAE,EAAE,CAAC,CACvD,KAAK,EAAE;CAEV,OAAO,sBAAsB,WAAW,KAAK,GAAG,EAAE,GAAG,SAAS,GAAG,WAAW,KAAK,IAAI,EAAE;AACzF"}
+{"version":3,"file":"render-text.js","names":[],"sources":["../../../src/i18n/render-text.ts"],"sourcesContent":["import type { Text } from '@videojs/core/i18n';\nimport { escapeHtml } from '@videojs/utils/string';\n\n/**\n * Render a text descriptor as keyed media-text markup.\n *\n * @internal\n */\nexport function renderText(text: Text, attrs?: Record<string, string>): string {\n  const attrText = Object.entries(attrs ?? {})\n    .map(([key, value]) => ` ${key}=\"${escapeHtml(value)}\"`)\n    .join('');\n\n  return `<media-text token=\"${escapeHtml(text.key)}\"${attrText}>${escapeHtml(text.text)}</media-text>`;\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,WAAW,MAAY,OAAwC;CAC7E,MAAM,WAAW,OAAO,QAAQ,SAAS,CAAC,CAAC,CAAC,CACzC,KAAK,CAAC,KAAK,WAAW,IAAI,IAAI,IAAI,WAAW,KAAK,EAAE,EAAE,CAAC,CACvD,KAAK,EAAE;CAEV,OAAO,sBAAsB,WAAW,KAAK,GAAG,EAAE,GAAG,SAAS,GAAG,WAAW,KAAK,IAAI,EAAE;AACzF"}

package/dist/dev/i18n/text/airplay.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/airplay";

package/dist/dev/i18n/text/airplay.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/airplay";

package/dist/dev/i18n/text/buttons.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/buttons";

package/dist/dev/i18n/text/buttons.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/buttons";

package/dist/dev/i18n/text/captions.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/captions";

package/dist/dev/i18n/text/captions.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/captions";

package/dist/dev/i18n/text/cast.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/cast";

package/dist/dev/i18n/text/cast.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/cast";

package/dist/dev/i18n/text/common.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/common";

package/dist/dev/i18n/text/common.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/common";

package/dist/dev/i18n/text/container.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/container";

package/dist/dev/i18n/text/container.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/container";

package/dist/dev/i18n/text/errors.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/errors";

package/dist/dev/i18n/text/errors.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/errors";

package/dist/dev/i18n/text/fullscreen.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/fullscreen";

package/dist/dev/i18n/text/fullscreen.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/fullscreen";

package/dist/dev/i18n/text/live.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/live";

package/dist/dev/i18n/text/live.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/live";

package/dist/dev/i18n/text/menu.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/menu";

package/dist/dev/i18n/text/menu.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/menu";

package/dist/dev/i18n/text/pip.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/pip";

package/dist/dev/i18n/text/pip.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/pip";

package/dist/dev/i18n/text/playback.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/playback";

package/dist/dev/i18n/text/playback.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/playback";

package/dist/dev/i18n/text/seek.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/seek";

package/dist/dev/i18n/text/seek.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/seek";

package/dist/dev/i18n/text/slider.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/slider";

package/dist/dev/i18n/text/slider.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/slider";

package/dist/dev/i18n/text/status.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/status";

package/dist/dev/i18n/text/status.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/status";

package/dist/dev/i18n/text/time.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/time";

package/dist/dev/i18n/text/time.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/time";

package/dist/dev/i18n/text/volume.d.ts

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/volume";

package/dist/dev/i18n/text/volume.js

@@ -0,0 +1 @@
+export * from "@videojs/core/i18n/text/volume";

package/dist/dev/i18n/text-mixin.d.ts

@@ -3,7 +3,6 @@ import { ReactiveElementMixinBase } from "./types.js";
 import { ReactiveElement } from "@videojs/element";
 import { Constructor } from "@videojs/utils/types";
 //#region src/i18n/text-mixin.d.ts
-type I18nTextMixin = <Base extends ReactiveElementMixinBase>(Base: Base) => Constructor<ReactiveElement> & Base;
+export type I18nTextMixin = <Base extends ReactiveElementMixinBase>(Base: Base) => Constructor<ReactiveElement> & Base;
 //#endregion
-export { I18nTextMixin };
 //# sourceMappingURL=text-mixin.d.ts.map

package/dist/dev/i18n/text-mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-mixin.js","names":["#i18n","#text"],"sources":["../../../src/i18n/text-mixin.ts"],"sourcesContent":["import { type Text, translateText } from '@videojs/core/i18n';\nimport type { PropertyValues, ReactiveElement } from '@videojs/element';\nimport type { Constructor } from '@videojs/utils/types';\n\nimport type { I18nContext } from './context';\nimport { I18nController } from './controller';\nimport type { ReactiveElementMixinBase } from './types';\n\nexport type I18nTextMixin = <Base extends ReactiveElementMixinBase>(Base: Base) => Constructor<ReactiveElement> & Base;\n\nexport interface TextMixinConfig {\n  context: I18nContext;\n}\n\nexport function createTextMixin({ context }: TextMixinConfig): I18nTextMixin {\n  return (Base) => {\n    class MediaText extends Base {\n      static override properties = {\n        token: { type: String },\n      };\n\n      readonly #i18n = new I18nController(this, context);\n      #text: string | undefined;\n      token = '';\n\n      override connectedCallback(): void {\n        this.#text ??= this.textContent?.trim() ?? '';\n        super.connectedCallback();\n      }\n\n      protected override updated(changed: PropertyValues): void {\n        super.updated(changed);\n\n        if (!this.#text) {\n          this.textContent = '';\n          return;\n        }\n\n        const text: Text | string = this.token ? { key: this.token, text: this.#text } : this.#text;\n\n        this.textContent = typeof text === 'string' ? text : translateText(text, this.#i18n.value);\n      }\n    }\n\n    return MediaText;\n  };\n}\n"],"mappings":";;;AAcA,SAAgB,gBAAgB,EAAE,WAA2C;CAC3E,QAAQ,SAAS;EACf,MAAM,kBAAkB,KAAK;;;IAKV,KAAA,QAAA,IAAI,eAAe,MAAM,OAAO;IAEzC,KAAA,QAAA;;;IANqB,KAAA,aAAA,EAC3B,OAAO,EAAE,MAAM,OAAO,EACxB;;GAEA;GACA;GAGA,oBAAmC;IACjC,KAAKC,UAAU,KAAK,aAAa,KAAK,KAAK;IAC3C,MAAM,kBAAkB;GAC1B;GAEA,QAA2B,SAA+B;IACxD,MAAM,QAAQ,OAAO;IAErB,IAAI,CAAC,KAAKA,OAAO;KACf,KAAK,cAAc;KACnB;IACF;IAEA,MAAM,OAAsB,KAAK,QAAQ;KAAE,KAAK,KAAK;KAAO,MAAM,KAAKA;IAAM,IAAI,KAAKA;IAEtF,KAAK,cAAc,OAAO,SAAS,WAAW,OAAO,cAAc,MAAM,KAAKD,MAAM,KAAK;GAC3F;EACF;EAEA,OAAO;CACT;AACF"}
+{"version":3,"file":"text-mixin.js","names":[],"sources":["../../../src/i18n/text-mixin.ts"],"sourcesContent":["import { type Text, translateText } from '@videojs/core/i18n';\nimport type { PropertyValues, ReactiveElement } from '@videojs/element';\nimport type { Constructor } from '@videojs/utils/types';\n\nimport type { I18nContext } from './context';\nimport { I18nController } from './controller';\nimport type { ReactiveElementMixinBase } from './types';\n\nexport type I18nTextMixin = <Base extends ReactiveElementMixinBase>(Base: Base) => Constructor<ReactiveElement> & Base;\n\nexport interface TextMixinConfig {\n  context: I18nContext;\n}\n\nexport function createTextMixin({ context }: TextMixinConfig): I18nTextMixin {\n  return (Base) => {\n    class MediaText extends Base {\n      static override properties = {\n        token: { type: String },\n      };\n\n      readonly #i18n = new I18nController(this, context);\n      #text: string | undefined;\n      token = '';\n\n      override connectedCallback(): void {\n        this.#text ??= this.textContent?.trim() ?? '';\n        super.connectedCallback();\n      }\n\n      protected override updated(changed: PropertyValues): void {\n        super.updated(changed);\n\n        if (!this.#text) {\n          this.textContent = '';\n          return;\n        }\n\n        const text: Text | string = this.token ? { key: this.token, text: this.#text } : this.#text;\n\n        this.textContent = typeof text === 'string' ? text : translateText(text, this.#i18n.value);\n      }\n    }\n\n    return MediaText;\n  };\n}\n"],"mappings":";;;AAcA,SAAgB,gBAAgB,EAAE,WAA2C;CAC3E,QAAQ,SAAS;EACf,MAAM,kBAAkB,KAAK;;;IAKV,KAAA,QAAA,IAAI,eAAe,MAAM,OAAO;IAEzC,KAAA,QAAA;;;IANqB,KAAA,aAAA,EAC3B,OAAO,EAAE,MAAM,OAAO,EACxB;;GAEA;GACA;GAGA,oBAAmC;IACjC,KAAK,UAAU,KAAK,aAAa,KAAK,KAAK;IAC3C,MAAM,kBAAkB;GAC1B;GAEA,QAA2B,SAA+B;IACxD,MAAM,QAAQ,OAAO;IAErB,IAAI,CAAC,KAAK,OAAO;KACf,KAAK,cAAc;KACnB;IACF;IAEA,MAAM,OAAsB,KAAK,QAAQ;KAAE,KAAK,KAAK;KAAO,MAAM,KAAK;IAAM,IAAI,KAAK;IAEtF,KAAK,cAAc,OAAO,SAAS,WAAW,OAAO,cAAc,MAAM,KAAK,MAAM,KAAK;GAC3F;EACF;EAEA,OAAO;CACT;AACF"}

package/dist/dev/i18n/types.d.ts

@@ -6,9 +6,8 @@ import { Constructor } from "@videojs/utils/types";
  * `Constructor<ReactiveElement>` does not imply static `properties`; this intersection matches how mixins spread
  * {@link ReactiveElement.properties} from their base.
  */
-type ReactiveElementMixinBase = Constructor<ReactiveElement> & Pick<typeof ReactiveElement, 'properties'>;
+export type ReactiveElementMixinBase = Constructor<ReactiveElement> & Pick<typeof ReactiveElement, 'properties'>;
 /** Function to load partial or full translations for a given locale. */
-type LocaleLoader = (tag: string) => Promise<Partial<FlatTranslations> | undefined>;
+export type LocaleLoader = (tag: string) => Promise<Partial<FlatTranslations> | undefined>;
 //#endregion
-export { LocaleLoader, ReactiveElementMixinBase };
 //# sourceMappingURL=types.d.ts.map

package/dist/dev/icons/{minimal → compat}/index.d.ts

@@ -1,2 +1,2 @@
-import { airPlayEnterIcon, airPlayExitIcon, captionsOffIcon, captionsOnIcon, castEnterIcon, castExitIcon, checkIcon, chevronIcon, fullscreenEnterIcon, fullscreenExitIcon, gearIcon, pauseIcon, pipEnterIcon, pipExitIcon, playIcon, qualityIcon, restartIcon, seekIcon, speechIcon, speedIcon, spinnerIcon, switchesIcon, volumeHighIcon, volumeLowIcon, volumeOffIcon } from "../dist/html/minimal/index.js";
+import { airPlayEnterIcon, airPlayExitIcon, captionsOffIcon, captionsOnIcon, castEnterIcon, castExitIcon, checkIcon, chevronIcon, fullscreenEnterIcon, fullscreenExitIcon, gearIcon, pauseIcon, pipEnterIcon, pipExitIcon, playIcon, qualityIcon, restartIcon, seekIcon, speechIcon, speedIcon, spinnerIcon, switchesIcon, volumeHighIcon, volumeLowIcon, volumeOffIcon } from "../dist/html/compat/index.js";
 export { airPlayEnterIcon, airPlayExitIcon, captionsOffIcon, captionsOnIcon, castEnterIcon, castExitIcon, checkIcon, chevronIcon, fullscreenEnterIcon, fullscreenExitIcon, gearIcon, pauseIcon, pipEnterIcon, pipExitIcon, playIcon, qualityIcon, restartIcon, seekIcon, speechIcon, speedIcon, spinnerIcon, switchesIcon, volumeHighIcon, volumeLowIcon, volumeOffIcon };

package/dist/dev/icons/compat/index.js

@@ -0,0 +1,26 @@
+import { airPlayEnterIcon } from "../dist/html/compat/airplay-enter.js";
+import { airPlayExitIcon } from "../dist/html/compat/airplay-exit.js";
+import { captionsOffIcon } from "../dist/html/compat/captions-off.js";
+import { captionsOnIcon } from "../dist/html/compat/captions-on.js";
+import { castEnterIcon } from "../dist/html/compat/cast-enter.js";
+import { castExitIcon } from "../dist/html/compat/cast-exit.js";
+import { checkIcon } from "../dist/html/compat/check.js";
+import { chevronIcon } from "../dist/html/compat/chevron.js";
+import { fullscreenEnterIcon } from "../dist/html/compat/fullscreen-enter.js";
+import { fullscreenExitIcon } from "../dist/html/compat/fullscreen-exit.js";
+import { gearIcon } from "../dist/html/compat/gear.js";
+import { pauseIcon } from "../dist/html/compat/pause.js";
+import { pipEnterIcon } from "../dist/html/compat/pip-enter.js";
+import { pipExitIcon } from "../dist/html/compat/pip-exit.js";
+import { playIcon } from "../dist/html/compat/play.js";
+import { qualityIcon } from "../dist/html/compat/quality.js";
+import { restartIcon } from "../dist/html/compat/restart.js";
+import { seekIcon } from "../dist/html/compat/seek.js";
+import { speechIcon } from "../dist/html/compat/speech.js";
+import { speedIcon } from "../dist/html/compat/speed.js";
+import { spinnerIcon } from "../dist/html/compat/spinner.js";
+import { switchesIcon } from "../dist/html/compat/switches.js";
+import { volumeHighIcon } from "../dist/html/compat/volume-high.js";
+import { volumeLowIcon } from "../dist/html/compat/volume-low.js";
+import { volumeOffIcon } from "../dist/html/compat/volume-off.js";
+export { airPlayEnterIcon, airPlayExitIcon, captionsOffIcon, captionsOnIcon, castEnterIcon, castExitIcon, checkIcon, chevronIcon, fullscreenEnterIcon, fullscreenExitIcon, gearIcon, pauseIcon, pipEnterIcon, pipExitIcon, playIcon, qualityIcon, restartIcon, seekIcon, speechIcon, speedIcon, spinnerIcon, switchesIcon, volumeHighIcon, volumeLowIcon, volumeOffIcon };

package/dist/dev/icons/dist/element/base.d.ts

@@ -1,5 +1,4 @@
 //#region ../icons/dist/element/base.d.ts
-type IconMap = Readonly<Record<string, string>>;
+export type IconMap = Readonly<Record<string, string>>;
 //#endregion
-export { IconMap };
 //# sourceMappingURL=base.d.ts.map

package/dist/dev/icons/dist/element/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","names":["#families","#loaders","#loading","#instances","#family","#render"],"sources":["../../../../../../icons/dist/element/base.js"],"sourcesContent":["const HTMLElementBase = globalThis.HTMLElement ?? class {};\n/** Renders registered SVG icon families in the light DOM. */\nexport class MediaIconElement extends HTMLElementBase {\n\tstatic #families = new Map();\n\tstatic #loaders = new Map();\n\tstatic #loading = new Map();\n\tstatic #instances = new Set();\n\tstatic register(family, icons) {\n\t\tconst familyIcons = MediaIconElement.#families.get(family) ?? new Map();\n\t\tfor (const [name, svg] of Object.entries(icons)) familyIcons.set(name, svg);\n\t\tMediaIconElement.#families.set(family, familyIcons);\n\t\tfor (const icon of MediaIconElement.#instances) {\n\t\t\tif (icon.#family === family) icon.#render();\n\t\t}\n\t}\n\tstatic registerLoader(family, load) {\n\t\tMediaIconElement.#loaders.set(family, load);\n\t\tfor (const icon of MediaIconElement.#instances) {\n\t\t\tif (icon.#family === family) icon.#render();\n\t\t}\n\t}\n\tstatic load(family) {\n\t\tif (MediaIconElement.#families.has(family)) return Promise.resolve();\n\t\tconst pending = MediaIconElement.#loading.get(family);\n\t\tif (pending) return pending;\n\t\tconst loader = MediaIconElement.#loaders.get(family);\n\t\tif (!loader) return Promise.resolve();\n\t\tconst loading = Promise.resolve().then(loader).then((icons) => MediaIconElement.register(family, icons)).finally(() => MediaIconElement.#loading.delete(family));\n\t\tMediaIconElement.#loading.set(family, loading);\n\t\treturn loading;\n\t}\n\tstatic get observedAttributes() {\n\t\treturn [\"name\", \"family\"];\n\t}\n\tconnectedCallback() {\n\t\tMediaIconElement.#instances.add(this);\n\t\tthis.#render();\n\t}\n\tdisconnectedCallback() {\n\t\tMediaIconElement.#instances.delete(this);\n\t}\n\tattributeChangedCallback() {\n\t\tthis.#render();\n\t}\n\tget #family() {\n\t\treturn this.getAttribute(\"family\") || \"default\";\n\t}\n\t#render() {\n\t\tif (!this.isConnected) return;\n\t\tconst name = this.getAttribute(\"name\");\n\t\tconst family = this.#family;\n\t\tconst familyIcons = MediaIconElement.#families.get(family);\n\t\tconst svg = name ? familyIcons?.get(name) : undefined;\n\t\tif (svg !== undefined) {\n\t\t\tif (this.innerHTML !== svg) this.innerHTML = svg;\n\t\t\treturn;\n\t\t}\n\t\tthis.replaceChildren();\n\t\tif (familyIcons || !name || !MediaIconElement.#loaders.has(family)) return;\n\t\tvoid MediaIconElement.load(family).then(() => {\n\t\t\tif (this.isConnected && this.getAttribute(\"name\") === name && this.#family === family) this.#render();\n\t\t}, () => {});\n\t}\n}\n"],"mappings":";AAAA,MAAM,kBAAkB,WAAW,eAAe,MAAM,CAAC;;AAEzD,IAAa,mBAAb,MAAa,yBAAyB,gBAAgB;CACrD,OAAOA,4BAAY,IAAI,IAAI;CAC3B,OAAOC,2BAAW,IAAI,IAAI;CAC1B,OAAOC,2BAAW,IAAI,IAAI;CAC1B,OAAOC,6BAAa,IAAI,IAAI;CAC5B,OAAO,SAAS,QAAQ,OAAO;EAC9B,MAAM,cAAc,iBAAiBH,UAAU,IAAI,MAAM,qBAAK,IAAI,IAAI;EACtE,KAAK,MAAM,CAAC,MAAM,QAAQ,OAAO,QAAQ,KAAK,GAAG,YAAY,IAAI,MAAM,GAAG;EAC1E,iBAAiBA,UAAU,IAAI,QAAQ,WAAW;EAClD,KAAK,MAAM,QAAQ,iBAAiBG,YACnC,IAAI,KAAKC,YAAY,QAAQ,KAAKC,QAAQ;CAE5C;CACA,OAAO,eAAe,QAAQ,MAAM;EACnC,iBAAiBJ,SAAS,IAAI,QAAQ,IAAI;EAC1C,KAAK,MAAM,QAAQ,iBAAiBE,YACnC,IAAI,KAAKC,YAAY,QAAQ,KAAKC,QAAQ;CAE5C;CACA,OAAO,KAAK,QAAQ;EACnB,IAAI,iBAAiBL,UAAU,IAAI,MAAM,GAAG,OAAO,QAAQ,QAAQ;EACnE,MAAM,UAAU,iBAAiBE,SAAS,IAAI,MAAM;EACpD,IAAI,SAAS,OAAO;EACpB,MAAM,SAAS,iBAAiBD,SAAS,IAAI,MAAM;EACnD,IAAI,CAAC,QAAQ,OAAO,QAAQ,QAAQ;EACpC,MAAM,UAAU,QAAQ,QAAQ,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,MAAM,UAAU,iBAAiB,SAAS,QAAQ,KAAK,CAAC,CAAC,CAAC,cAAc,iBAAiBC,SAAS,OAAO,MAAM,CAAC;EAC/J,iBAAiBA,SAAS,IAAI,QAAQ,OAAO;EAC7C,OAAO;CACR;CACA,WAAW,qBAAqB;EAC/B,OAAO,CAAC,QAAQ,QAAQ;CACzB;CACA,oBAAoB;EACnB,iBAAiBC,WAAW,IAAI,IAAI;EACpC,KAAKE,QAAQ;CACd;CACA,uBAAuB;EACtB,iBAAiBF,WAAW,OAAO,IAAI;CACxC;CACA,2BAA2B;EAC1B,KAAKE,QAAQ;CACd;CACA,IAAID,UAAU;EACb,OAAO,KAAK,aAAa,QAAQ,KAAK;CACvC;CACA,UAAU;EACT,IAAI,CAAC,KAAK,aAAa;EACvB,MAAM,OAAO,KAAK,aAAa,MAAM;EACrC,MAAM,SAAS,KAAKA;EACpB,MAAM,cAAc,iBAAiBJ,UAAU,IAAI,MAAM;EACzD,MAAM,MAAM,OAAO,aAAa,IAAI,IAAI,IAAI,KAAA;EAC5C,IAAI,QAAQ,KAAA,GAAW;GACtB,IAAI,KAAK,cAAc,KAAK,KAAK,YAAY;GAC7C;EACD;EACA,KAAK,gBAAgB;EACrB,IAAI,eAAe,CAAC,QAAQ,CAAC,iBAAiBC,SAAS,IAAI,MAAM,GAAG;EACpE,iBAAsB,KAAK,MAAM,CAAC,CAAC,WAAW;GAC7C,IAAI,KAAK,eAAe,KAAK,aAAa,MAAM,MAAM,QAAQ,KAAKG,YAAY,QAAQ,KAAKC,QAAQ;EACrG,SAAS,CAAC,CAAC;CACZ;AACD"}
+{"version":3,"file":"base.js","names":[],"sources":["../../../../../../icons/dist/element/base.js"],"sourcesContent":["const HTMLElementBase = globalThis.HTMLElement ?? class {};\n/** Renders registered SVG icon families in the light DOM. */\nexport class MediaIconElement extends HTMLElementBase {\n\tstatic #families = new Map();\n\tstatic #loaders = new Map();\n\tstatic #loading = new Map();\n\tstatic #instances = new Set();\n\tstatic register(family, icons) {\n\t\tconst familyIcons = MediaIconElement.#families.get(family) ?? new Map();\n\t\tfor (const [name, svg] of Object.entries(icons)) familyIcons.set(name, svg);\n\t\tMediaIconElement.#families.set(family, familyIcons);\n\t\tfor (const icon of MediaIconElement.#instances) {\n\t\t\tif (icon.#family === family) icon.#render();\n\t\t}\n\t}\n\tstatic registerLoader(family, load) {\n\t\tMediaIconElement.#loaders.set(family, load);\n\t\tfor (const icon of MediaIconElement.#instances) {\n\t\t\tif (icon.#family === family) icon.#render();\n\t\t}\n\t}\n\tstatic load(family) {\n\t\tif (MediaIconElement.#families.has(family)) return Promise.resolve();\n\t\tconst pending = MediaIconElement.#loading.get(family);\n\t\tif (pending) return pending;\n\t\tconst loader = MediaIconElement.#loaders.get(family);\n\t\tif (!loader) return Promise.resolve();\n\t\tconst loading = Promise.resolve().then(loader).then((icons) => MediaIconElement.register(family, icons)).finally(() => MediaIconElement.#loading.delete(family));\n\t\tMediaIconElement.#loading.set(family, loading);\n\t\treturn loading;\n\t}\n\tstatic get observedAttributes() {\n\t\treturn [\"name\", \"family\"];\n\t}\n\tconnectedCallback() {\n\t\tMediaIconElement.#instances.add(this);\n\t\tthis.#render();\n\t}\n\tdisconnectedCallback() {\n\t\tMediaIconElement.#instances.delete(this);\n\t}\n\tattributeChangedCallback() {\n\t\tthis.#render();\n\t}\n\tget #family() {\n\t\treturn this.getAttribute(\"family\") || \"default\";\n\t}\n\t#render() {\n\t\tif (!this.isConnected) return;\n\t\tconst name = this.getAttribute(\"name\");\n\t\tconst family = this.#family;\n\t\tconst familyIcons = MediaIconElement.#families.get(family);\n\t\tconst svg = name ? familyIcons?.get(name) : undefined;\n\t\tif (svg !== undefined) {\n\t\t\tif (this.innerHTML !== svg) this.innerHTML = svg;\n\t\t\treturn;\n\t\t}\n\t\tthis.replaceChildren();\n\t\tif (familyIcons || !name || !MediaIconElement.#loaders.has(family)) return;\n\t\tvoid MediaIconElement.load(family).then(() => {\n\t\t\tif (this.isConnected && this.getAttribute(\"name\") === name && this.#family === family) this.#render();\n\t\t}, () => {});\n\t}\n}\n"],"mappings":";AAAA,MAAM,kBAAkB,WAAW,eAAe,MAAM,CAAC;;AAEzD,IAAa,mBAAb,MAAa,yBAAyB,gBAAgB;CACrD,OAAO,4BAAY,IAAI,IAAI;CAC3B,OAAO,2BAAW,IAAI,IAAI;CAC1B,OAAO,2BAAW,IAAI,IAAI;CAC1B,OAAO,6BAAa,IAAI,IAAI;CAC5B,OAAO,SAAS,QAAQ,OAAO;EAC9B,MAAM,cAAc,iBAAiB,UAAU,IAAI,MAAM,qBAAK,IAAI,IAAI;EACtE,KAAK,MAAM,CAAC,MAAM,QAAQ,OAAO,QAAQ,KAAK,GAAG,YAAY,IAAI,MAAM,GAAG;EAC1E,iBAAiB,UAAU,IAAI,QAAQ,WAAW;EAClD,KAAK,MAAM,QAAQ,iBAAiB,YACnC,IAAI,KAAK,YAAY,QAAQ,KAAK,QAAQ;CAE5C;CACA,OAAO,eAAe,QAAQ,MAAM;EACnC,iBAAiB,SAAS,IAAI,QAAQ,IAAI;EAC1C,KAAK,MAAM,QAAQ,iBAAiB,YACnC,IAAI,KAAK,YAAY,QAAQ,KAAK,QAAQ;CAE5C;CACA,OAAO,KAAK,QAAQ;EACnB,IAAI,iBAAiB,UAAU,IAAI,MAAM,GAAG,OAAO,QAAQ,QAAQ;EACnE,MAAM,UAAU,iBAAiB,SAAS,IAAI,MAAM;EACpD,IAAI,SAAS,OAAO;EACpB,MAAM,SAAS,iBAAiB,SAAS,IAAI,MAAM;EACnD,IAAI,CAAC,QAAQ,OAAO,QAAQ,QAAQ;EACpC,MAAM,UAAU,QAAQ,QAAQ,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,MAAM,UAAU,iBAAiB,SAAS,QAAQ,KAAK,CAAC,CAAC,CAAC,cAAc,iBAAiB,SAAS,OAAO,MAAM,CAAC;EAC/J,iBAAiB,SAAS,IAAI,QAAQ,OAAO;EAC7C,OAAO;CACR;CACA,WAAW,qBAAqB;EAC/B,OAAO,CAAC,QAAQ,QAAQ;CACzB;CACA,oBAAoB;EACnB,iBAAiB,WAAW,IAAI,IAAI;EACpC,KAAK,QAAQ;CACd;CACA,uBAAuB;EACtB,iBAAiB,WAAW,OAAO,IAAI;CACxC;CACA,2BAA2B;EAC1B,KAAK,QAAQ;CACd;CACA,IAAI,UAAU;EACb,OAAO,KAAK,aAAa,QAAQ,KAAK;CACvC;CACA,UAAU;EACT,IAAI,CAAC,KAAK,aAAa;EACvB,MAAM,OAAO,KAAK,aAAa,MAAM;EACrC,MAAM,SAAS,KAAK;EACpB,MAAM,cAAc,iBAAiB,UAAU,IAAI,MAAM;EACzD,MAAM,MAAM,OAAO,aAAa,IAAI,IAAI,IAAI,KAAA;EAC5C,IAAI,QAAQ,KAAA,GAAW;GACtB,IAAI,KAAK,cAAc,KAAK,KAAK,YAAY;GAC7C;EACD;EACA,KAAK,gBAAgB;EACrB,IAAI,eAAe,CAAC,QAAQ,CAAC,iBAAiB,SAAS,IAAI,MAAM,GAAG;EACpE,iBAAsB,KAAK,MAAM,CAAC,CAAC,WAAW;GAC7C,IAAI,KAAK,eAAe,KAAK,aAAa,MAAM,MAAM,QAAQ,KAAK,YAAY,QAAQ,KAAK,QAAQ;EACrG,SAAS,CAAC,CAAC;CACZ;AACD"}

package/dist/dev/icons/dist/element/compat/icons.js

@@ -0,0 +1,32 @@
+//#region ../icons/dist/element/compat/icons.js
+const icons = {
+	"airplay-enter": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.5 14H3a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-.5\"/><path fill=\"currentColor\" d=\"M8.232 11.922a1 1 0 0 1 1.536 0l2.865 3.438a1 1 0 0 1-.768 1.64h-5.73a1 1 0 0 1-.768-1.64z\"/></svg>",
+	"airplay-exit": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path d=\"M15 1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-.273l-4.566-5.581a1.5 1.5 0 0 0-2.322 0L3.272 15H3a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3z\"/><path d=\"M8.232 11.922a1 1 0 0 1 1.536 0l2.865 3.438a1 1 0 0 1-.768 1.64h-5.73a1 1 0 0 1-.768-1.64z\"/></svg>",
+	"captions-off": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><rect width=\"16\" height=\"12\" x=\"1\" y=\"3\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" rx=\"2\"/><path fill=\"currentColor\" d=\"M8.663 8.052H7.31a1.3 1.3 0 0 0-.152-.467 1.2 1.2 0 0 0-.293-.352 1.3 1.3 0 0 0-.414-.223 1.6 1.6 0 0 0-.504-.077q-.49 0-.855.244a1.56 1.56 0 0 0-.566.705q-.2.46-.2 1.118 0 .677.2 1.137.204.46.569.695t.843.235q.27 0 .498-.071.231-.072.41-.207.18-.14.297-.337.12-.198.167-.451l1.353.006q-.053.435-.263.84a2.5 2.5 0 0 1-.559.72q-.349.315-.834.5a3.1 3.1 0 0 1-1.09.183 3 3 0 0 1-1.514-.383 2.7 2.7 0 0 1-1.05-1.11Q2.968 10.032 2.968 9q0-1.035.39-1.76.39-.727 1.056-1.107a2.96 2.96 0 0 1 1.502-.383q.55 0 1.019.154.473.155.837.452.365.293.593.72.232.426.297.976m6.368 0h-1.352a1.3 1.3 0 0 0-.152-.467 1.2 1.2 0 0 0-.293-.352 1.3 1.3 0 0 0-.414-.223 1.6 1.6 0 0 0-.504-.077q-.491 0-.856.244a1.56 1.56 0 0 0-.565.705q-.2.46-.2 1.118 0 .677.2 1.137.203.46.569.695.364.235.843.235.27 0 .497-.071.232-.072.411-.207.18-.14.297-.337a1.3 1.3 0 0 0 .167-.451l1.353.006q-.053.435-.263.84a2.5 2.5 0 0 1-.56.72 2.6 2.6 0 0 1-.833.5 3.1 3.1 0 0 1-1.09.183 3 3 0 0 1-1.514-.383 2.7 2.7 0 0 1-1.05-1.11Q9.336 10.032 9.336 9q0-1.035.39-1.76.389-.727 1.056-1.107a2.96 2.96 0 0 1 1.501-.383q.55 0 1.02.154.473.155.837.452.364.293.593.72.232.426.297.976\"/></svg>",
+	"captions-on": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path d=\"M15 2a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM5.917 5.75q-.834 0-1.502.383a2.7 2.7 0 0 0-1.057 1.106Q2.97 7.965 2.97 9q0 1.032.383 1.758a2.7 2.7 0 0 0 1.05 1.11q.667.382 1.514.382.609 0 1.09-.183.485-.185.834-.5a2.53 2.53 0 0 0 .822-1.56L7.31 10q-.047.254-.167.451a1.2 1.2 0 0 1-.707.544q-.23.07-.498.07-.478 0-.843-.234a1.54 1.54 0 0 1-.569-.695q-.2-.46-.2-1.137 0-.658.2-1.118a1.56 1.56 0 0 1 .566-.704q.365-.244.855-.244.273 0 .504.077.236.077.414.221.18.146.293.353.114.204.152.467h1.353a2.7 2.7 0 0 0-.297-.977 2.3 2.3 0 0 0-.593-.72 2.6 2.6 0 0 0-.837-.45 3.3 3.3 0 0 0-1.019-.155m6.367 0q-.834 0-1.5.383a2.7 2.7 0 0 0-1.057 1.106q-.39.726-.39 1.761 0 1.032.383 1.758.386.726 1.05 1.11.668.382 1.514.382.61 0 1.091-.183.485-.185.834-.5a2.53 2.53 0 0 0 .821-1.56L13.678 10a1.3 1.3 0 0 1-.167.451 1.2 1.2 0 0 1-.707.544q-.23.07-.498.07-.48 0-.843-.234a1.54 1.54 0 0 1-.568-.695q-.202-.46-.202-1.137 0-.658.202-1.118.2-.464.564-.704.365-.244.856-.244.272 0 .503.077.236.077.414.221.18.146.294.353.115.204.152.467h1.352a2.7 2.7 0 0 0-.296-.977 2.3 2.3 0 0 0-.593-.72 2.6 2.6 0 0 0-.837-.45 3.3 3.3 0 0 0-1.02-.155\"/></svg>",
+	"cast-enter": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M1 6V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-5\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M0 12a4 4 0 0 1 4 4M0 9a7 7 0 0 1 7 7\"/><path fill=\"currentColor\" d=\"M0 14a2 2 0 0 1 2 2H0z\"/></svg>",
+	"cast-exit": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M1 6V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-5\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M0 12a4 4 0 0 1 4 4M0 9a7 7 0 0 1 7 7\"/><path fill=\"currentColor\" d=\"M0 14a2 2 0 0 1 2 2H0zm13.5-8.5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H9.224c-.418 0-.786-.263-.967-.64-.824-1.725-2.28-3.116-4.087-3.903-.394-.17-.67-.547-.67-.976V6.5a1 1 0 0 1 1-1z\"/></svg>",
+	"check": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5.5 9.5 7.75 12l4.75-6\"/></svg>",
+	"chevron": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m7 4 5 5-5 5\"/></svg>",
+	"fullscreen-enter": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16H2v-5m0 5 5-5m4-9h5v5m0-5-5 5\"/></svg>",
+	"fullscreen-exit": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 11h5v5m0-5-5 5m14-9h-5V2m0 5 5-5\"/></svg>",
+	"gear": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path d=\"M7.52 2.184c.355-1.579 2.604-1.579 2.961 0a1.52 1.52 0 0 0 2.292.949c1.368-.864 2.958.727 2.094 2.095-.56.886-.073 2.06.95 2.29 1.578.357 1.578 2.607 0 2.964a1.518 1.518 0 0 0-.95 2.29c.864 1.37-.726 2.96-2.094 2.095a1.52 1.52 0 0 0-1.972.307 1.5 1.5 0 0 0-.32.643c-.357 1.578-2.606 1.578-2.962 0a1.518 1.518 0 0 0-2.29-.95c-1.369.864-2.96-.726-2.096-2.094.56-.887.074-2.06-.95-2.29-1.578-.358-1.578-2.608 0-2.964a1.52 1.52 0 0 0 .95-2.29c-.864-1.369.727-2.96 2.095-2.096.886.56 2.06.074 2.29-.95zM9 5a4 4 0 1 0 0 8 4 4 0 0 0 0-8\"/></svg>",
+	"pause": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><rect width=\"4\" height=\"12\" x=\"3\" y=\"3\" rx=\"1.5\"/><rect width=\"4\" height=\"12\" x=\"11\" y=\"3\" rx=\"1.5\"/></svg>",
+	"pip-enter": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 15H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2\"/><rect width=\"9\" height=\"7\" x=\"9\" y=\"9\" fill=\"currentColor\" rx=\"2\"/></svg>",
+	"pip-exit": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path d=\"M15 2a3 3 0 0 1 3 3v3.128a3.5 3.5 0 0 0-2-.628h-5A3.5 3.5 0 0 0 7.5 11v3c0 .744.232 1.433.628 2H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3z\"/><rect width=\"9\" height=\"7\" x=\"9\" y=\"9\" rx=\"2\"/></svg>",
+	"play": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path d=\"M4 3.822a1 1 0 0 1 1.537-.844l8.137 5.178a1 1 0 0 1 0 1.688l-8.137 5.178A1 1 0 0 1 4 14.178z\"/></svg>",
+	"quality": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path d=\"M15 2a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM3.013 5.75v6.5h1.375V9.564h2.789v2.686h1.37v-6.5h-1.37v2.682h-2.79V5.75zm6.49 0v6.5h2.304q.99 0 1.7-.39a2.64 2.64 0 0 0 1.095-1.12q.385-.73.385-1.746 0-1.012-.385-1.74a2.63 2.63 0 0 0-1.087-1.113q-.708-.39-1.689-.391zm2.25 1.178q.61 0 1.025.216.416.215.625.672.213.458.213 1.178 0 .726-.213 1.187-.21.457-.629.675-.415.216-1.024.216h-.873V6.928z\"/></svg>",
+	"restart": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.101A7 7 0 1 1 2.674 12\"/><path fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m3.367 2.044-.596 3.754 3.745-.653z\"/><path fill=\"currentColor\" d=\"M7 6.883a.5.5 0 0 1 .757-.429l3.528 2.117a.5.5 0 0 1 0 .858l-3.528 2.117a.5.5 0 0 1-.757-.43z\"/></svg>",
+	"seek": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><g stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M4.05 13.95a7 7 0 0 1 0-9.9 7 7 0 0 1 9.9 0\"/><path fill=\"currentColor\" d=\"m14.633 2.044.596 3.754-3.745-.653z\"/></g></svg>",
+	"speech": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"m12.475 7.439-1.414-1.414a.5.5 0 0 0-.827.196l-.707 2.121a.5.5 0 0 0 .633.632l2.121-.707a.5.5 0 0 0 .196-.827z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5.5 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4m-3.874 6a4.002 4.002 0 0 1 7.748 0\"/><path fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.5 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6\"/></svg>",
+	"speed": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.244 7.194A7 7 0 0 0 2 9a7 7 0 1 0 7-7c-.626 0-1.229.09-1.806.244M9 9 4 4\"/><circle cx=\"9\" cy=\"9\" r=\"1\" fill=\"currentColor\"/></svg>",
+	"spinner": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><style>@keyframes media-spinner-fade{0%{opacity:1}to{opacity:0}}.media-spinner__segment{animation:var(--media-spinner-animation, media-spinner-fade 1s steps(8, end) infinite);animation-delay:var(--media-spinner-delay)}@media (prefers-reduced-motion:reduce){.media-spinner__segment{animation:none}}</style><path d=\"M9 1.5v3\" class=\"media-spinner__segment\" opacity=\".5\" style=\"--media-spinner-delay:0s\"/><path d=\"m14.5 3.5-2 2\" class=\"media-spinner__segment\" opacity=\".45\" style=\"--media-spinner-delay:0.125s\"/><path d=\"M16.5 9h-3\" class=\"media-spinner__segment\" opacity=\".4\" style=\"--media-spinner-delay:0.25s\"/><path d=\"m14.5 14.5-2-2\" class=\"media-spinner__segment\" opacity=\".35\" style=\"--media-spinner-delay:0.375s\"/><path d=\"M9 16.5v-3\" class=\"media-spinner__segment\" opacity=\".3\" style=\"--media-spinner-delay:0.5s\"/><path d=\"m3.5 14.5 2-2\" class=\"media-spinner__segment\" opacity=\".25\" style=\"--media-spinner-delay:0.625s\"/><path d=\"M1.5 9h3\" class=\"media-spinner__segment\" opacity=\".15\" style=\"--media-spinner-delay:0.75s\"/><path d=\"m3.5 3.5 2 2\" class=\"media-spinner__segment\" opacity=\".1\" style=\"--media-spinner-delay:0.875s\"/></svg>",
+	"switches": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path d=\"M12.5 1a3.5 3.5 0 1 1 0 7h-7a3.5 3.5 0 1 1 0-7zm-7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m7 7a3.5 3.5 0 1 1 0 7h-7a3.5 3.5 0 1 1 0-7zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3\"/></svg>",
+	"volume-high": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M1 7a1 1 0 0 1 1-1h1.65a1 1 0 0 0 .624-.22L7.375 3.3A1 1 0 0 1 9 4.08v9.84a1 1 0 0 1-1.625.78l-3.101-2.48a1 1 0 0 0-.625-.22H2a1 1 0 0 1-1-1z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.928 6.702a2.997 2.997 0 0 1 0 4.596\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.355 4.026a5.998 5.998 0 0 1 0 9.948\"/></svg>",
+	"volume-low": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M2 7a1 1 0 0 1 1-1h1.65a1 1 0 0 0 .624-.22L8.375 3.3A1 1 0 0 1 10 4.08v9.84a1 1 0 0 1-1.625.78l-3.101-2.48a1 1 0 0 0-.625-.22H3a1 1 0 0 1-1-1z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12.928 6.702a2.997 2.997 0 0 1 0 4.596\"/></svg>",
+	"volume-off": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path fill=\"currentColor\" d=\"M2 7a1 1 0 0 1 1-1h1.65a1 1 0 0 0 .624-.22L8.375 3.3A1 1 0 0 1 10 4.08v9.84a1 1 0 0 1-1.625.78l-3.101-2.48a1 1 0 0 0-.625-.22H3a1 1 0 0 1-1-1z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 7 4 4m0-4-4 4\"/></svg>"
+};
+//#endregion
+export { icons };
+
+//# sourceMappingURL=icons.js.map

package/dist/dev/icons/dist/element/compat/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","names":[],"sources":["../../../../../../../icons/dist/element/compat/icons.js"],"sourcesContent":["export const icons = {\n  \"airplay-enter\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M3.5 14H3a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-.5\\\"/><path fill=\\\"currentColor\\\" d=\\\"M8.232 11.922a1 1 0 0 1 1.536 0l2.865 3.438a1 1 0 0 1-.768 1.64h-5.73a1 1 0 0 1-.768-1.64z\\\"/></svg>\",\n  \"airplay-exit\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"currentColor\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path d=\\\"M15 1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-.273l-4.566-5.581a1.5 1.5 0 0 0-2.322 0L3.272 15H3a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3z\\\"/><path d=\\\"M8.232 11.922a1 1 0 0 1 1.536 0l2.865 3.438a1 1 0 0 1-.768 1.64h-5.73a1 1 0 0 1-.768-1.64z\\\"/></svg>\",\n  \"captions-off\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><rect width=\\\"16\\\" height=\\\"12\\\" x=\\\"1\\\" y=\\\"3\\\" stroke=\\\"currentColor\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" rx=\\\"2\\\"/><path fill=\\\"currentColor\\\" d=\\\"M8.663 8.052H7.31a1.3 1.3 0 0 0-.152-.467 1.2 1.2 0 0 0-.293-.352 1.3 1.3 0 0 0-.414-.223 1.6 1.6 0 0 0-.504-.077q-.49 0-.855.244a1.56 1.56 0 0 0-.566.705q-.2.46-.2 1.118 0 .677.2 1.137.204.46.569.695t.843.235q.27 0 .498-.071.231-.072.41-.207.18-.14.297-.337.12-.198.167-.451l1.353.006q-.053.435-.263.84a2.5 2.5 0 0 1-.559.72q-.349.315-.834.5a3.1 3.1 0 0 1-1.09.183 3 3 0 0 1-1.514-.383 2.7 2.7 0 0 1-1.05-1.11Q2.968 10.032 2.968 9q0-1.035.39-1.76.39-.727 1.056-1.107a2.96 2.96 0 0 1 1.502-.383q.55 0 1.019.154.473.155.837.452.365.293.593.72.232.426.297.976m6.368 0h-1.352a1.3 1.3 0 0 0-.152-.467 1.2 1.2 0 0 0-.293-.352 1.3 1.3 0 0 0-.414-.223 1.6 1.6 0 0 0-.504-.077q-.491 0-.856.244a1.56 1.56 0 0 0-.565.705q-.2.46-.2 1.118 0 .677.2 1.137.203.46.569.695.364.235.843.235.27 0 .497-.071.232-.072.411-.207.18-.14.297-.337a1.3 1.3 0 0 0 .167-.451l1.353.006q-.053.435-.263.84a2.5 2.5 0 0 1-.56.72 2.6 2.6 0 0 1-.833.5 3.1 3.1 0 0 1-1.09.183 3 3 0 0 1-1.514-.383 2.7 2.7 0 0 1-1.05-1.11Q9.336 10.032 9.336 9q0-1.035.39-1.76.389-.727 1.056-1.107a2.96 2.96 0 0 1 1.501-.383q.55 0 1.02.154.473.155.837.452.364.293.593.72.232.426.297.976\\\"/></svg>\",\n  \"captions-on\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"currentColor\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path d=\\\"M15 2a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM5.917 5.75q-.834 0-1.502.383a2.7 2.7 0 0 0-1.057 1.106Q2.97 7.965 2.97 9q0 1.032.383 1.758a2.7 2.7 0 0 0 1.05 1.11q.667.382 1.514.382.609 0 1.09-.183.485-.185.834-.5a2.53 2.53 0 0 0 .822-1.56L7.31 10q-.047.254-.167.451a1.2 1.2 0 0 1-.707.544q-.23.07-.498.07-.478 0-.843-.234a1.54 1.54 0 0 1-.569-.695q-.2-.46-.2-1.137 0-.658.2-1.118a1.56 1.56 0 0 1 .566-.704q.365-.244.855-.244.273 0 .504.077.236.077.414.221.18.146.293.353.114.204.152.467h1.353a2.7 2.7 0 0 0-.297-.977 2.3 2.3 0 0 0-.593-.72 2.6 2.6 0 0 0-.837-.45 3.3 3.3 0 0 0-1.019-.155m6.367 0q-.834 0-1.5.383a2.7 2.7 0 0 0-1.057 1.106q-.39.726-.39 1.761 0 1.032.383 1.758.386.726 1.05 1.11.668.382 1.514.382.61 0 1.091-.183.485-.185.834-.5a2.53 2.53 0 0 0 .821-1.56L13.678 10a1.3 1.3 0 0 1-.167.451 1.2 1.2 0 0 1-.707.544q-.23.07-.498.07-.48 0-.843-.234a1.54 1.54 0 0 1-.568-.695q-.202-.46-.202-1.137 0-.658.202-1.118.2-.464.564-.704.365-.244.856-.244.272 0 .503.077.236.077.414.221.18.146.294.353.115.204.152.467h1.352a2.7 2.7 0 0 0-.296-.977 2.3 2.3 0 0 0-.593-.72 2.6 2.6 0 0 0-.837-.45 3.3 3.3 0 0 0-1.02-.155\\\"/></svg>\",\n  \"cast-enter\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M1 6V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-5\\\"/><path stroke=\\\"currentColor\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M0 12a4 4 0 0 1 4 4M0 9a7 7 0 0 1 7 7\\\"/><path fill=\\\"currentColor\\\" d=\\\"M0 14a2 2 0 0 1 2 2H0z\\\"/></svg>\",\n  \"cast-exit\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M1 6V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-5\\\"/><path stroke=\\\"currentColor\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M0 12a4 4 0 0 1 4 4M0 9a7 7 0 0 1 7 7\\\"/><path fill=\\\"currentColor\\\" d=\\\"M0 14a2 2 0 0 1 2 2H0zm13.5-8.5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H9.224c-.418 0-.786-.263-.967-.64-.824-1.725-2.28-3.116-4.087-3.903-.394-.17-.67-.547-.67-.976V6.5a1 1 0 0 1 1-1z\\\"/></svg>\",\n  \"check\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M5.5 9.5 7.75 12l4.75-6\\\"/></svg>\",\n  \"chevron\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"m7 4 5 5-5 5\\\"/></svg>\",\n  \"fullscreen-enter\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M7 16H2v-5m0 5 5-5m4-9h5v5m0-5-5 5\\\"/></svg>\",\n  \"fullscreen-exit\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M2 11h5v5m0-5-5 5m14-9h-5V2m0 5 5-5\\\"/></svg>\",\n  \"gear\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"currentColor\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path d=\\\"M7.52 2.184c.355-1.579 2.604-1.579 2.961 0a1.52 1.52 0 0 0 2.292.949c1.368-.864 2.958.727 2.094 2.095-.56.886-.073 2.06.95 2.29 1.578.357 1.578 2.607 0 2.964a1.518 1.518 0 0 0-.95 2.29c.864 1.37-.726 2.96-2.094 2.095a1.52 1.52 0 0 0-1.972.307 1.5 1.5 0 0 0-.32.643c-.357 1.578-2.606 1.578-2.962 0a1.518 1.518 0 0 0-2.29-.95c-1.369.864-2.96-.726-2.096-2.094.56-.887.074-2.06-.95-2.29-1.578-.358-1.578-2.608 0-2.964a1.52 1.52 0 0 0 .95-2.29c-.864-1.369.727-2.96 2.095-2.096.886.56 2.06.074 2.29-.95zM9 5a4 4 0 1 0 0 8 4 4 0 0 0 0-8\\\"/></svg>\",\n  \"pause\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"currentColor\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><rect width=\\\"4\\\" height=\\\"12\\\" x=\\\"3\\\" y=\\\"3\\\" rx=\\\"1.5\\\"/><rect width=\\\"4\\\" height=\\\"12\\\" x=\\\"11\\\" y=\\\"3\\\" rx=\\\"1.5\\\"/></svg>\",\n  \"pip-enter\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M7 15H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2\\\"/><rect width=\\\"9\\\" height=\\\"7\\\" x=\\\"9\\\" y=\\\"9\\\" fill=\\\"currentColor\\\" rx=\\\"2\\\"/></svg>\",\n  \"pip-exit\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"currentColor\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path d=\\\"M15 2a3 3 0 0 1 3 3v3.128a3.5 3.5 0 0 0-2-.628h-5A3.5 3.5 0 0 0 7.5 11v3c0 .744.232 1.433.628 2H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3z\\\"/><rect width=\\\"9\\\" height=\\\"7\\\" x=\\\"9\\\" y=\\\"9\\\" rx=\\\"2\\\"/></svg>\",\n  \"play\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"currentColor\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path d=\\\"M4 3.822a1 1 0 0 1 1.537-.844l8.137 5.178a1 1 0 0 1 0 1.688l-8.137 5.178A1 1 0 0 1 4 14.178z\\\"/></svg>\",\n  \"quality\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"currentColor\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path d=\\\"M15 2a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM3.013 5.75v6.5h1.375V9.564h2.789v2.686h1.37v-6.5h-1.37v2.682h-2.79V5.75zm6.49 0v6.5h2.304q.99 0 1.7-.39a2.64 2.64 0 0 0 1.095-1.12q.385-.73.385-1.746 0-1.012-.385-1.74a2.63 2.63 0 0 0-1.087-1.113q-.708-.39-1.689-.391zm2.25 1.178q.61 0 1.025.216.416.215.625.672.213.458.213 1.178 0 .726-.213 1.187-.21.457-.629.675-.415.216-1.024.216h-.873V6.928z\\\"/></svg>\",\n  \"restart\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M4 4.101A7 7 0 1 1 2.674 12\\\"/><path fill=\\\"currentColor\\\" stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"m3.367 2.044-.596 3.754 3.745-.653z\\\"/><path fill=\\\"currentColor\\\" d=\\\"M7 6.883a.5.5 0 0 1 .757-.429l3.528 2.117a.5.5 0 0 1 0 .858l-3.528 2.117a.5.5 0 0 1-.757-.43z\\\"/></svg>\",\n  \"seek\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><g stroke=\\\"currentColor\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\"><path stroke-linecap=\\\"round\\\" d=\\\"M4.05 13.95a7 7 0 0 1 0-9.9 7 7 0 0 1 9.9 0\\\"/><path fill=\\\"currentColor\\\" d=\\\"m14.633 2.044.596 3.754-3.745-.653z\\\"/></g></svg>\",\n  \"speech\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path fill=\\\"currentColor\\\" d=\\\"m12.475 7.439-1.414-1.414a.5.5 0 0 0-.827.196l-.707 2.121a.5.5 0 0 0 .633.632l2.121-.707a.5.5 0 0 0 .196-.827z\\\"/><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M5.5 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4m-3.874 6a4.002 4.002 0 0 1 7.748 0\\\"/><path fill=\\\"currentColor\\\" stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M13.5 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6\\\"/></svg>\",\n  \"speed\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M2.244 7.194A7 7 0 0 0 2 9a7 7 0 1 0 7-7c-.626 0-1.229.09-1.806.244M9 9 4 4\\\"/><circle cx=\\\"9\\\" cy=\\\"9\\\" r=\\\"1\\\" fill=\\\"currentColor\\\"/></svg>\",\n  \"spinner\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-width=\\\"2\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><style>@keyframes media-spinner-fade{0%{opacity:1}to{opacity:0}}.media-spinner__segment{animation:var(--media-spinner-animation, media-spinner-fade 1s steps(8, end) infinite);animation-delay:var(--media-spinner-delay)}@media (prefers-reduced-motion:reduce){.media-spinner__segment{animation:none}}</style><path d=\\\"M9 1.5v3\\\" class=\\\"media-spinner__segment\\\" opacity=\\\".5\\\" style=\\\"--media-spinner-delay:0s\\\"/><path d=\\\"m14.5 3.5-2 2\\\" class=\\\"media-spinner__segment\\\" opacity=\\\".45\\\" style=\\\"--media-spinner-delay:0.125s\\\"/><path d=\\\"M16.5 9h-3\\\" class=\\\"media-spinner__segment\\\" opacity=\\\".4\\\" style=\\\"--media-spinner-delay:0.25s\\\"/><path d=\\\"m14.5 14.5-2-2\\\" class=\\\"media-spinner__segment\\\" opacity=\\\".35\\\" style=\\\"--media-spinner-delay:0.375s\\\"/><path d=\\\"M9 16.5v-3\\\" class=\\\"media-spinner__segment\\\" opacity=\\\".3\\\" style=\\\"--media-spinner-delay:0.5s\\\"/><path d=\\\"m3.5 14.5 2-2\\\" class=\\\"media-spinner__segment\\\" opacity=\\\".25\\\" style=\\\"--media-spinner-delay:0.625s\\\"/><path d=\\\"M1.5 9h3\\\" class=\\\"media-spinner__segment\\\" opacity=\\\".15\\\" style=\\\"--media-spinner-delay:0.75s\\\"/><path d=\\\"m3.5 3.5 2 2\\\" class=\\\"media-spinner__segment\\\" opacity=\\\".1\\\" style=\\\"--media-spinner-delay:0.875s\\\"/></svg>\",\n  \"switches\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"currentColor\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path d=\\\"M12.5 1a3.5 3.5 0 1 1 0 7h-7a3.5 3.5 0 1 1 0-7zm-7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m7 7a3.5 3.5 0 1 1 0 7h-7a3.5 3.5 0 1 1 0-7zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3\\\"/></svg>\",\n  \"volume-high\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path fill=\\\"currentColor\\\" d=\\\"M1 7a1 1 0 0 1 1-1h1.65a1 1 0 0 0 .624-.22L7.375 3.3A1 1 0 0 1 9 4.08v9.84a1 1 0 0 1-1.625.78l-3.101-2.48a1 1 0 0 0-.625-.22H2a1 1 0 0 1-1-1z\\\"/><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M11.928 6.702a2.997 2.997 0 0 1 0 4.596\\\"/><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M13.355 4.026a5.998 5.998 0 0 1 0 9.948\\\"/></svg>\",\n  \"volume-low\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path fill=\\\"currentColor\\\" d=\\\"M2 7a1 1 0 0 1 1-1h1.65a1 1 0 0 0 .624-.22L8.375 3.3A1 1 0 0 1 10 4.08v9.84a1 1 0 0 1-1.625.78l-3.101-2.48a1 1 0 0 0-.625-.22H3a1 1 0 0 1-1-1z\\\"/><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M12.928 6.702a2.997 2.997 0 0 1 0 4.596\\\"/></svg>\",\n  \"volume-off\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" fill=\\\"none\\\" aria-hidden=\\\"true\\\" viewBox=\\\"0 0 18 18\\\"><path fill=\\\"currentColor\\\" d=\\\"M2 7a1 1 0 0 1 1-1h1.65a1 1 0 0 0 .624-.22L8.375 3.3A1 1 0 0 1 10 4.08v9.84a1 1 0 0 1-1.625.78l-3.101-2.48a1 1 0 0 0-.625-.22H3a1 1 0 0 1-1-1z\\\"/><path stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"m12 7 4 4m0-4-4 4\\\"/></svg>\",\n};\n"],"mappings":";AAAA,MAAa,QAAQ;CACnB,iBAAiB;CACjB,gBAAgB;CAChB,gBAAgB;CAChB,eAAe;CACf,cAAc;CACd,aAAa;CACb,SAAS;CACT,WAAW;CACX,oBAAoB;CACpB,mBAAmB;CACnB,QAAQ;CACR,SAAS;CACT,aAAa;CACb,YAAY;CACZ,QAAQ;CACR,WAAW;CACX,WAAW;CACX,QAAQ;CACR,UAAU;CACV,SAAS;CACT,WAAW;CACX,YAAY;CACZ,eAAe;CACf,cAAc;CACd,cAAc;AAChB"}

package/dist/dev/icons/dist/element/{minimal → compat}/index.js

@@ -1,8 +1,8 @@
 import { MediaIconElement } from "../base.js";
 import { icons } from "./icons.js";
-//#region ../icons/dist/element/minimal/index.js
+//#region ../icons/dist/element/compat/index.js
 if (typeof customElements !== "undefined" && typeof HTMLElement !== "undefined") {
-	(customElements.get("media-icon") || MediaIconElement).register?.("minimal", icons);
+	(customElements.get("media-icon") || MediaIconElement).register?.("compat", icons);
 	if (!customElements.get("media-icon")) customElements.define("media-icon", MediaIconElement);
 }
 //#endregion

package/dist/dev/icons/dist/element/compat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../icons/dist/element/compat/index.js"],"sourcesContent":["import { MediaIconElement } from '../base.js';\nimport { icons } from './icons.js';\n\nif (typeof customElements !== 'undefined' && typeof HTMLElement !== 'undefined') {\n  const mediaIconElement = customElements.get('media-icon') || MediaIconElement;\n  mediaIconElement.register?.(\"compat\", icons);\n  if (!customElements.get('media-icon')) customElements.define('media-icon', MediaIconElement);\n}\n"],"mappings":";;;AAGA,IAAI,OAAO,mBAAmB,eAAe,OAAO,gBAAgB,aAAa;CAE/E,CADyB,eAAe,IAAI,YAAY,KAAK,iBAAA,CAC5C,WAAW,UAAU,KAAK;CAC3C,IAAI,CAAC,eAAe,IAAI,YAAY,GAAG,eAAe,OAAO,cAAc,gBAAgB;AAC7F"}

package/dist/dev/icons/dist/element/index.js

@@ -2,8 +2,9 @@ import { MediaIconElement } from "./base.js";
 //#region ../icons/dist/element/index.js
 if (typeof customElements !== "undefined" && typeof HTMLElement !== "undefined") {
 	const mediaIconElement = customElements.get("media-icon") || MediaIconElement;
+	mediaIconElement.registerLoader?.("compat", () => import("./compat/icons.js").then(({ icons }) => icons));
 	mediaIconElement.registerLoader?.("default", () => import("./default/icons.js").then(({ icons }) => icons));
-	mediaIconElement.registerLoader?.("minimal", () => import("./minimal/icons.js").then(({ icons }) => icons));
+	mediaIconElement.registerLoader?.("neutral", () => import("./neutral/icons.js").then(({ icons }) => icons));
 	if (!customElements.get("media-icon")) customElements.define("media-icon", MediaIconElement);
 }
 //#endregion

package/dist/dev/icons/dist/element/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../icons/dist/element/index.js"],"sourcesContent":["import { MediaIconElement } from './base.js';\n\nif (typeof customElements !== 'undefined' && typeof HTMLElement !== 'undefined') {\n  const mediaIconElement = customElements.get('media-icon') || MediaIconElement;\n  mediaIconElement.registerLoader?.(\"default\", () => import('./default/icons.js').then(({ icons }) => icons));\n  mediaIconElement.registerLoader?.(\"minimal\", () => import('./minimal/icons.js').then(({ icons }) => icons));\n  if (!customElements.get('media-icon')) customElements.define('media-icon', MediaIconElement);\n}\n"],"mappings":";;AAEA,IAAI,OAAO,mBAAmB,eAAe,OAAO,gBAAgB,aAAa;CAC/E,MAAM,mBAAmB,eAAe,IAAI,YAAY,KAAK;CAC7D,iBAAiB,iBAAiB,iBAAiB,OAAO,qBAAqB,CAAC,MAAM,EAAE,YAAY,KAAK,CAAC;CAC1G,iBAAiB,iBAAiB,iBAAiB,OAAO,qBAAqB,CAAC,MAAM,EAAE,YAAY,KAAK,CAAC;CAC1G,IAAI,CAAC,eAAe,IAAI,YAAY,GAAG,eAAe,OAAO,cAAc,gBAAgB;AAC7F"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../icons/dist/element/index.js"],"sourcesContent":["import { MediaIconElement } from './base.js';\n\nif (typeof customElements !== 'undefined' && typeof HTMLElement !== 'undefined') {\n  const mediaIconElement = customElements.get('media-icon') || MediaIconElement;\n  mediaIconElement.registerLoader?.(\"compat\", () => import('./compat/icons.js').then(({ icons }) => icons));\n  mediaIconElement.registerLoader?.(\"default\", () => import('./default/icons.js').then(({ icons }) => icons));\n  mediaIconElement.registerLoader?.(\"neutral\", () => import('./neutral/icons.js').then(({ icons }) => icons));\n  if (!customElements.get('media-icon')) customElements.define('media-icon', MediaIconElement);\n}\n"],"mappings":";;AAEA,IAAI,OAAO,mBAAmB,eAAe,OAAO,gBAAgB,aAAa;CAC/E,MAAM,mBAAmB,eAAe,IAAI,YAAY,KAAK;CAC7D,iBAAiB,iBAAiB,gBAAgB,OAAO,oBAAoB,CAAC,MAAM,EAAE,YAAY,KAAK,CAAC;CACxG,iBAAiB,iBAAiB,iBAAiB,OAAO,qBAAqB,CAAC,MAAM,EAAE,YAAY,KAAK,CAAC;CAC1G,iBAAiB,iBAAiB,iBAAiB,OAAO,qBAAqB,CAAC,MAAM,EAAE,YAAY,KAAK,CAAC;CAC1G,IAAI,CAAC,eAAe,IAAI,YAAY,GAAG,eAAe,OAAO,cAAc,gBAAgB;AAC7F"}

package/dist/dev/icons/dist/element/{minimal → neutral}/icons.js

@@ -1,4 +1,4 @@
-//#region ../icons/dist/element/minimal/icons.js
+//#region ../icons/dist/element/neutral/icons.js
 const icons = {
 	"airplay-enter": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><path d=\"M15.154 2.004A3 3 0 0 1 18 5v6a3 3 0 0 1-2.846 2.996L15 14l-1.5-1.5H15a1.5 1.5 0 0 0 1.5-1.5V5A1.5 1.5 0 0 0 15 3.5H3A1.5 1.5 0 0 0 1.5 5v6A1.5 1.5 0 0 0 3 12.5h1.5L3 14a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h12z\"/><path d=\"M8.631 10.902a.5.5 0 0 1 .738 0l4.363 4.76a.5.5 0 0 1-.369.838H4.637a.5.5 0 0 1-.369-.838z\"/></svg>",
 	"airplay-exit": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\" viewBox=\"0 0 18 18\"><style>@keyframes media-icon-airplay-triangle{0%{translate:0 0}to{translate:0-2px}}@keyframes media-icon-airplay-fill{0%{opacity:0}to{opacity:.2}}@media (prefers-reduced-motion:reduce){:root{--media-icon-airplay-fill-animation:none;--media-icon-airplay-triangle-animation:none}}</style><path d=\"M14.5 2A3.5 3.5 0 0 1 18 5.5v5a3.5 3.5 0 0 1-3.032 3.468L9.354 8.354a.5.5 0 0 0-.708 0l-5.615 5.614A3.5 3.5 0 0 1 0 10.5v-5A3.5 3.5 0 0 1 3.5 2z\" style=\"animation:var(--media-icon-airplay-fill-animation, media-icon-airplay-fill 1s ease-in-out infinite alternate)\"/><path d=\"M14.5 2A3.5 3.5 0 0 1 18 5.5v5l-.005.18a3.5 3.5 0 0 1-3.027 3.288L13.5 12.5h1a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2h-11a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h1l-1.468 1.467A3.5 3.5 0 0 1 0 10.5v-5A3.5 3.5 0 0 1 3.5 2z\"/><path d=\"M8.631 10.902a.5.5 0 0 1 .738 0l4.363 4.76a.5.5 0 0 1-.369.838H4.637a.5.5 0 0 1-.369-.838z\" style=\"animation:var(--media-icon-airplay-triangle-animation, media-icon-airplay-triangle 1s ease-in-out infinite alternate)\"/></svg>",