@videojs/html 10.0.0-beta.9 → 10.0.0-rc.2

package/dist/dev/i18n/locales/tr/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":[],"sources":["../../../../../src/i18n/locales/tr/register.ts"],"sourcesContent":["/** Generated by packages/core/scripts/generate-i18n-locales.ts — do not edit. */\n\nimport { registerI18n } from '@videojs/core/i18n';\nimport translations from '@videojs/core/i18n/locales/tr';\n\nregisterI18n('tr', translations);\n"],"mappings":";;;;AAKA,aAAa,MAAM,YAAY"}

package/dist/dev/i18n/locales/tr.d.ts

@@ -0,0 +1,2 @@
+import tr_default from "@videojs/core/i18n/locales/tr";
+export { tr_default as default };

package/dist/dev/i18n/locales/tr.js

@@ -0,0 +1,2 @@
+import tr_default from "@videojs/core/i18n/locales/tr";
+export { tr_default as default };

package/dist/dev/i18n/locales/uk/register.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/dev/i18n/locales/uk/register.js

@@ -0,0 +1,8 @@
+import { registerI18n } from "@videojs/core/i18n";
+import translations from "@videojs/core/i18n/locales/uk";
+//#region src/i18n/locales/uk/register.ts
+/** Generated by packages/core/scripts/generate-i18n-locales.ts — do not edit. */
+registerI18n("uk", translations);
+//#endregion
+
+//# sourceMappingURL=register.js.map

package/dist/dev/i18n/locales/uk/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":[],"sources":["../../../../../src/i18n/locales/uk/register.ts"],"sourcesContent":["/** Generated by packages/core/scripts/generate-i18n-locales.ts — do not edit. */\n\nimport { registerI18n } from '@videojs/core/i18n';\nimport translations from '@videojs/core/i18n/locales/uk';\n\nregisterI18n('uk', translations);\n"],"mappings":";;;;AAKA,aAAa,MAAM,YAAY"}

package/dist/dev/i18n/locales/uk.d.ts

@@ -0,0 +1,2 @@
+import uk_default from "@videojs/core/i18n/locales/uk";
+export { uk_default as default };

package/dist/dev/i18n/locales/uk.js

@@ -0,0 +1,2 @@
+import uk_default from "@videojs/core/i18n/locales/uk";
+export { uk_default as default };

package/dist/dev/i18n/locales/vi/register.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/dev/i18n/locales/vi/register.js

@@ -0,0 +1,8 @@
+import { registerI18n } from "@videojs/core/i18n";
+import translations from "@videojs/core/i18n/locales/vi";
+//#region src/i18n/locales/vi/register.ts
+/** Generated by packages/core/scripts/generate-i18n-locales.ts — do not edit. */
+registerI18n("vi", translations);
+//#endregion
+
+//# sourceMappingURL=register.js.map

package/dist/dev/i18n/locales/vi/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":[],"sources":["../../../../../src/i18n/locales/vi/register.ts"],"sourcesContent":["/** Generated by packages/core/scripts/generate-i18n-locales.ts — do not edit. */\n\nimport { registerI18n } from '@videojs/core/i18n';\nimport translations from '@videojs/core/i18n/locales/vi';\n\nregisterI18n('vi', translations);\n"],"mappings":";;;;AAKA,aAAa,MAAM,YAAY"}

package/dist/dev/i18n/locales/vi.d.ts

@@ -0,0 +1,2 @@
+import vi_default from "@videojs/core/i18n/locales/vi";
+export { vi_default as default };

package/dist/dev/i18n/locales/vi.js

@@ -0,0 +1,2 @@
+import vi_default from "@videojs/core/i18n/locales/vi";
+export { vi_default as default };

package/dist/dev/i18n/locales/zh/register.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/dev/i18n/locales/zh/register.js

@@ -0,0 +1,8 @@
+import { registerI18n } from "@videojs/core/i18n";
+import translations from "@videojs/core/i18n/locales/zh";
+//#region src/i18n/locales/zh/register.ts
+/** Generated by packages/core/scripts/generate-i18n-locales.ts — do not edit. */
+registerI18n("zh", translations);
+//#endregion
+
+//# sourceMappingURL=register.js.map

package/dist/dev/i18n/locales/zh/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":[],"sources":["../../../../../src/i18n/locales/zh/register.ts"],"sourcesContent":["/** Generated by packages/core/scripts/generate-i18n-locales.ts — do not edit. */\n\nimport { registerI18n } from '@videojs/core/i18n';\nimport translations from '@videojs/core/i18n/locales/zh';\n\nregisterI18n('zh', translations);\n"],"mappings":";;;;AAKA,aAAa,MAAM,YAAY"}

package/dist/dev/i18n/locales/zh-CN/register.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/dev/i18n/locales/zh-CN/register.js

@@ -0,0 +1,8 @@
+import { registerI18n } from "@videojs/core/i18n";
+import translations from "@videojs/core/i18n/locales/zh-CN";
+//#region src/i18n/locales/zh-CN/register.ts
+/** Generated by packages/core/scripts/generate-i18n-locales.ts — do not edit. */
+registerI18n("zh-CN", translations);
+//#endregion
+
+//# sourceMappingURL=register.js.map

package/dist/dev/i18n/locales/zh-CN/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":[],"sources":["../../../../../src/i18n/locales/zh-CN/register.ts"],"sourcesContent":["/** Generated by packages/core/scripts/generate-i18n-locales.ts — do not edit. */\n\nimport { registerI18n } from '@videojs/core/i18n';\nimport translations from '@videojs/core/i18n/locales/zh-CN';\n\nregisterI18n('zh-CN', translations);\n"],"mappings":";;;;AAKA,aAAa,SAAS,YAAY"}

package/dist/dev/i18n/locales/zh-CN.d.ts

@@ -0,0 +1,2 @@
+import zh_CN_default from "@videojs/core/i18n/locales/zh-CN";
+export { zh_CN_default as default };

package/dist/dev/i18n/locales/zh-CN.js

@@ -0,0 +1,2 @@
+import zh_CN_default from "@videojs/core/i18n/locales/zh-CN";
+export { zh_CN_default as default };

package/dist/dev/i18n/locales/zh-TW/register.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/dev/i18n/locales/zh-TW/register.js

@@ -0,0 +1,8 @@
+import { registerI18n } from "@videojs/core/i18n";
+import translations from "@videojs/core/i18n/locales/zh-TW";
+//#region src/i18n/locales/zh-TW/register.ts
+/** Generated by packages/core/scripts/generate-i18n-locales.ts — do not edit. */
+registerI18n("zh-TW", translations);
+//#endregion
+
+//# sourceMappingURL=register.js.map

package/dist/dev/i18n/locales/zh-TW/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":[],"sources":["../../../../../src/i18n/locales/zh-TW/register.ts"],"sourcesContent":["/** Generated by packages/core/scripts/generate-i18n-locales.ts — do not edit. */\n\nimport { registerI18n } from '@videojs/core/i18n';\nimport translations from '@videojs/core/i18n/locales/zh-TW';\n\nregisterI18n('zh-TW', translations);\n"],"mappings":";;;;AAKA,aAAa,SAAS,YAAY"}

package/dist/dev/i18n/locales/zh-TW.d.ts

@@ -0,0 +1,2 @@
+import zh_TW_default from "@videojs/core/i18n/locales/zh-TW";
+export { zh_TW_default as default };

package/dist/dev/i18n/locales/zh-TW.js

@@ -0,0 +1,2 @@
+import zh_TW_default from "@videojs/core/i18n/locales/zh-TW";
+export { zh_TW_default as default };

package/dist/dev/i18n/locales/zh.d.ts

@@ -0,0 +1,2 @@
+import zh_default from "@videojs/core/i18n/locales/zh";
+export { zh_default as default };

package/dist/dev/i18n/locales/zh.js

@@ -0,0 +1,2 @@
+import zh_default from "@videojs/core/i18n/locales/zh";
+export { zh_default as default };

package/dist/dev/i18n/provider-element.d.ts

@@ -0,0 +1,11 @@
+import { I18nProviderMixin as I18nProviderMixin$1 } from "./provider-mixin.js";
+import { ReactiveElement } from "@videojs/element";
+//#region src/i18n/provider-element.d.ts
+declare const I18nProviderMixin: I18nProviderMixin$1;
+declare const I18nProviderElement_base: import("@videojs/utils/types").Constructor<ReactiveElement> & typeof ReactiveElement;
+declare class I18nProviderElement extends I18nProviderElement_base {
+  static readonly tagName = "media-i18n";
+}
+//#endregion
+export { I18nProviderElement, I18nProviderElement as MediaI18nProviderElement, I18nProviderMixin };
+//# sourceMappingURL=provider-element.d.ts.map

package/dist/dev/i18n/provider-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-element.d.ts","names":[],"sources":["../../../src/i18n/provider-element.ts"],"mappings":";;;cAKa,mBAAmB;;cAEnB,4BAA4B;kBACvB"}

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

@@ -0,0 +1,14 @@
+import { i18nContext } from "./context.js";
+import { createI18nProviderMixin } from "./provider-mixin.js";
+import { ReactiveElement } from "@videojs/element";
+//#region src/i18n/provider-element.ts
+const I18nProviderMixin = createI18nProviderMixin({ context: i18nContext });
+var I18nProviderElement = class extends I18nProviderMixin(ReactiveElement) {
+	static {
+		this.tagName = "media-i18n";
+	}
+};
+//#endregion
+export { I18nProviderElement, I18nProviderElement as MediaI18nProviderElement, I18nProviderMixin };
+
+//# sourceMappingURL=provider-element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"provider-element.js","names":[],"sources":["../../../src/i18n/provider-element.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\n\nimport { i18nContext } from './context';\nimport { createI18nProviderMixin, type I18nProviderMixin as ProviderMixin } from './provider-mixin';\n\nexport const I18nProviderMixin: ProviderMixin = createI18nProviderMixin({ context: i18nContext });\n\nexport class I18nProviderElement extends I18nProviderMixin(ReactiveElement) {\n  static readonly tagName = 'media-i18n';\n}\n\nexport { I18nProviderElement as MediaI18nProviderElement };\n"],"mappings":";;;;AAKA,MAAa,oBAAmC,wBAAwB,EAAE,SAAS,YAAY,CAAC;AAEhG,IAAa,sBAAb,cAAyC,kBAAkB,eAAe,CAAC,CAAC;;EAChD,KAAA,UAAA;;AAC5B"}

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

@@ -0,0 +1,9 @@
+import "./context.js";
+import { ReactiveElementMixinBase } from "./types.js";
+import { ReactiveElement } from "@videojs/element";
+import { Constructor } from "@videojs/utils/types";
+//#region src/i18n/provider-mixin.d.ts
+type I18nProviderMixin = <Base extends ReactiveElementMixinBase>(Base: Base) => Constructor<ReactiveElement> & Base;
+//#endregion
+export { I18nProviderMixin };
+//# sourceMappingURL=provider-mixin.d.ts.map

package/dist/dev/i18n/provider-mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-mixin.d.ts","names":[],"sources":["../../../src/i18n/provider-mixin.ts"],"mappings":";;;;;KA8BY,qBAAqB,aAAa,0BAC5C,MAAM,SACH,YAAY,mBAAmB"}

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

@@ -0,0 +1,159 @@
+import { getFallbackTranslator } from "./controller.js";
+import { resolveProviderLocale } from "./locale.js";
+import { ContextProvider } from "@videojs/element/context";
+import { DEFAULT_LOCALE, createTranslator, findLocaleKeys, getBrowserTranslations, getI18nTranslations, loadLocale, onI18nRegistryChange, registerI18n, shouldAttemptBrowserTranslation } from "@videojs/core/i18n";
+import { mergeLocaleOverlays, subscribeAmbientLang } from "@videojs/utils/dom";
+import { getTextDirection } from "@videojs/utils/i18n";
+//#region src/i18n/provider-mixin.ts
+function createI18nProviderMixin({ context, loader = loadLocale }) {
+	return (Base) => {
+		class I18nProviderElement extends Base {
+			constructor(..._args) {
+				super(..._args);
+				this.lang = "";
+				this.dir = "";
+				this.#i18nProvider = new ContextProvider(this, {
+					context,
+					initialValue: {
+						translator: getFallbackTranslator(),
+						locale: DEFAULT_LOCALE
+					}
+				});
+				this.#registryEpoch = 0;
+				this.#lazyLayer = {};
+				this.#lazySeq = 0;
+				this.#i18nValue = {
+					translator: getFallbackTranslator(),
+					locale: DEFAULT_LOCALE
+				};
+				this.#publishedRegistryEpoch = -1;
+			}
+			static {
+				this.properties = {
+					...Base.properties,
+					lang: {
+						type: String,
+						reflect: true
+					},
+					dir: {
+						type: String,
+						reflect: true
+					}
+				};
+			}
+			#i18nProvider;
+			#registryUnsubscribe;
+			#ambientUnsubscribe;
+			#registryEpoch;
+			#lazyLayer;
+			#lazySeq;
+			/** Tracks locale used for `#lazyLayer`; ambient `lang` can change without the `lang` property. */
+			#resolvedLocaleForLazy;
+			/** Locale snapshot when the current `#lazySeq` async load was started (see `willUpdate` drift guard). */
+			#lazyResetStartedForLocale;
+			#i18nValue;
+			#publishedLocale;
+			#publishedRegistryEpoch;
+			#publishedLazyLayer;
+			#derivedDirection;
+			get i18nValue() {
+				return this.#i18nValue;
+			}
+			connectedCallback() {
+				super.connectedCallback();
+				this.#registryUnsubscribe = onI18nRegistryChange(() => {
+					this.#registryEpoch += 1;
+					this.requestUpdate();
+				});
+				this.#ambientUnsubscribe = subscribeAmbientLang(() => this.requestUpdate());
+				this.#resetLazyAndLoad();
+				this.#publish();
+				this.requestUpdate();
+			}
+			disconnectedCallback() {
+				super.disconnectedCallback();
+				this.#registryUnsubscribe?.();
+				this.#registryUnsubscribe = void 0;
+				this.#ambientUnsubscribe?.();
+				this.#ambientUnsubscribe = void 0;
+				this.#lazySeq += 1;
+				this.#lazyLayer = {};
+				this.#resolvedLocaleForLazy = void 0;
+				this.#lazyResetStartedForLocale = void 0;
+			}
+			willUpdate(changed) {
+				super.willUpdate(changed);
+				const locale = resolveProviderLocale(this);
+				if (this.#resolvedLocaleForLazy !== locale) {
+					const hadLocale = this.#resolvedLocaleForLazy !== void 0;
+					this.#resolvedLocaleForLazy = locale;
+					const localeDriftedBeforeFirstPaint = !hadLocale && this.#lazyResetStartedForLocale !== void 0 && locale !== this.#lazyResetStartedForLocale;
+					if (hadLocale || localeDriftedBeforeFirstPaint) this.#resetLazyAndLoad();
+				}
+				this.#syncDirection(locale);
+				this.#publish();
+			}
+			#resetLazyAndLoad() {
+				const localeSnapshot = resolveProviderLocale(this);
+				this.#lazyResetStartedForLocale = localeSnapshot;
+				this.#lazySeq += 1;
+				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);
+						if (seq !== this.#lazySeq) return;
+						if (Object.keys(browser).length) registerI18n(localeSnapshot, browser);
+					}
+					if (seq !== this.#lazySeq) return;
+					this.#lazyLayer = merged;
+					this.requestUpdate();
+				})();
+			}
+			#resolvedLocale() {
+				return resolveProviderLocale(this);
+			}
+			#syncDirection(locale) {
+				const current = this.dir.trim().toLowerCase();
+				const isDerived = this.#derivedDirection !== void 0 && current === this.#derivedDirection;
+				if (!this.lang.trim()) {
+					if (isDerived) this.dir = "";
+					this.#derivedDirection = void 0;
+					return;
+				}
+				if (current && !isDerived) {
+					this.#derivedDirection = void 0;
+					return;
+				}
+				const direction = getTextDirection(locale);
+				this.#derivedDirection = direction;
+				if (this.dir !== direction) this.dir = direction;
+			}
+			#publish() {
+				const locale = this.#resolvedLocale();
+				if (this.#publishedLocale === locale && this.#publishedRegistryEpoch === this.#registryEpoch && this.#publishedLazyLayer === this.#lazyLayer) return;
+				const registryLayer = getI18nTranslations(locale);
+				const translations = {
+					...this.#lazyLayer,
+					...registryLayer
+				};
+				const translator = createTranslator(translations, locale);
+				this.#i18nValue = {
+					translator,
+					locale
+				};
+				this.#publishedLocale = locale;
+				this.#publishedRegistryEpoch = this.#registryEpoch;
+				this.#publishedLazyLayer = this.#lazyLayer;
+				this.#i18nProvider.setValue(this.#i18nValue);
+			}
+		}
+		return I18nProviderElement;
+	};
+}
+//#endregion
+export { createI18nProviderMixin };
+
+//# sourceMappingURL=provider-mixin.js.map

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

@@ -0,0 +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":";;;;;;;AAkCA,SAAgB,wBAAwB,EAAE,SAAS,SAASA,cAAwD;CAClH,QAA+C,SAAe;EAC5D,MAAM,4BAA4B,KAAK;;;IAO9B,KAAA,OAAA;IACD,KAAA,MAAA;IAEmB,KAAA,gBAAA,IAAI,gBAAgB,MAAM;KACjD;KACA,cAAc;MACZ,YAAY,sBAAsB;MAClC,QAAQ;KACV;IACF,CAAC;IAIgB,KAAA,iBAAA;IACuB,KAAA,aAAA,CAAC;IAC9B,KAAA,WAAA;IAKoB,KAAA,aAAA;KAC7B,YAAY,sBAAsB;KAClC,QAAQ;IACV;IAE0B,KAAA,0BAAA;;;IA/BN,KAAA,aAAA;KAClB,GAAG,KAAK;KACR,MAAM;MAAE,MAAM;MAAQ,SAAS;KAAK;KACpC,KAAK;MAAE,MAAM;MAAQ,SAAS;KAAK;IACrC;;GAKA;GAQA;GACA;GACA;GACA;GACA;;GAEA;;GAEA;GACA;GAIA;GACA;GACA;GACA;GAEA,IAAc,YAA8B;IAC1C,OAAO,KAAKE;GACd;GAEA,oBAAmC;IACjC,MAAM,kBAAkB;IACxB,KAAKC,uBAAuB,2BAA2B;KACrD,KAAKC,kBAAkB;KACvB,KAAK,cAAc;IACrB,CAAC;IACD,KAAKC,sBAAsB,2BAA2B,KAAK,cAAc,CAAC;IAC1E,KAAKC,kBAAkB;IACvB,KAAKC,SAAS;IACd,KAAK,cAAc;GACrB;GAEA,uBAAsC;IACpC,MAAM,qBAAqB;IAC3B,KAAKJ,uBAAuB;IAC5B,KAAKA,uBAAuB,KAAA;IAC5B,KAAKE,sBAAsB;IAC3B,KAAKA,sBAAsB,KAAA;IAC3B,KAAKG,YAAY;IACjB,KAAKC,aAAa,CAAC;IACnB,KAAKC,yBAAyB,KAAA;IAC9B,KAAKC,6BAA6B,KAAA;GACpC;GAEA,WAA8B,SAA+B;IAC3D,MAAM,WAAW,OAAO;IACxB,MAAM,SAAS,sBAAsB,IAAI;IAEzC,IAAI,KAAKD,2BAA2B,QAAQ;KAC1C,MAAM,YAAY,KAAKA,2BAA2B,KAAA;KAElD,KAAKA,yBAAyB;KAC9B,MAAM,gCACJ,CAAC,aAAa,KAAKC,+BAA+B,KAAA,KAAa,WAAW,KAAKA;KAEjF,IAAI,aAAa,+BACf,KAAKL,kBAAkB;IAE3B;IAEA,KAAKM,eAAe,MAAM;IAC1B,KAAKL,SAAS;GAChB;GAEA,oBAA0B;IACxB,MAAM,iBAAiB,sBAAsB,IAAI;IAEjD,KAAKI,6BAA6B;IAClC,KAAKH,YAAY;IACjB,MAAM,MAAM,KAAKA;IAEjB,KAAKC,aAAa,CAAC;IACnB,CAAM,YAAY;KAChB,MAAM,EAAE,QAAQ,eAAe,MAAM,oBAAoB,gBAAgB,QAAQ,cAAc;KAE/F,IAAI,QAAQ,KAAKD,UAAU;KAE3B,IAAI,gCAAgC,gBAAgB,YAAY,MAAM,GAAG;MACvE,MAAM,UAAU,MAAM,uBAAuB,cAAc;MAE3D,IAAI,QAAQ,KAAKA,UAAU;MAE3B,IAAI,OAAO,KAAK,OAAO,CAAC,CAAC,QAAQ,aAAa,gBAAgB,OAAO;KACvE;KAEA,IAAI,QAAQ,KAAKA,UAAU;KAE3B,KAAKC,aAAa;KAClB,KAAK,cAAc;IACrB,EAAA,CAAG;GACL;GAEA,kBAA0B;IACxB,OAAO,sBAAsB,IAAI;GACnC;GAEA,eAAe,QAAsB;IACnC,MAAM,UAAU,KAAK,IAAI,KAAK,CAAC,CAAC,YAAY;IAC5C,MAAM,YAAY,KAAKI,sBAAsB,KAAA,KAAa,YAAY,KAAKA;IAE3E,IAAI,CAAC,KAAK,KAAK,KAAK,GAAG;KACrB,IAAI,WAAW,KAAK,MAAM;KAE1B,KAAKA,oBAAoB,KAAA;KACzB;IACF;IAEA,IAAI,WAAW,CAAC,WAAW;KACzB,KAAKA,oBAAoB,KAAA;KACzB;IACF;IAEA,MAAM,YAAY,iBAAiB,MAAM;IAEzC,KAAKA,oBAAoB;IAEzB,IAAI,KAAK,QAAQ,WAAW,KAAK,MAAM;GACzC;GAEA,WAAiB;IACf,MAAM,SAAS,KAAKC,gBAAgB;IAEpC,IACE,KAAKC,qBAAqB,UAC1B,KAAKC,4BAA4B,KAAKZ,kBACtC,KAAKa,wBAAwB,KAAKR,YAElC;IAGF,MAAM,gBAAgB,oBAAoB,MAAM;IAChD,MAAM,eAAiC;KACrC,GAAG,KAAKA;KACR,GAAG;IACL;IACA,MAAM,aAAa,iBAAiB,cAAc,MAAM;IAExD,KAAKP,aAAa;KAAE;KAAY;IAAO;IACvC,KAAKa,mBAAmB;IACxB,KAAKC,0BAA0B,KAAKZ;IACpC,KAAKa,sBAAsB,KAAKR;IAChC,KAAKR,cAAc,SAAS,KAAKC,UAAU;GAC7C;EACF;EACA,OAAO;CACT;AACF"}

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

@@ -0,0 +1,7 @@
+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;
+//#endregion
+export { renderText };
+//# sourceMappingURL=render-text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render-text.d.ts","names":[],"sources":["../../../src/i18n/render-text.ts"],"mappings":";;;iBAIgB,WAAW,MAAM,MAAM,QAAQ"}

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

@@ -0,0 +1,11 @@
+import { escapeHtml } from "@videojs/utils/string";
+//#region src/i18n/render-text.ts
+/** Render a text descriptor as keyed media-text markup. */
+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>`;
+}
+//#endregion
+export { renderText };
+
+//# sourceMappingURL=render-text.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import "./context.js";
+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;
+//#endregion
+export { I18nTextMixin };
+//# sourceMappingURL=text-mixin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-mixin.d.ts","names":[],"sources":["../../../src/i18n/text-mixin.ts"],"mappings":";;;;;KAQY,iBAAiB,aAAa,0BAA0B,MAAM,SAAS,YAAY,mBAAmB"}

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

@@ -0,0 +1,40 @@
+import { I18nController } from "./controller.js";
+import { translateText } from "@videojs/core/i18n";
+//#region src/i18n/text-mixin.ts
+function createTextMixin({ context }) {
+	return (Base) => {
+		class MediaText extends Base {
+			constructor(..._args) {
+				super(..._args);
+				this.#i18n = new I18nController(this, context);
+				this.token = "";
+			}
+			static {
+				this.properties = { token: { type: String } };
+			}
+			#i18n;
+			#text;
+			connectedCallback() {
+				this.#text ??= this.textContent?.trim() ?? "";
+				super.connectedCallback();
+			}
+			updated(changed) {
+				super.updated(changed);
+				if (!this.#text) {
+					this.textContent = "";
+					return;
+				}
+				const text = this.token ? {
+					key: this.token,
+					text: this.#text
+				} : this.#text;
+				this.textContent = typeof text === "string" ? text : translateText(text, this.#i18n.value);
+			}
+		}
+		return MediaText;
+	};
+}
+//#endregion
+export { createTextMixin };
+
+//# sourceMappingURL=text-mixin.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+import { ReactiveElement } from "@videojs/element";
+import { FlatTranslations } from "@videojs/core/i18n";
+import { Constructor } from "@videojs/utils/types";
+//#region src/i18n/types.d.ts
+/**
+ * `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'>;
+/** Function to load partial or full translations for a given locale. */
+type LocaleLoader = (tag: string) => Promise<Partial<FlatTranslations> | undefined>;
+//#endregion
+export { LocaleLoader, ReactiveElementMixinBase };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/i18n/types.ts"],"mappings":";;;;;;;;KAQY,2BAA2B,YAAY,mBAAmB,YAAY;;KAGtE,gBAAgB,gBAAgB,QAAQ,QAAQ"}

package/dist/dev/icons/default/index.d.ts

@@ -0,0 +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/default/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/default/index.js

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","names":[],"sources":["../../../../../../icons/dist/element/base.d.ts"],"mappings":";KAAY,UAAU,SAAS"}

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

@@ -0,0 +1,65 @@
+//#region ../icons/dist/element/base.js
+const HTMLElementBase = globalThis.HTMLElement ?? class {};
+/** Renders registered SVG icon families in the light DOM. */
+var MediaIconElement = class MediaIconElement extends HTMLElementBase {
+	static #families = /* @__PURE__ */ new Map();
+	static #loaders = /* @__PURE__ */ new Map();
+	static #loading = /* @__PURE__ */ new Map();
+	static #instances = /* @__PURE__ */ new Set();
+	static register(family, icons) {
+		const familyIcons = MediaIconElement.#families.get(family) ?? /* @__PURE__ */ new Map();
+		for (const [name, svg] of Object.entries(icons)) familyIcons.set(name, svg);
+		MediaIconElement.#families.set(family, familyIcons);
+		for (const icon of MediaIconElement.#instances) if (icon.#family === family) icon.#render();
+	}
+	static registerLoader(family, load) {
+		MediaIconElement.#loaders.set(family, load);
+		for (const icon of MediaIconElement.#instances) if (icon.#family === family) icon.#render();
+	}
+	static load(family) {
+		if (MediaIconElement.#families.has(family)) return Promise.resolve();
+		const pending = MediaIconElement.#loading.get(family);
+		if (pending) return pending;
+		const loader = MediaIconElement.#loaders.get(family);
+		if (!loader) return Promise.resolve();
+		const loading = Promise.resolve().then(loader).then((icons) => MediaIconElement.register(family, icons)).finally(() => MediaIconElement.#loading.delete(family));
+		MediaIconElement.#loading.set(family, loading);
+		return loading;
+	}
+	static get observedAttributes() {
+		return ["name", "family"];
+	}
+	connectedCallback() {
+		MediaIconElement.#instances.add(this);
+		this.#render();
+	}
+	disconnectedCallback() {
+		MediaIconElement.#instances.delete(this);
+	}
+	attributeChangedCallback() {
+		this.#render();
+	}
+	get #family() {
+		return this.getAttribute("family") || "default";
+	}
+	#render() {
+		if (!this.isConnected) return;
+		const name = this.getAttribute("name");
+		const family = this.#family;
+		const familyIcons = MediaIconElement.#families.get(family);
+		const svg = name ? familyIcons?.get(name) : void 0;
+		if (svg !== void 0) {
+			if (this.innerHTML !== svg) this.innerHTML = svg;
+			return;
+		}
+		this.replaceChildren();
+		if (familyIcons || !name || !MediaIconElement.#loaders.has(family)) return;
+		MediaIconElement.load(family).then(() => {
+			if (this.isConnected && this.getAttribute("name") === name && this.#family === family) this.#render();
+		}, () => {});
+	}
+};
+//#endregion
+export { MediaIconElement };
+
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +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"}