(function(global, factory) {
  typeof exports === "object" && typeof module !== "undefined" ? factory(exports) : typeof define === "function" && define.amd ? define(["exports"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.oembed = {}));
})(this, function(exports2) {
  "use strict";
  var _a;
  const D = (e2) => {
    try {
      return !!new URL(e2);
    } catch {
      return false;
    }
  }, s$2 = /^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:youtube(?:-nocookie)?.com|youtu.be)(?:\/watch\?v)?[=/]([a-zA-Z0-9_-]{11})(?:\\?|=|&|$)/, U = (e2) => {
    var r2;
    return e2 ? ((r2 = e2.match(s$2)) == null ? void 0 : r2[1]) ?? "" : "";
  }, w = (e2) => `https://www.youtube.com/embed/${e2}`, f$2 = {
    /** @inheritdoc */
    name: "YouTube",
    /**
     * Determines if a given URL is recognized as a YouTube link.
     *
     * @param url - The string to evaluate.
     * @returns `true` if the URL matches YouTube patterns; otherwise `false`.
     */
    canParseUrl(e2) {
      return s$2.test(e2);
    },
    /**
     * Extracts the 11-char YouTube ID from a recognized YouTube URL.
     *
     * @param url - The potential YouTube link.
     * @returns The extracted video ID or an empty string if none found.
     */
    getIdFromUrl(e2) {
      return U(e2);
    },
    /**
     * Builds a full YouTube embed URL (e.g. `https://www.youtube.com/embed/<id>`).
     *
     * @param id - The 11-char YouTube video ID.
     * @returns A fully embeddable `<iframe>` URL for YouTube.
     */
    getEmbedUrlFromId(e2) {
      return w(e2);
    }
  }, i$3 = /^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?(?:\?playlist=[a-zA-Z0-9]+)?$/, y$2 = (e2) => {
    var r2;
    return ((r2 = e2.match(i$3)) == null ? void 0 : r2[1]) ?? "";
  }, h$2 = (e2) => `https://www.dailymotion.com/embed/video/${e2}`, b$1 = {
    /** @inheritdoc */
    name: "DailyMotion",
    /**
     * Checks whether a given URL matches the DailyMotion pattern.
     *
     * @param url - The URL to test for DailyMotion compatibility.
     * @returns `true` if the URL belongs to DailyMotion, otherwise `false`.
     */
    canParseUrl(e2) {
      return i$3.test(e2);
    },
    /**
     * Extracts the ID from a recognized DailyMotion URL.
     *
     * @param url - The DailyMotion URL string.
     * @returns The video ID found in the URL.
     */
    getIdFromUrl(e2) {
      return y$2(e2);
    },
    /**
     * Builds an embed URL for a given DailyMotion ID.
     *
     * @param id - The DailyMotion video ID.
     * @returns A fully embeddable iframe URL for DailyMotion.
     */
    getEmbedUrlFromId(e2) {
      return h$2(e2);
    }
  }, n$4 = [
    "track",
    "album",
    "playlist",
    "artist",
    "show",
    "episode"
  ], d$2 = new RegExp(
    `^(?:(?:https?):)?(?:\\/\\/)?(?:embed\\.|open\\.)?spotify\\.com\\/(?:(${n$4.join(
      "|"
    )})\\/)([-\\w]{22})(?:\\?si=[_\\-\\w]{22})?`
  ), m$1 = new RegExp(
    `^spotify:(?:(${n$4.join("|")}):)([-\\w]{22})`
  );
  function v$1(e2) {
    const r2 = e2.match(d$2) || e2.match(m$1);
    if (!r2)
      return ["", ""];
    const t2 = r2[1] ?? "";
    return [r2[2] ?? "", t2];
  }
  function I$1(e2, ...r2) {
    const t2 = typeof r2[0] == "string" ? r2[0] : "";
    return `https://open.spotify.com/embed/${n$4.includes(t2) ? t2 : "track"}/${e2}`;
  }
  const F = {
    /** @inheritdoc */
    name: "Spotify",
    /**
     * Determines if the given URL or URI matches a recognized Spotify pattern.
     *
     * @param url - A string that could point to a Spotify resource.
     * @returns `true` if the pattern matches, otherwise `false`.
     */
    canParseUrl(e2) {
      return d$2.test(e2) || m$1.test(e2);
    },
    /**
     * Extracts the ID and type from a recognized Spotify URL or `spotify:` URI.
     *
     * @param url - The Spotify link.
     * @returns `[id, type]` if matched, otherwise `["", ""]`.
     */
    getIdFromUrl(e2) {
      return v$1(e2);
    },
    /**
     * Builds an embeddable Spotify URL from an ID plus optional arguments (e.g. type).
     *
     * @param id - The 22-char Spotify ID.
     * @param args - The first arg may be the content type (`track`, `album`, `playlist`, etc.).
     * @returns The final embed URL, e.g. `"https://open.spotify.com/embed/track/<id>"`.
     */
    getEmbedUrlFromId(e2, ...r2) {
      return I$1(e2, ...r2);
    }
  }, c$3 = /(?:(?:https?):)?(?:\/\/)?(?:www\.|player\.)?vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/(?:[^/]*)\/videos\/|video\/|)(\d+)(?:|\/\?)/, P$1 = (e2) => {
    var r2;
    return ((r2 = e2.match(c$3)) == null ? void 0 : r2[1]) ?? "";
  }, E$1 = (e2) => `https://player.vimeo.com/video/${e2}`, z$1 = {
    /** @inheritdoc */
    name: "Vimeo",
    /**
     * Determines if the given URL matches the Vimeo pattern.
     *
     * @param url - The URL string to test.
     * @returns `true` if the URL is recognized as Vimeo; otherwise `false`.
     */
    canParseUrl(e2) {
      return c$3.test(e2);
    },
    /**
     * Extracts the Vimeo video ID from a recognized URL.
     *
     * @param url - The Vimeo URL.
     * @returns The numeric video ID.
     */
    getIdFromUrl(e2) {
      return P$1(e2);
    },
    /**
     * Builds an embeddable Vimeo URL from a numeric video ID.
     *
     * @param id - The numeric Vimeo ID.
     * @returns A fully embeddable URL for use in `<iframe src="...">`.
     */
    getEmbedUrlFromId(e2) {
      return E$1(e2);
    }
  }, a$2 = /^(?:(?:https?):)?(?:\/\/)?(?:www\.)?edpuzzle.com[=/]media\/([-\w]+)/, R$1 = (e2) => {
    var r2;
    if (e2) {
      if ((e2 == null ? void 0 : e2.length) > 1e3)
        throw new Error("URL too long");
      return ((r2 = e2.match(a$2)) == null ? void 0 : r2[1]) ?? "";
    }
    return "";
  }, T$1 = (e2) => `https://edpuzzle.com/embed/media/${e2}`, $$1 = {
    /** @inheritdoc */
    name: "EdPuzzle",
    /**
     * Checks if the given URL belongs to EdPuzzle.
     *
     * @param url - A string potentially matching EdPuzzle.
     * @returns `true` if EdPuzzle is recognized; otherwise `false`.
     */
    canParseUrl(e2) {
      return a$2.test(e2);
    },
    /**
     * Extracts the EdPuzzle ID from the recognized EdPuzzle URL.
     *
     * @param url - The EdPuzzle media URL.
     * @returns The extracted EdPuzzle ID.
     */
    getIdFromUrl(e2) {
      return R$1(e2);
    },
    /**
     * Builds an embeddable EdPuzzle URL from the given media ID.
     *
     * @param id - The EdPuzzle media ID.
     * @returns A full embed URL (e.g. `https://edpuzzle.com/embed/media/<id>`).
     */
    getEmbedUrlFromId(e2) {
      return T$1(e2);
    }
  }, l$2 = /^(?:(?:https?):)?(?:\/\/)?(?:www|fast|support\.)?(?:wistia.com|wi.st)[=/](?:medias|embed)\/([-\w]+)/, x$1 = (e2) => {
    var r2;
    if (e2) {
      if (e2.length > 1e3)
        throw new Error("URL too long");
      return ((r2 = e2.match(l$2)) == null ? void 0 : r2[1]) ?? "";
    }
    return "";
  }, A$1 = (e2) => `https://fast.wistia.net/embed/iframe/${e2}`, L$1 = {
    /** @inheritdoc */
    name: "Wistia",
    /**
     * Checks if a URL is recognized as a Wistia link by testing the pattern {@link wistiaUrlRegex}.
     *
     * @param url - The string to test.
     * @returns `true` if it matches Wistia patterns, otherwise `false`.
     */
    canParseUrl(e2) {
      return l$2.test(e2);
    },
    /**
     * Extracts the Wistia media ID from a recognized Wistia URL.
     *
     * @param url - The shared Wistia link.
     * @returns The extracted Wistia ID (e.g. `"26sk4lmiix"`).
     */
    getIdFromUrl(e2) {
      return x$1(e2);
    },
    /**
     * Constructs a Wistia embed URL given a media ID.
     *
     * @param id - The Wistia media ID.
     * @returns An `<iframe>`-friendly URL (e.g. `https://fast.wistia.net/embed/iframe/<id>`).
     */
    getEmbedUrlFromId(e2) {
      return A$1(e2);
    }
  }, u$2 = /^(?:(?:https?):)?(?:\/\/)?(?:www\.)?loom.com[=/]share\/([-\w]+)/, S$2 = (e2) => {
    var r2;
    if (e2) {
      if (e2.length > 1e3)
        throw new Error("URL too long");
      return ((r2 = e2.match(u$2)) == null ? void 0 : r2[1]) ?? "";
    }
    return "";
  }, M$1 = (e2) => `https://www.loom.com/embed/${e2}`, Y = {
    /** @inheritdoc */
    name: "Loom",
    /**
     * Returns `true` if the provided URL matches the Loom share pattern.
     *
     * @param url - The URL to test for Loom compatibility.
     * @returns `true` if Loom recognized; otherwise `false`.
     */
    canParseUrl(e2) {
      return u$2.test(e2);
    },
    /**
     * Extracts the Loom video ID from a recognized Loom URL.
     *
     * @param url - The shared Loom link.
     * @returns The parsed Loom video ID.
     */
    getIdFromUrl(e2) {
      return S$2(e2);
    },
    /**
     * Builds an embeddable Loom URL from a given Loom video ID.
     *
     * @param id - The Loom ID (e.g. `"e883f70b219a49f6ba7fbeac71a72604"`).
     * @returns The final embed URL (e.g. `https://www.loom.com/embed/<id>`).
     */
    getEmbedUrlFromId(e2) {
      return M$1(e2);
    }
  };
  function V$1(e2) {
    if (e2)
      return p$2.findProviderByUrl(e2);
  }
  let _$1 = class _ {
    /**
     * Creates an instance of {@link EmbedProviderRegistry}.
     */
    constructor() {
      this.providers = /* @__PURE__ */ new Map();
    }
    /**
     * Registers a provider.
     *
     * @remarks
     * If a provider with the same name is already present, it will be overwritten.
     *
     * @param provider - The {@link EmbedProvider} instance to register.
     */
    register(r2) {
      this.providers.set(r2.name, r2);
    }
    /**
     * Lists all registered providers.
     *
     * @returns An array of all currently registered {@link EmbedProvider} instances.
     */
    listProviders() {
      return Array.from(this.providers.values());
    }
    /**
     * Retrieves a provider by name.
     *
     * @param name - A provider’s `name` property.
     * @returns The matching {@link EmbedProvider}, or `undefined` if not found.
     */
    getProviderByName(r2) {
      return this.providers.get(r2);
    }
    /**
     * Finds the first provider that can parse the given URL.
     *
     * @param url - The URL to analyze.
     * @returns The matching {@link EmbedProvider}, or `undefined` if no provider recognizes it.
     */
    findProviderByUrl(r2) {
      for (const t2 of this.providers.values())
        if (t2.canParseUrl(r2))
          return t2;
    }
  };
  const B$1 = [
    b$1,
    $$1,
    Y,
    F,
    z$1,
    L$1,
    f$2
  ], p$2 = new _$1();
  for (const e2 of B$1)
    p$2.register(e2);
  /**
   * @license
   * Copyright 2019 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   */
  const t$2 = globalThis, e$2 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$1 = Symbol(), o$4 = /* @__PURE__ */ new WeakMap();
  let n$3 = class n {
    constructor(t2, e2, o2) {
      if (this._$cssResult$ = true, o2 !== s$1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
      this.cssText = t2, this.t = e2;
    }
    get styleSheet() {
      let t2 = this.o;
      const s2 = this.t;
      if (e$2 && void 0 === t2) {
        const e2 = void 0 !== s2 && 1 === s2.length;
        e2 && (t2 = o$4.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && o$4.set(s2, t2));
      }
      return t2;
    }
    toString() {
      return this.cssText;
    }
  };
  const r$4 = (t2) => new n$3("string" == typeof t2 ? t2 : t2 + "", void 0, s$1), S$1 = (s2, o2) => {
    if (e$2) s2.adoptedStyleSheets = o2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet);
    else for (const e2 of o2) {
      const o3 = document.createElement("style"), n2 = t$2.litNonce;
      void 0 !== n2 && o3.setAttribute("nonce", n2), o3.textContent = e2.cssText, s2.appendChild(o3);
    }
  }, c$2 = e$2 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
    let e2 = "";
    for (const s2 of t3.cssRules) e2 += s2.cssText;
    return r$4(e2);
  })(t2) : t2;
  /**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   */
  const { is: i$2, defineProperty: e$1, getOwnPropertyDescriptor: r$3, getOwnPropertyNames: h$1, getOwnPropertySymbols: o$3, getPrototypeOf: n$2 } = Object, a$1 = globalThis, c$1 = a$1.trustedTypes, l$1 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (t2, s2) => t2, u$1 = { toAttribute(t2, s2) {
    switch (s2) {
      case Boolean:
        t2 = t2 ? l$1 : null;
        break;
      case Object:
      case Array:
        t2 = null == t2 ? t2 : JSON.stringify(t2);
    }
    return t2;
  }, fromAttribute(t2, s2) {
    let i2 = t2;
    switch (s2) {
      case Boolean:
        i2 = null !== t2;
        break;
      case Number:
        i2 = null === t2 ? null : Number(t2);
        break;
      case Object:
      case Array:
        try {
          i2 = JSON.parse(t2);
        } catch (t3) {
          i2 = null;
        }
    }
    return i2;
  } }, f$1 = (t2, s2) => !i$2(t2, s2), y$1 = { attribute: true, type: String, converter: u$1, reflect: false, hasChanged: f$1 };
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), a$1.litPropertyMetadata ?? (a$1.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
  class b extends HTMLElement {
    static addInitializer(t2) {
      this._$Ei(), (this.l ?? (this.l = [])).push(t2);
    }
    static get observedAttributes() {
      return this.finalize(), this._$Eh && [...this._$Eh.keys()];
    }
    static createProperty(t2, s2 = y$1) {
      if (s2.state && (s2.attribute = false), this._$Ei(), this.elementProperties.set(t2, s2), !s2.noAccessor) {
        const i2 = Symbol(), r2 = this.getPropertyDescriptor(t2, i2, s2);
        void 0 !== r2 && e$1(this.prototype, t2, r2);
      }
    }
    static getPropertyDescriptor(t2, s2, i2) {
      const { get: e2, set: h2 } = r$3(this.prototype, t2) ?? { get() {
        return this[s2];
      }, set(t3) {
        this[s2] = t3;
      } };
      return { get() {
        return e2 == null ? void 0 : e2.call(this);
      }, set(s3) {
        const r2 = e2 == null ? void 0 : e2.call(this);
        h2.call(this, s3), this.requestUpdate(t2, r2, i2);
      }, configurable: true, enumerable: true };
    }
    static getPropertyOptions(t2) {
      return this.elementProperties.get(t2) ?? y$1;
    }
    static _$Ei() {
      if (this.hasOwnProperty(d$1("elementProperties"))) return;
      const t2 = n$2(this);
      t2.finalize(), void 0 !== t2.l && (this.l = [...t2.l]), this.elementProperties = new Map(t2.elementProperties);
    }
    static finalize() {
      if (this.hasOwnProperty(d$1("finalized"))) return;
      if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
        const t3 = this.properties, s2 = [...h$1(t3), ...o$3(t3)];
        for (const i2 of s2) this.createProperty(i2, t3[i2]);
      }
      const t2 = this[Symbol.metadata];
      if (null !== t2) {
        const s2 = litPropertyMetadata.get(t2);
        if (void 0 !== s2) for (const [t3, i2] of s2) this.elementProperties.set(t3, i2);
      }
      this._$Eh = /* @__PURE__ */ new Map();
      for (const [t3, s2] of this.elementProperties) {
        const i2 = this._$Eu(t3, s2);
        void 0 !== i2 && this._$Eh.set(i2, t3);
      }
      this.elementStyles = this.finalizeStyles(this.styles);
    }
    static finalizeStyles(s2) {
      const i2 = [];
      if (Array.isArray(s2)) {
        const e2 = new Set(s2.flat(1 / 0).reverse());
        for (const s3 of e2) i2.unshift(c$2(s3));
      } else void 0 !== s2 && i2.push(c$2(s2));
      return i2;
    }
    static _$Eu(t2, s2) {
      const i2 = s2.attribute;
      return false === i2 ? void 0 : "string" == typeof i2 ? i2 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
    }
    constructor() {
      super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
    }
    _$Ev() {
      var _a2;
      this._$ES = new Promise((t2) => this.enableUpdating = t2), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (_a2 = this.constructor.l) == null ? void 0 : _a2.forEach((t2) => t2(this));
    }
    addController(t2) {
      var _a2;
      (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t2), void 0 !== this.renderRoot && this.isConnected && ((_a2 = t2.hostConnected) == null ? void 0 : _a2.call(t2));
    }
    removeController(t2) {
      var _a2;
      (_a2 = this._$EO) == null ? void 0 : _a2.delete(t2);
    }
    _$E_() {
      const t2 = /* @__PURE__ */ new Map(), s2 = this.constructor.elementProperties;
      for (const i2 of s2.keys()) this.hasOwnProperty(i2) && (t2.set(i2, this[i2]), delete this[i2]);
      t2.size > 0 && (this._$Ep = t2);
    }
    createRenderRoot() {
      const t2 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
      return S$1(t2, this.constructor.elementStyles), t2;
    }
    connectedCallback() {
      var _a2;
      this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), (_a2 = this._$EO) == null ? void 0 : _a2.forEach((t2) => {
        var _a3;
        return (_a3 = t2.hostConnected) == null ? void 0 : _a3.call(t2);
      });
    }
    enableUpdating(t2) {
    }
    disconnectedCallback() {
      var _a2;
      (_a2 = this._$EO) == null ? void 0 : _a2.forEach((t2) => {
        var _a3;
        return (_a3 = t2.hostDisconnected) == null ? void 0 : _a3.call(t2);
      });
    }
    attributeChangedCallback(t2, s2, i2) {
      this._$AK(t2, i2);
    }
    _$EC(t2, s2) {
      var _a2;
      const i2 = this.constructor.elementProperties.get(t2), e2 = this.constructor._$Eu(t2, i2);
      if (void 0 !== e2 && true === i2.reflect) {
        const r2 = (void 0 !== ((_a2 = i2.converter) == null ? void 0 : _a2.toAttribute) ? i2.converter : u$1).toAttribute(s2, i2.type);
        this._$Em = t2, null == r2 ? this.removeAttribute(e2) : this.setAttribute(e2, r2), this._$Em = null;
      }
    }
    _$AK(t2, s2) {
      var _a2;
      const i2 = this.constructor, e2 = i2._$Eh.get(t2);
      if (void 0 !== e2 && this._$Em !== e2) {
        const t3 = i2.getPropertyOptions(e2), r2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== ((_a2 = t3.converter) == null ? void 0 : _a2.fromAttribute) ? t3.converter : u$1;
        this._$Em = e2, this[e2] = r2.fromAttribute(s2, t3.type), this._$Em = null;
      }
    }
    requestUpdate(t2, s2, i2) {
      if (void 0 !== t2) {
        if (i2 ?? (i2 = this.constructor.getPropertyOptions(t2)), !(i2.hasChanged ?? f$1)(this[t2], s2)) return;
        this.P(t2, s2, i2);
      }
      false === this.isUpdatePending && (this._$ES = this._$ET());
    }
    P(t2, s2, i2) {
      this._$AL.has(t2) || this._$AL.set(t2, s2), true === i2.reflect && this._$Em !== t2 && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t2);
    }
    async _$ET() {
      this.isUpdatePending = true;
      try {
        await this._$ES;
      } catch (t3) {
        Promise.reject(t3);
      }
      const t2 = this.scheduleUpdate();
      return null != t2 && await t2, !this.isUpdatePending;
    }
    scheduleUpdate() {
      return this.performUpdate();
    }
    performUpdate() {
      var _a2;
      if (!this.isUpdatePending) return;
      if (!this.hasUpdated) {
        if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
          for (const [t4, s3] of this._$Ep) this[t4] = s3;
          this._$Ep = void 0;
        }
        const t3 = this.constructor.elementProperties;
        if (t3.size > 0) for (const [s3, i2] of t3) true !== i2.wrapped || this._$AL.has(s3) || void 0 === this[s3] || this.P(s3, this[s3], i2);
      }
      let t2 = false;
      const s2 = this._$AL;
      try {
        t2 = this.shouldUpdate(s2), t2 ? (this.willUpdate(s2), (_a2 = this._$EO) == null ? void 0 : _a2.forEach((t3) => {
          var _a3;
          return (_a3 = t3.hostUpdate) == null ? void 0 : _a3.call(t3);
        }), this.update(s2)) : this._$EU();
      } catch (s3) {
        throw t2 = false, this._$EU(), s3;
      }
      t2 && this._$AE(s2);
    }
    willUpdate(t2) {
    }
    _$AE(t2) {
      var _a2;
      (_a2 = this._$EO) == null ? void 0 : _a2.forEach((t3) => {
        var _a3;
        return (_a3 = t3.hostUpdated) == null ? void 0 : _a3.call(t3);
      }), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t2)), this.updated(t2);
    }
    _$EU() {
      this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
    }
    get updateComplete() {
      return this.getUpdateComplete();
    }
    getUpdateComplete() {
      return this._$ES;
    }
    shouldUpdate(t2) {
      return true;
    }
    update(t2) {
      this._$Ej && (this._$Ej = this._$Ej.forEach((t3) => this._$EC(t3, this[t3]))), this._$EU();
    }
    updated(t2) {
    }
    firstUpdated(t2) {
    }
  }
  b.elementStyles = [], b.shadowRootOptions = { mode: "open" }, b[d$1("elementProperties")] = /* @__PURE__ */ new Map(), b[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1 == null ? void 0 : p$1({ ReactiveElement: b }), (a$1.reactiveElementVersions ?? (a$1.reactiveElementVersions = [])).push("2.0.4");
  /**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   */
  const t$1 = globalThis, i$1 = t$1.trustedTypes, s = i$1 ? i$1.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e = "$lit$", h = `lit$${Math.random().toFixed(9).slice(2)}$`, o$2 = "?" + h, n$1 = `<${o$2}>`, r$2 = document, l = () => r$2.createComment(""), c = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, a = Array.isArray, u = (t2) => a(t2) || "function" == typeof (t2 == null ? void 0 : t2[Symbol.iterator]), d = "[ 	\n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ 	
\f\r"'\`<>=]|("|')|))|$)`, "g"), p = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, y = (t2) => (i2, ...s2) => ({ _$litType$: t2, strings: i2, values: s2 }), x = y(1), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = /* @__PURE__ */ new WeakMap(), C = r$2.createTreeWalker(r$2, 129);
  function P(t2, i2) {
    if (!a(t2) || !t2.hasOwnProperty("raw")) throw Error("invalid template strings array");
    return void 0 !== s ? s.createHTML(i2) : i2;
  }
  const V = (t2, i2) => {
    const s2 = t2.length - 1, o2 = [];
    let r2, l2 = 2 === i2 ? "<svg>" : 3 === i2 ? "<math>" : "", c2 = f;
    for (let i3 = 0; i3 < s2; i3++) {
      const s3 = t2[i3];
      let a2, u2, d2 = -1, y2 = 0;
      for (; y2 < s3.length && (c2.lastIndex = y2, u2 = c2.exec(s3), null !== u2); ) y2 = c2.lastIndex, c2 === f ? "!--" === u2[1] ? c2 = v : void 0 !== u2[1] ? c2 = _ : void 0 !== u2[2] ? ($.test(u2[2]) && (r2 = RegExp("</" + u2[2], "g")), c2 = m) : void 0 !== u2[3] && (c2 = m) : c2 === m ? ">" === u2[0] ? (c2 = r2 ?? f, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c2.lastIndex - u2[2].length, a2 = u2[1], c2 = void 0 === u2[3] ? m : '"' === u2[3] ? g : p) : c2 === g || c2 === p ? c2 = m : c2 === v || c2 === _ ? c2 = f : (c2 = m, r2 = void 0);
      const x2 = c2 === m && t2[i3 + 1].startsWith("/>") ? " " : "";
      l2 += c2 === f ? s3 + n$1 : d2 >= 0 ? (o2.push(a2), s3.slice(0, d2) + e + s3.slice(d2) + h + x2) : s3 + h + (-2 === d2 ? i3 : x2);
    }
    return [P(t2, l2 + (t2[s2] || "<?>") + (2 === i2 ? "</svg>" : 3 === i2 ? "</math>" : "")), o2];
  };
  class N {
    constructor({ strings: t2, _$litType$: s2 }, n2) {
      let r2;
      this.parts = [];
      let c2 = 0, a2 = 0;
      const u2 = t2.length - 1, d2 = this.parts, [f2, v2] = V(t2, s2);
      if (this.el = N.createElement(f2, n2), C.currentNode = this.el.content, 2 === s2 || 3 === s2) {
        const t3 = this.el.content.firstChild;
        t3.replaceWith(...t3.childNodes);
      }
      for (; null !== (r2 = C.nextNode()) && d2.length < u2; ) {
        if (1 === r2.nodeType) {
          if (r2.hasAttributes()) for (const t3 of r2.getAttributeNames()) if (t3.endsWith(e)) {
            const i2 = v2[a2++], s3 = r2.getAttribute(t3).split(h), e2 = /([.?@])?(.*)/.exec(i2);
            d2.push({ type: 1, index: c2, name: e2[2], strings: s3, ctor: "." === e2[1] ? H : "?" === e2[1] ? I : "@" === e2[1] ? L : k }), r2.removeAttribute(t3);
          } else t3.startsWith(h) && (d2.push({ type: 6, index: c2 }), r2.removeAttribute(t3));
          if ($.test(r2.tagName)) {
            const t3 = r2.textContent.split(h), s3 = t3.length - 1;
            if (s3 > 0) {
              r2.textContent = i$1 ? i$1.emptyScript : "";
              for (let i2 = 0; i2 < s3; i2++) r2.append(t3[i2], l()), C.nextNode(), d2.push({ type: 2, index: ++c2 });
              r2.append(t3[s3], l());
            }
          }
        } else if (8 === r2.nodeType) if (r2.data === o$2) d2.push({ type: 2, index: c2 });
        else {
          let t3 = -1;
          for (; -1 !== (t3 = r2.data.indexOf(h, t3 + 1)); ) d2.push({ type: 7, index: c2 }), t3 += h.length - 1;
        }
        c2++;
      }
    }
    static createElement(t2, i2) {
      const s2 = r$2.createElement("template");
      return s2.innerHTML = t2, s2;
    }
  }
  function S(t2, i2, s2 = t2, e2) {
    var _a2, _b;
    if (i2 === T) return i2;
    let h2 = void 0 !== e2 ? (_a2 = s2._$Co) == null ? void 0 : _a2[e2] : s2._$Cl;
    const o2 = c(i2) ? void 0 : i2._$litDirective$;
    return (h2 == null ? void 0 : h2.constructor) !== o2 && ((_b = h2 == null ? void 0 : h2._$AO) == null ? void 0 : _b.call(h2, false), void 0 === o2 ? h2 = void 0 : (h2 = new o2(t2), h2._$AT(t2, s2, e2)), void 0 !== e2 ? (s2._$Co ?? (s2._$Co = []))[e2] = h2 : s2._$Cl = h2), void 0 !== h2 && (i2 = S(t2, h2._$AS(t2, i2.values), h2, e2)), i2;
  }
  class M {
    constructor(t2, i2) {
      this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i2;
    }
    get parentNode() {
      return this._$AM.parentNode;
    }
    get _$AU() {
      return this._$AM._$AU;
    }
    u(t2) {
      const { el: { content: i2 }, parts: s2 } = this._$AD, e2 = ((t2 == null ? void 0 : t2.creationScope) ?? r$2).importNode(i2, true);
      C.currentNode = e2;
      let h2 = C.nextNode(), o2 = 0, n2 = 0, l2 = s2[0];
      for (; void 0 !== l2; ) {
        if (o2 === l2.index) {
          let i3;
          2 === l2.type ? i3 = new R(h2, h2.nextSibling, this, t2) : 1 === l2.type ? i3 = new l2.ctor(h2, l2.name, l2.strings, this, t2) : 6 === l2.type && (i3 = new z(h2, this, t2)), this._$AV.push(i3), l2 = s2[++n2];
        }
        o2 !== (l2 == null ? void 0 : l2.index) && (h2 = C.nextNode(), o2++);
      }
      return C.currentNode = r$2, e2;
    }
    p(t2) {
      let i2 = 0;
      for (const s2 of this._$AV) void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i2), i2 += s2.strings.length - 2) : s2._$AI(t2[i2])), i2++;
    }
  }
  class R {
    get _$AU() {
      var _a2;
      return ((_a2 = this._$AM) == null ? void 0 : _a2._$AU) ?? this._$Cv;
    }
    constructor(t2, i2, s2, e2) {
      this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s2, this.options = e2, this._$Cv = (e2 == null ? void 0 : e2.isConnected) ?? true;
    }
    get parentNode() {
      let t2 = this._$AA.parentNode;
      const i2 = this._$AM;
      return void 0 !== i2 && 11 === (t2 == null ? void 0 : t2.nodeType) && (t2 = i2.parentNode), t2;
    }
    get startNode() {
      return this._$AA;
    }
    get endNode() {
      return this._$AB;
    }
    _$AI(t2, i2 = this) {
      t2 = S(this, t2, i2), c(t2) ? t2 === E || null == t2 || "" === t2 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t2 !== this._$AH && t2 !== T && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : u(t2) ? this.k(t2) : this._(t2);
    }
    O(t2) {
      return this._$AA.parentNode.insertBefore(t2, this._$AB);
    }
    T(t2) {
      this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
    }
    _(t2) {
      this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(r$2.createTextNode(t2)), this._$AH = t2;
    }
    $(t2) {
      var _a2;
      const { values: i2, _$litType$: s2 } = t2, e2 = "number" == typeof s2 ? this._$AC(t2) : (void 0 === s2.el && (s2.el = N.createElement(P(s2.h, s2.h[0]), this.options)), s2);
      if (((_a2 = this._$AH) == null ? void 0 : _a2._$AD) === e2) this._$AH.p(i2);
      else {
        const t3 = new M(e2, this), s3 = t3.u(this.options);
        t3.p(i2), this.T(s3), this._$AH = t3;
      }
    }
    _$AC(t2) {
      let i2 = A.get(t2.strings);
      return void 0 === i2 && A.set(t2.strings, i2 = new N(t2)), i2;
    }
    k(t2) {
      a(this._$AH) || (this._$AH = [], this._$AR());
      const i2 = this._$AH;
      let s2, e2 = 0;
      for (const h2 of t2) e2 === i2.length ? i2.push(s2 = new R(this.O(l()), this.O(l()), this, this.options)) : s2 = i2[e2], s2._$AI(h2), e2++;
      e2 < i2.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i2.length = e2);
    }
    _$AR(t2 = this._$AA.nextSibling, i2) {
      var _a2;
      for ((_a2 = this._$AP) == null ? void 0 : _a2.call(this, false, true, i2); t2 && t2 !== this._$AB; ) {
        const i3 = t2.nextSibling;
        t2.remove(), t2 = i3;
      }
    }
    setConnected(t2) {
      var _a2;
      void 0 === this._$AM && (this._$Cv = t2, (_a2 = this._$AP) == null ? void 0 : _a2.call(this, t2));
    }
  }
  class k {
    get tagName() {
      return this.element.tagName;
    }
    get _$AU() {
      return this._$AM._$AU;
    }
    constructor(t2, i2, s2, e2, h2) {
      this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = E;
    }
    _$AI(t2, i2 = this, s2, e2) {
      const h2 = this.strings;
      let o2 = false;
      if (void 0 === h2) t2 = S(this, t2, i2, 0), o2 = !c(t2) || t2 !== this._$AH && t2 !== T, o2 && (this._$AH = t2);
      else {
        const e3 = t2;
        let n2, r2;
        for (t2 = h2[0], n2 = 0; n2 < h2.length - 1; n2++) r2 = S(this, e3[s2 + n2], i2, n2), r2 === T && (r2 = this._$AH[n2]), o2 || (o2 = !c(r2) || r2 !== this._$AH[n2]), r2 === E ? t2 = E : t2 !== E && (t2 += (r2 ?? "") + h2[n2 + 1]), this._$AH[n2] = r2;
      }
      o2 && !e2 && this.j(t2);
    }
    j(t2) {
      t2 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 ?? "");
    }
  }
  class H extends k {
    constructor() {
      super(...arguments), this.type = 3;
    }
    j(t2) {
      this.element[this.name] = t2 === E ? void 0 : t2;
    }
  }
  class I extends k {
    constructor() {
      super(...arguments), this.type = 4;
    }
    j(t2) {
      this.element.toggleAttribute(this.name, !!t2 && t2 !== E);
    }
  }
  class L extends k {
    constructor(t2, i2, s2, e2, h2) {
      super(t2, i2, s2, e2, h2), this.type = 5;
    }
    _$AI(t2, i2 = this) {
      if ((t2 = S(this, t2, i2, 0) ?? E) === T) return;
      const s2 = this._$AH, e2 = t2 === E && s2 !== E || t2.capture !== s2.capture || t2.once !== s2.once || t2.passive !== s2.passive, h2 = t2 !== E && (s2 === E || e2);
      e2 && this.element.removeEventListener(this.name, this, s2), h2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
    }
    handleEvent(t2) {
      var _a2;
      "function" == typeof this._$AH ? this._$AH.call(((_a2 = this.options) == null ? void 0 : _a2.host) ?? this.element, t2) : this._$AH.handleEvent(t2);
    }
  }
  class z {
    constructor(t2, i2, s2) {
      this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i2, this.options = s2;
    }
    get _$AU() {
      return this._$AM._$AU;
    }
    _$AI(t2) {
      S(this, t2);
    }
  }
  const j = t$1.litHtmlPolyfillSupport;
  j == null ? void 0 : j(N, R), (t$1.litHtmlVersions ?? (t$1.litHtmlVersions = [])).push("3.2.1");
  const B = (t2, i2, s2) => {
    const e2 = (s2 == null ? void 0 : s2.renderBefore) ?? i2;
    let h2 = e2._$litPart$;
    if (void 0 === h2) {
      const t3 = (s2 == null ? void 0 : s2.renderBefore) ?? null;
      e2._$litPart$ = h2 = new R(i2.insertBefore(l(), t3), t3, void 0, s2 ?? {});
    }
    return h2._$AI(t2), h2;
  };
  /**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   */
  let r$1 = class r extends b {
    constructor() {
      super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
    }
    createRenderRoot() {
      var _a2;
      const t2 = super.createRenderRoot();
      return (_a2 = this.renderOptions).renderBefore ?? (_a2.renderBefore = t2.firstChild), t2;
    }
    update(t2) {
      const s2 = this.render();
      this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Do = B(s2, this.renderRoot, this.renderOptions);
    }
    connectedCallback() {
      var _a2;
      super.connectedCallback(), (_a2 = this._$Do) == null ? void 0 : _a2.setConnected(true);
    }
    disconnectedCallback() {
      var _a2;
      super.disconnectedCallback(), (_a2 = this._$Do) == null ? void 0 : _a2.setConnected(false);
    }
    render() {
      return T;
    }
  };
  r$1._$litElement$ = true, r$1["finalized"] = true, (_a = globalThis.litElementHydrateSupport) == null ? void 0 : _a.call(globalThis, { LitElement: r$1 });
  const i = globalThis.litElementPolyfillSupport;
  i == null ? void 0 : i({ LitElement: r$1 });
  (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
  /**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   */
  const t = (t2) => (e2, o2) => {
    void 0 !== o2 ? o2.addInitializer(() => {
      customElements.define(t2, e2);
    }) : customElements.define(t2, e2);
  };
  /**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   */
  const o$1 = { attribute: true, type: String, converter: u$1, reflect: false, hasChanged: f$1 }, r = (t2 = o$1, e2, r2) => {
    const { kind: n2, metadata: i2 } = r2;
    let s2 = globalThis.litPropertyMetadata.get(i2);
    if (void 0 === s2 && globalThis.litPropertyMetadata.set(i2, s2 = /* @__PURE__ */ new Map()), s2.set(r2.name, t2), "accessor" === n2) {
      const { name: o2 } = r2;
      return { set(r3) {
        const n3 = e2.get.call(this);
        e2.set.call(this, r3), this.requestUpdate(o2, n3, t2);
      }, init(e3) {
        return void 0 !== e3 && this.P(o2, void 0, t2), e3;
      } };
    }
    if ("setter" === n2) {
      const { name: o2 } = r2;
      return function(r3) {
        const n3 = this[o2];
        e2.call(this, r3), this.requestUpdate(o2, n3, t2);
      };
    }
    throw Error("Unsupported decorator location: " + n2);
  };
  function n(t2) {
    return (e2, o2) => "object" == typeof o2 ? r(t2, e2, o2) : ((t3, e3, o3) => {
      const r2 = e3.hasOwnProperty(o3);
      return e3.constructor.createProperty(o3, r2 ? { ...t3, wrapped: true } : t3), r2 ? Object.getOwnPropertyDescriptor(e3, o3) : void 0;
    })(t2, e2, o2);
  }
  /**
   * @license
   * Copyright 2018 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   */
  const o = (o2) => o2 ?? E;
  var __defProp = Object.defineProperty;
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
  var __decorateClass = (decorators, target, key, kind) => {
    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
    for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
      if (decorator = decorators[i2])
        result = (kind ? decorator(target, key, result) : decorator(result)) || result;
    if (kind && result) __defProp(target, key, result);
    return result;
  };
  exports2.OEmbedElement = class OEmbedElement extends r$1 {
    constructor() {
      super(...arguments);
      this.width = "560";
      this.height = "315";
      this.frameborder = "0";
      this.allowfullscreen = "true";
    }
    /**
     * Creates a `<style>` block that sets width and height for the iframe based on
     * computed defaults. Called within the main `render()` logic.
     *
     * @returns The lit `<style>` template that sets up the container and iframe dimensions.
     */
    instanceStyle() {
      const { widthWithUnits, heightWithUnits } = this.getDefaultDimensions(
        this.provider
      );
      return x`
      <style>
        :host {
          display: block;
          padding: 0;
          border: 0;
        }
        iframe {
          width: var(--social-embed-iframe-width, ${widthWithUnits});
          height: var(--social-embed-iframe-height, ${heightWithUnits});
        }
      </style>
    `;
    }
    /**
     * Main LitElement render cycle method.
     * 1. Determines `provider` via `getProviderFromUrl(this.url)`.
     * 2. Chooses a specialized rendering function or fallback logic.
     *
     * @returns A lit template containing the correct `<iframe>` or an error message.
     */
    render() {
      this.provider = V$1(this.url);
      if (!this.url || this.url === "") {
        return x``;
      }
      let embedResult;
      if (!this.provider) {
        embedResult = D(this.url) ? this.renderIframe() : x`No provider found for ${this.url}`;
      } else {
        switch (this.provider.name) {
          case "YouTube":
            embedResult = this.renderYouTube();
            break;
          case "Spotify":
            embedResult = this.renderSpotify();
            break;
          case "Vimeo":
            embedResult = this.renderVimeo();
            break;
          case "DailyMotion":
            embedResult = this.renderDailyMotion();
            break;
          case "EdPuzzle":
            embedResult = this.renderEdPuzzle();
            break;
          case "Wistia":
            embedResult = this.renderWistia();
            break;
          case "Loom":
            embedResult = this.renderLoom();
            break;
          default:
            embedResult = D(this.url) ? this.renderIframe() : x`No provider found for ${this.url}`;
            break;
        }
      }
      return x`${this.instanceStyle()}${embedResult}`;
    }
    /**
     * Renders the `<iframe>` for a Spotify resource (track, album, playlist, artist, show, or episode).
     *
     * @returns A lit template containing a Spotify `<iframe>` with the correct dimensions.
     */
    renderSpotify() {
      const [spotifyId, spotifyType] = v$1(this.url);
      const url = I$1(spotifyId, spotifyType);
      return x`
      <iframe
        src="${url}"
        width="${this.width}"
        frameborder=${o(
        this.frameborder ? this.frameborder : void 0
      )}
        height="${this.height}"
        allowtransparency="true"
        allow="encrypted-media"
      ></iframe>
      <slot></slot>
    `;
    }
    /**
     * Computes dimension info for a recognized provider, possibly using specialized defaults
     * (e.g. Vimeo default is 640x268, EdPuzzle 470x404, etc.).
     *
     * @param providerObj - The object with `.name` for the matched provider, if any.
     * @returns A `Dimensions` object with `width`, `height`, and optional unit-converted fields.
     */
    getDefaultDimensions(providerObj) {
      const providerName = providerObj == null ? void 0 : providerObj.name;
      switch (providerName) {
        case "Vimeo":
          return this.calculateDefaultDimensions({
            defaults: exports2.OEmbedElement.vimeoDefaultDimensions
          });
        case "DailyMotion":
          return this.calculateDefaultDimensions();
        case "EdPuzzle":
          return this.calculateDefaultDimensions({
            defaults: exports2.OEmbedElement.edPuzzleDefaultDimensions
          });
        case "Wistia":
          return this.calculateDefaultDimensions({
            defaults: exports2.OEmbedElement.wistiaDefaultDimensions
          });
        case "Loom":
          return this.calculateDefaultDimensions({
            defaults: exports2.OEmbedElement.loomDefaultDimensions
          });
        case "Spotify":
          return this.calculateDefaultDimensions({
            defaults: exports2.OEmbedElement.spotifyDefaultDimensions
          });
        default:
          return this.calculateDefaultDimensions();
      }
    }
    /**
     * A helper that finalizes width & height, adding `px` if no unit is present.
     *
     * @param options - Optional `defaults` object specifying fallback width/height.
     * @returns A new `Dimensions` object with `widthWithUnits` and `heightWithUnits`.
     */
    calculateDefaultDimensions({
      defaults
    } = {}) {
      const width = this.getAttribute("width") || (defaults == null ? void 0 : defaults.width) || this.width;
      const widthWithUnits = width.match(/(px|%)/) ? width : `${width}px`;
      const height = this.getAttribute("height") || (defaults == null ? void 0 : defaults.height) || this.height;
      const heightWithUnits = height.match(/(px|%)/) ? height : `${height}px`;
      return { width, widthWithUnits, height, heightWithUnits };
    }
    /**
     * Renders a DailyMotion `<iframe>` using the extracted ID from `getDailyMotionIdFromUrl`.
     * Falls back with a short message if the ID can't be found in the URL.
     *
     * @returns A lit template containing the DailyMotion `<iframe>` or an error message.
     */
    renderDailyMotion() {
      const dailyMotionId = y$2(this.url);
      if (!dailyMotionId) {
        return x`Could not find dailyMotionId in ${this.url}`;
      }
      const url = h$2(dailyMotionId);
      const { width, height } = this.getDefaultDimensions(this.provider);
      return x`
      <iframe
        allow="autoplay"
        width="${width}"
        height="${height}"
        src="${url}"
        frameborder=${o(this.frameborder)}
        allow="autoplay; fullscreen; picture-in-picture"
        allowfullscreen=${o(this.shouldAllowFullscreen())}
        type="text/html"
      ></iframe>
      <slot></slot>
    `;
    }
    /**
     * Renders a Vimeo `<iframe>` from a recognized Vimeo URL.
     *
     * @returns A lit template containing a Vimeo `<iframe>` or an error message if no ID found.
     */
    renderVimeo() {
      const vimeoId = P$1(this.url);
      if (!vimeoId) {
        return x`Could not find vimeoId in ${this.url}`;
      }
      const url = E$1(vimeoId);
      const { width, height } = this.getDefaultDimensions(this.provider);
      return x`
      <iframe
        width="${width}"
        height="${height}"
        src="${url}"
        frameborder=${o(this.frameborder)}
        allow="autoplay; fullscreen; picture-in-picture"
        allowfullscreen=${o(this.shouldAllowFullscreen())}
      ></iframe>
      <slot></slot>
    `;
    }
    /**
     * Renders a YouTube `<iframe>` from a recognized YouTube URL.
     * Returns an empty template if no ID can be extracted.
     */
    renderYouTube() {
      const youtubeId = U(this.url);
      if (!youtubeId) {
        return x``;
      }
      const youtubeUrl = w(youtubeId);
      return x`
      <iframe
        width="${this.width}"
        height="${this.height}"
        src="${youtubeUrl}"
        frameborder=${o(this.frameborder)}
        allowfullscreen=${o(this.shouldAllowFullscreen())}
      ></iframe>
      <slot></slot>
    `;
    }
    /**
     * Renders a generic `<iframe>` for valid but unrecognized URLs.
     * If the URL is invalid, `render()` won’t call this method.
     */
    renderIframe() {
      const { width, height } = this.getDefaultDimensions(this.provider);
      return x`
      <iframe
        width="${width}"
        height="${height}"
        src="${this.url}"
        frameborder=${o(this.frameborder)}
      ></iframe>
      <slot></slot>
    `;
    }
    /**
     * Renders an EdPuzzle `<iframe>` from a recognized EdPuzzle URL.
     * Displays an error message if no ID can be extracted.
     */
    renderEdPuzzle() {
      if (!this.url) {
        return x`No url found for embed`;
      }
      const embedId = R$1(this.url);
      if (!embedId) {
        return x`No ID found for ${this.url}`;
      }
      const embedUrl = T$1(embedId);
      const { width, height } = this.getDefaultDimensions(this.provider);
      return x`
      <iframe
        width="${width}"
        height="${height}"
        src="${embedUrl}"
        frameborder=${o(this.frameborder)}
        allowfullscreen=${o(this.shouldAllowFullscreen())}
      ></iframe>
      <slot></slot>
    `;
    }
    /**
     * Renders a Wistia `<iframe>` from a recognized Wistia URL.
     * Displays an error message if no ID can be extracted.
     */
    renderWistia() {
      if (!this.url) {
        return x`No url found for embed`;
      }
      const embedId = x$1(this.url);
      if (!embedId) {
        return x`No ID found for ${this.url}`;
      }
      const embedUrl = A$1(embedId);
      const { width, height } = this.getDefaultDimensions(this.provider);
      return x`
      <iframe
        width="${width}"
        height="${height}"
        src="${embedUrl}"
        frameborder=${o(this.frameborder)}
        allowfullscreen=${o(this.shouldAllowFullscreen())}
      ></iframe>
      <slot></slot>
    `;
    }
    /**
     * Renders a Loom `<iframe>` from a recognized Loom URL.
     * Displays an error message if no ID can be extracted.
     */
    renderLoom() {
      if (!this.url) {
        return x`No url found for embed`;
      }
      const embedId = S$2(this.url);
      if (!embedId) {
        return x`No ID found for ${this.url}`;
      }
      const embedUrl = M$1(embedId);
      const { width, height } = this.getDefaultDimensions(this.provider);
      return x`
      <iframe
        width="${width}"
        height="${height}"
        src="${embedUrl}"
        frameborder=${o(this.frameborder)}
        allowfullscreen=${o(this.shouldAllowFullscreen())}
      ></iframe>
      <slot></slot>
    `;
    }
    /**
     * Helper function to decide if `allowfullscreen="true"` should be set.
     *
     * @returns `true` if the user supplied `allowfullscreen` as `""`, `"true"`, `true`, or `"1"`;
     * otherwise `undefined`.
     */
    shouldAllowFullscreen() {
      return this.allowfullscreen === "" || this.allowfullscreen === "true" || this.allowfullscreen === true || this.allowfullscreen === "1" ? true : void 0;
    }
  };
  exports2.OEmbedElement.spotifyDefaultDimensions = {
    height: "352",
    heightWithUnits: "352px"
  };
  exports2.OEmbedElement.vimeoDefaultDimensions = {
    width: "640",
    widthWithUnits: "640px",
    height: "268",
    heightWithUnits: "268px"
  };
  exports2.OEmbedElement.edPuzzleDefaultDimensions = {
    width: "470",
    widthWithUnits: "470px",
    height: "404",
    heightWithUnits: "404px"
  };
  exports2.OEmbedElement.wistiaDefaultDimensions = {
    width: "470",
    widthWithUnits: "470px",
    height: "404",
    heightWithUnits: "404px"
  };
  exports2.OEmbedElement.loomDefaultDimensions = {
    width: "470",
    widthWithUnits: "470px",
    height: "404",
    heightWithUnits: "404px"
  };
  __decorateClass([
    n({ type: String })
  ], exports2.OEmbedElement.prototype, "url", 2);
  __decorateClass([
    n({ type: String })
  ], exports2.OEmbedElement.prototype, "width", 2);
  __decorateClass([
    n({ type: String })
  ], exports2.OEmbedElement.prototype, "height", 2);
  __decorateClass([
    n({ type: String })
  ], exports2.OEmbedElement.prototype, "frameborder", 2);
  __decorateClass([
    n({ type: String })
  ], exports2.OEmbedElement.prototype, "allowfullscreen", 2);
  exports2.OEmbedElement = __decorateClass([
    t("o-embed")
  ], exports2.OEmbedElement);
  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
});