@hanifhan1f/vidstack 1.12.19 → 1.12.25

package/dev/chunks/vidstack-DV4g4XvL.js

@@ -0,0 +1,33 @@
+import { Host, effect, setAttribute } from './vidstack-C1PwJD_4.js';
+import { Poster } from './vidstack-CzCQJ29U.js';
+import './vidstack-BjxlZzGu.js';
+import './vidstack-DdTXMZro.js';
+import './vidstack-BnBLcaA5.js';
+
+class MediaPosterElement extends Host(HTMLElement, Poster) {
+  static tagName = "media-poster";
+  static attrs = {
+    crossOrigin: "crossorigin"
+  };
+  #img = document.createElement("img");
+  onSetup() {
+    this.$state.img.set(this.#img);
+  }
+  onConnect() {
+    const { src, alt, crossOrigin } = this.$state;
+    effect(() => {
+      const { loading, hidden } = this.$state;
+      this.#img.style.display = loading() || hidden() ? "none" : "";
+    });
+    effect(() => {
+      setAttribute(this.#img, "alt", alt());
+      setAttribute(this.#img, "crossorigin", crossOrigin());
+      setAttribute(this.#img, "src", src());
+    });
+    if (this.#img.parentNode !== this) {
+      this.prepend(this.#img);
+    }
+  }
+}
+
+export { MediaPosterElement };