@tailor-cms/ce-brightcove-video-display 0.1.0 → 2.0.1

package/dist/index.cjs

@@ -1,262 +1,712 @@
-"use strict";
-var import_index = require("./index.css");
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+require('./index.css');let vue = require("vue");
+//#region ../manifest/dist/index.mjs
 var type = "BRIGHTCOVE_VIDEO";
 var name = "Brightcove Video";
 var initState = () => ({
-  accountId: "",
-  playerId: "",
-  videoId: ""
+	accountId: "",
+	playerId: "",
+	videoId: ""
 });
-var ui = {
-  // Display icon, https://pictogrammers.com/library/mdi/
-  icon: "mdi-video",
-  // Does element support only full width or can be used within layouts
-  // (e.g. 50/50 layout)
-  forceFullWidth: false
-};
+var isEmpty = (data) => !data.videoId;
 var manifest$1 = {
-  type,
-  version: "1.0",
-  name,
-  ssr: false,
-  initState,
-  ui
+	type,
+	version: "1.0",
+	name,
+	ssr: false,
+	initState,
+	isEmpty,
+	ui: {
+		icon: "mdi-video",
+		forceFullWidth: false
+	}
 };
-var index_default = manifest$1;
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_freeGlobal.js
+/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_root.js
+/** Detect free variable `self`. */
+var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+/** Used as a reference to the global object. */
+var root = freeGlobal || freeSelf || Function("return this")();
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_Symbol.js
+/** Built-in value references. */
+var Symbol = root.Symbol;
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_getRawTag.js
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+/**
+* Used to resolve the
+* [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+* of values.
+*/
+var nativeObjectToString$1 = objectProto.toString;
+/** Built-in value references. */
+var symToStringTag$1 = Symbol ? Symbol.toStringTag : void 0;
+/**
+* A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+*
+* @private
+* @param {*} value The value to query.
+* @returns {string} Returns the raw `toStringTag`.
+*/
+function getRawTag(value) {
+	var isOwn = hasOwnProperty.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+	try {
+		value[symToStringTag$1] = void 0;
+		var unmasked = true;
+	} catch (e) {}
+	var result = nativeObjectToString$1.call(value);
+	if (unmasked) if (isOwn) value[symToStringTag$1] = tag;
+	else delete value[symToStringTag$1];
+	return result;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_objectToString.js
+/**
+* Used to resolve the
+* [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+* of values.
+*/
+var nativeObjectToString = Object.prototype.toString;
+/**
+* Converts `value` to a string using `Object.prototype.toString`.
+*
+* @private
+* @param {*} value The value to convert.
+* @returns {string} Returns the converted string.
+*/
+function objectToString(value) {
+	return nativeObjectToString.call(value);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_baseGetTag.js
+/** `Object#toString` result references. */
+var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
+/** Built-in value references. */
+var symToStringTag = Symbol ? Symbol.toStringTag : void 0;
+/**
+* The base implementation of `getTag` without fallbacks for buggy environments.
+*
+* @private
+* @param {*} value The value to query.
+* @returns {string} Returns the `toStringTag`.
+*/
+function baseGetTag(value) {
+	if (value == null) return value === void 0 ? undefinedTag : nullTag;
+	return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isObjectLike.js
+/**
+* Checks if `value` is object-like. A value is object-like if it's not `null`
+* and has a `typeof` result of "object".
+*
+* @static
+* @memberOf _
+* @since 4.0.0
+* @category Lang
+* @param {*} value The value to check.
+* @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+* @example
+*
+* _.isObjectLike({});
+* // => true
+*
+* _.isObjectLike([1, 2, 3]);
+* // => true
+*
+* _.isObjectLike(_.noop);
+* // => false
+*
+* _.isObjectLike(null);
+* // => false
+*/
+function isObjectLike(value) {
+	return value != null && typeof value == "object";
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isSymbol.js
+/** `Object#toString` result references. */
+var symbolTag = "[object Symbol]";
+/**
+* Checks if `value` is classified as a `Symbol` primitive or object.
+*
+* @static
+* @memberOf _
+* @since 4.0.0
+* @category Lang
+* @param {*} value The value to check.
+* @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+* @example
+*
+* _.isSymbol(Symbol.iterator);
+* // => true
+*
+* _.isSymbol('abc');
+* // => false
+*/
+function isSymbol(value) {
+	return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_trimmedEndIndex.js
+/** Used to match a single whitespace character. */
+var reWhitespace = /\s/;
+/**
+* Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+* character of `string`.
+*
+* @private
+* @param {string} string The string to inspect.
+* @returns {number} Returns the index of the last non-whitespace character.
+*/
+function trimmedEndIndex(string) {
+	var index = string.length;
+	while (index-- && reWhitespace.test(string.charAt(index)));
+	return index;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_baseTrim.js
+/** Used to match leading whitespace. */
+var reTrimStart = /^\s+/;
+/**
+* The base implementation of `_.trim`.
+*
+* @private
+* @param {string} string The string to trim.
+* @returns {string} Returns the trimmed string.
+*/
+function baseTrim(string) {
+	return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isObject.js
+/**
+* Checks if `value` is the
+* [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+* of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+*
+* @static
+* @memberOf _
+* @since 0.1.0
+* @category Lang
+* @param {*} value The value to check.
+* @returns {boolean} Returns `true` if `value` is an object, else `false`.
+* @example
+*
+* _.isObject({});
+* // => true
+*
+* _.isObject([1, 2, 3]);
+* // => true
+*
+* _.isObject(_.noop);
+* // => true
+*
+* _.isObject(null);
+* // => false
+*/
+function isObject(value) {
+	var type = typeof value;
+	return value != null && (type == "object" || type == "function");
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/toNumber.js
+/** Used as references for various `Number` constants. */
+var NAN = NaN;
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
+/**
+* Converts `value` to a number.
+*
+* @static
+* @memberOf _
+* @since 4.0.0
+* @category Lang
+* @param {*} value The value to process.
+* @returns {number} Returns the number.
+* @example
+*
+* _.toNumber(3.2);
+* // => 3.2
+*
+* _.toNumber(Number.MIN_VALUE);
+* // => 5e-324
+*
+* _.toNumber(Infinity);
+* // => Infinity
+*
+* _.toNumber('3.2');
+* // => 3.2
+*/
+function toNumber(value) {
+	if (typeof value == "number") return value;
+	if (isSymbol(value)) return NAN;
+	if (isObject(value)) {
+		var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+		value = isObject(other) ? other + "" : other;
+	}
+	if (typeof value != "string") return value === 0 ? value : +value;
+	value = baseTrim(value);
+	var isBinary = reIsBinary.test(value);
+	return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/now.js
+/**
+* Gets the timestamp of the number of milliseconds that have elapsed since
+* the Unix epoch (1 January 1970 00:00:00 UTC).
+*
+* @static
+* @memberOf _
+* @since 2.4.0
+* @category Date
+* @returns {number} Returns the timestamp.
+* @example
+*
+* _.defer(function(stamp) {
+*   console.log(_.now() - stamp);
+* }, _.now());
+* // => Logs the number of milliseconds it took for the deferred invocation.
+*/
+var now = function() {
+	return root.Date.now();
+};
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/debounce.js
+/** Error message constants. */
+var FUNC_ERROR_TEXT$1 = "Expected a function";
+var nativeMax = Math.max, nativeMin = Math.min;
+/**
+* Creates a debounced function that delays invoking `func` until after `wait`
+* milliseconds have elapsed since the last time the debounced function was
+* invoked. The debounced function comes with a `cancel` method to cancel
+* delayed `func` invocations and a `flush` method to immediately invoke them.
+* Provide `options` to indicate whether `func` should be invoked on the
+* leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+* with the last arguments provided to the debounced function. Subsequent
+* calls to the debounced function return the result of the last `func`
+* invocation.
+*
+* **Note:** If `leading` and `trailing` options are `true`, `func` is
+* invoked on the trailing edge of the timeout only if the debounced function
+* is invoked more than once during the `wait` timeout.
+*
+* If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+* until to the next tick, similar to `setTimeout` with a timeout of `0`.
+*
+* See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+* for details over the differences between `_.debounce` and `_.throttle`.
+*
+* @static
+* @memberOf _
+* @since 0.1.0
+* @category Function
+* @param {Function} func The function to debounce.
+* @param {number} [wait=0] The number of milliseconds to delay.
+* @param {Object} [options={}] The options object.
+* @param {boolean} [options.leading=false]
+*  Specify invoking on the leading edge of the timeout.
+* @param {number} [options.maxWait]
+*  The maximum time `func` is allowed to be delayed before it's invoked.
+* @param {boolean} [options.trailing=true]
+*  Specify invoking on the trailing edge of the timeout.
+* @returns {Function} Returns the new debounced function.
+* @example
+*
+* // Avoid costly calculations while the window size is in flux.
+* jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+*
+* // Invoke `sendMail` when clicked, debouncing subsequent calls.
+* jQuery(element).on('click', _.debounce(sendMail, 300, {
+*   'leading': true,
+*   'trailing': false
+* }));
+*
+* // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+* var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+* var source = new EventSource('/stream');
+* jQuery(source).on('message', debounced);
+*
+* // Cancel the trailing debounced invocation.
+* jQuery(window).on('popstate', debounced.cancel);
+*/
+function debounce(func, wait, options) {
+	var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+	if (typeof func != "function") throw new TypeError(FUNC_ERROR_TEXT$1);
+	wait = toNumber(wait) || 0;
+	if (isObject(options)) {
+		leading = !!options.leading;
+		maxing = "maxWait" in options;
+		maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+		trailing = "trailing" in options ? !!options.trailing : trailing;
+	}
+	function invokeFunc(time) {
+		var args = lastArgs, thisArg = lastThis;
+		lastArgs = lastThis = void 0;
+		lastInvokeTime = time;
+		result = func.apply(thisArg, args);
+		return result;
+	}
+	function leadingEdge(time) {
+		lastInvokeTime = time;
+		timerId = setTimeout(timerExpired, wait);
+		return leading ? invokeFunc(time) : result;
+	}
+	function remainingWait(time) {
+		var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
+		return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+	}
+	function shouldInvoke(time) {
+		var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+		return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+	}
+	function timerExpired() {
+		var time = now();
+		if (shouldInvoke(time)) return trailingEdge(time);
+		timerId = setTimeout(timerExpired, remainingWait(time));
+	}
+	function trailingEdge(time) {
+		timerId = void 0;
+		if (trailing && lastArgs) return invokeFunc(time);
+		lastArgs = lastThis = void 0;
+		return result;
+	}
+	function cancel() {
+		if (timerId !== void 0) clearTimeout(timerId);
+		lastInvokeTime = 0;
+		lastArgs = lastCallTime = lastThis = timerId = void 0;
+	}
+	function flush() {
+		return timerId === void 0 ? result : trailingEdge(now());
+	}
+	function debounced() {
+		var time = now(), isInvoking = shouldInvoke(time);
+		lastArgs = arguments;
+		lastThis = this;
+		lastCallTime = time;
+		if (isInvoking) {
+			if (timerId === void 0) return leadingEdge(lastCallTime);
+			if (maxing) {
+				clearTimeout(timerId);
+				timerId = setTimeout(timerExpired, wait);
+				return invokeFunc(lastCallTime);
+			}
+		}
+		if (timerId === void 0) timerId = setTimeout(timerExpired, wait);
+		return result;
+	}
+	debounced.cancel = cancel;
+	debounced.flush = flush;
+	return debounced;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/throttle.js
+/** Error message constants. */
+var FUNC_ERROR_TEXT = "Expected a function";
+/**
+* Creates a throttled function that only invokes `func` at most once per
+* every `wait` milliseconds. The throttled function comes with a `cancel`
+* method to cancel delayed `func` invocations and a `flush` method to
+* immediately invoke them. Provide `options` to indicate whether `func`
+* should be invoked on the leading and/or trailing edge of the `wait`
+* timeout. The `func` is invoked with the last arguments provided to the
+* throttled function. Subsequent calls to the throttled function return the
+* result of the last `func` invocation.
+*
+* **Note:** If `leading` and `trailing` options are `true`, `func` is
+* invoked on the trailing edge of the timeout only if the throttled function
+* is invoked more than once during the `wait` timeout.
+*
+* If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+* until to the next tick, similar to `setTimeout` with a timeout of `0`.
+*
+* See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+* for details over the differences between `_.throttle` and `_.debounce`.
+*
+* @static
+* @memberOf _
+* @since 0.1.0
+* @category Function
+* @param {Function} func The function to throttle.
+* @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+* @param {Object} [options={}] The options object.
+* @param {boolean} [options.leading=true]
+*  Specify invoking on the leading edge of the timeout.
+* @param {boolean} [options.trailing=true]
+*  Specify invoking on the trailing edge of the timeout.
+* @returns {Function} Returns the new throttled function.
+* @example
+*
+* // Avoid excessively updating the position while scrolling.
+* jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+*
+* // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+* var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+* jQuery(element).on('click', throttled);
+*
+* // Cancel the trailing throttled invocation.
+* jQuery(window).on('popstate', throttled.cancel);
+*/
+function throttle(func, wait, options) {
+	var leading = true, trailing = true;
+	if (typeof func != "function") throw new TypeError(FUNC_ERROR_TEXT);
+	if (isObject(options)) {
+		leading = "leading" in options ? !!options.leading : leading;
+		trailing = "trailing" in options ? !!options.trailing : trailing;
+	}
+	return debounce(func, wait, {
+		"leading": leading,
+		"maxWait": wait,
+		"trailing": trailing
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/url-join@5.0.0/node_modules/url-join/lib/url-join.js
 function normalize(strArray) {
-  var resultArray = [];
-  if (strArray.length === 0) {
-    return "";
-  }
-  if (typeof strArray[0] !== "string") {
-    throw new TypeError("Url must be a string. Received " + strArray[0]);
-  }
-  if (strArray[0].match(/^[^/:]+:\/*$/) && strArray.length > 1) {
-    var first = strArray.shift();
-    strArray[0] = first + strArray[0];
-  }
-  if (strArray[0].match(/^file:\/\/\//)) {
-    strArray[0] = strArray[0].replace(/^([^/:]+):\/*/, "$1:///");
-  } else {
-    strArray[0] = strArray[0].replace(/^([^/:]+):\/*/, "$1://");
-  }
-  for (var i = 0; i < strArray.length; i++) {
-    var component = strArray[i];
-    if (typeof component !== "string") {
-      throw new TypeError("Url must be a string. Received " + component);
-    }
-    if (component === "") {
-      continue;
-    }
-    if (i > 0) {
-      component = component.replace(/^[\/]+/, "");
-    }
-    if (i < strArray.length - 1) {
-      component = component.replace(/[\/]+$/, "");
-    } else {
-      component = component.replace(/[\/]+$/, "/");
-    }
-    resultArray.push(component);
-  }
-  var str = resultArray.join("/");
-  str = str.replace(/\/(\?|&|#[^!])/g, "$1");
-  var parts = str.split("?");
-  str = parts.shift() + (parts.length > 0 ? "?" : "") + parts.join("&");
-  return str;
+	var resultArray = [];
+	if (strArray.length === 0) return "";
+	if (typeof strArray[0] !== "string") throw new TypeError("Url must be a string. Received " + strArray[0]);
+	if (strArray[0].match(/^[^/:]+:\/*$/) && strArray.length > 1) strArray[0] = strArray.shift() + strArray[0];
+	if (strArray[0].match(/^file:\/\/\//)) strArray[0] = strArray[0].replace(/^([^/:]+):\/*/, "$1:///");
+	else strArray[0] = strArray[0].replace(/^([^/:]+):\/*/, "$1://");
+	for (var i = 0; i < strArray.length; i++) {
+		var component = strArray[i];
+		if (typeof component !== "string") throw new TypeError("Url must be a string. Received " + component);
+		if (component === "") continue;
+		if (i > 0) component = component.replace(/^[\/]+/, "");
+		if (i < strArray.length - 1) component = component.replace(/[\/]+$/, "");
+		else component = component.replace(/[\/]+$/, "/");
+		resultArray.push(component);
+	}
+	var str = resultArray.join("/");
+	str = str.replace(/\/(\?|&|#[^!])/g, "$1");
+	var parts = str.split("?");
+	str = parts.shift() + (parts.length > 0 ? "?" : "") + parts.join("&");
+	return str;
 }
 function urlJoin() {
-  var input;
-  if (typeof arguments[0] === "object") {
-    input = arguments[0];
-  } else {
-    input = [].slice.call(arguments);
-  }
-  return normalize(input);
+	var input;
+	if (typeof arguments[0] === "object") input = arguments[0];
+	else input = [].slice.call(arguments);
+	return normalize(input);
 }
-const _hoisted_1$1 = { class: "brightcove-player" };
-const BASE_URL = "//players.brightcove.net/";
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  __name: "BrightcovePlayer",
-  props: {
-    accountId: {},
-    playerId: {},
-    videoId: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const BrightcoveErrorCode = {
-      NOT_FOUND: "VIDEO_CLOUD_ERR_VIDEO_NOT_FOUND",
-      INVALID_CONFIG: "ERR_INVALID_CONFIGURATION"
-    };
-    const props = __props;
-    const error = vue.ref(null);
-    const style = vue.ref(null);
-    const script = vue.ref(null);
-    const player = vue.ref(null);
-    const playerUrl = vue.computed(
-      () => urlJoin(BASE_URL, props.accountId, `${props.playerId}_default`, "index.min.js")
-    );
-    const showError = vue.computed(() => {
-      if (!error.value) return false;
-      const code = error.value.code;
-      return code === BrightcoveErrorCode.NOT_FOUND || code === BrightcoveErrorCode.INVALID_CONFIG;
-    });
-    const createPlayer = () => {
-      const video = document.createElement("video");
-      Object.assign(video.dataset, {
-        account: props.accountId,
-        player: props.playerId,
-        videoId: props.videoId
-      });
-      video.className = "video-js";
-      video.setAttribute("controls", "");
-      return video;
-    };
-    const destroyPlayer = () => {
-      if (player.value) {
-        player.value.pause();
-        player.value.dispose();
-        player.value = null;
-      }
-      error.value = null;
-      if (script.value) document.body.removeChild(script.value);
-      script.value = null;
-      if (style.value) document.head.removeChild(style.value);
-      style.value = null;
-      if (videoWrapper.value) videoWrapper.value.innerHTML = "";
-    };
-    const initPlayer = (url = playerUrl.value) => {
-      destroyPlayer();
-      script.value = loadScript(url, document.body, (err) => {
-        if (err) {
-          onError({
-            code: BrightcoveErrorCode.INVALID_CONFIG,
-            accountId: props.accountId,
-            playerId: props.playerId
-          });
-          return;
-        }
-        style.value = setTheme();
-        const video = createPlayer();
-        videoWrapper.value?.appendChild(video);
-        player.value = window.bc(video);
-        player.value.autoplay(false);
-        player.value.on("error", () => onError(player.value.error()));
-      });
-    };
-    const setTheme = () => {
-      const cls = `bc-style-${props.playerId}-default`;
-      const theme = document.head.getElementsByClassName(cls)[0];
-      return document.head.insertBefore(theme, null);
-    };
-    const pause = () => {
-      if (player.value) player.value.pause();
-    };
-    const onError = (err) => {
-      error.value = err;
-    };
-    vue.watch(playerUrl, () => {
-      if (!videoWrapper.value) return;
-      initPlayer();
-    });
-    vue.watch(
-      () => props.videoId,
-      () => {
-        if (!videoWrapper.value) return;
-        initPlayer();
-      }
-    );
-    vue.onMounted(() => {
-      initPlayer();
-    });
-    vue.onBeforeUnmount(() => {
-      destroyPlayer();
-    });
-    const videoWrapper = vue.ref(null);
-    function loadScript(url, dest, cb) {
-      const script2 = document.createElement("script");
-      script2.src = url;
-      script2.async = false;
-      script2.onload = () => cb(null, script2);
-      script2.onerror = () => cb(new Error("Error loading script!"), script2);
-      return dest.appendChild(script2);
-    }
-    __expose({
-      pause
-    });
-    return (_ctx, _cache) => {
-      const _component_VIcon = vue.resolveComponent("VIcon");
-      const _component_VSheet = vue.resolveComponent("VSheet");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-        showError.value ? (vue.openBlock(), vue.createBlock(_component_VSheet, {
-          key: 0,
-          class: "h-100 d-flex flex-column align-center justify-center opacity-90",
-          color: "black"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_VIcon, {
-              class: "mb-2",
-              icon: "mdi-alert",
-              size: "42"
-            }),
-            _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "text-h6" }, "Error loading media!", -1))
-          ]),
-          _: 1
-        })) : vue.createCommentVNode("", true),
-        vue.withDirectives(vue.createElementVNode("div", {
-          ref_key: "videoWrapper",
-          ref: videoWrapper,
-          class: "wrapper"
-        }, null, 512), [
-          [vue.vShow, !showError.value]
-        ])
-      ]);
-    };
-  }
+//#endregion
+//#region src/components/BrightcovePlayer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "brightcove-player" };
+var BASE_URL = "//players.brightcove.net/";
+var BrightcovePlayer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "BrightcovePlayer",
+	props: {
+		accountId: {},
+		playerId: {},
+		videoId: {},
+		resumeTime: {}
+	},
+	emits: ["timeupdate", "seeked"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const BrightcoveErrorCode = {
+			NOT_FOUND: "VIDEO_CLOUD_ERR_VIDEO_NOT_FOUND",
+			INVALID_CONFIG: "ERR_INVALID_CONFIGURATION"
+		};
+		const props = __props;
+		const emit = __emit;
+		const error = (0, vue.ref)(null);
+		const style = (0, vue.ref)(null);
+		const script = (0, vue.ref)(null);
+		const player = (0, vue.ref)(null);
+		const playerUrl = (0, vue.computed)(() => urlJoin(BASE_URL, props.accountId, `${props.playerId}_default`, "index.min.js"));
+		const showError = (0, vue.computed)(() => {
+			if (!error.value) return false;
+			const code = error.value.code;
+			return code === BrightcoveErrorCode.NOT_FOUND || code === BrightcoveErrorCode.INVALID_CONFIG;
+		});
+		const createPlayer = () => {
+			const video = document.createElement("video");
+			Object.assign(video.dataset, {
+				account: props.accountId,
+				player: props.playerId,
+				videoId: props.videoId
+			});
+			video.className = "video-js";
+			video.setAttribute("controls", "");
+			return video;
+		};
+		const destroyPlayer = () => {
+			if (player.value) {
+				player.value.pause();
+				player.value.dispose();
+				player.value = null;
+			}
+			error.value = null;
+			if (script.value) document.body.removeChild(script.value);
+			script.value = null;
+			if (style.value) document.head.removeChild(style.value);
+			style.value = null;
+			if (videoWrapper.value) videoWrapper.value.innerHTML = "";
+		};
+		const initPlayer = (url = playerUrl.value) => {
+			destroyPlayer();
+			script.value = loadScript(url, document.body, (err) => {
+				if (err) {
+					onError({
+						code: BrightcoveErrorCode.INVALID_CONFIG,
+						accountId: props.accountId,
+						playerId: props.playerId
+					});
+					return;
+				}
+				style.value = setTheme();
+				const video = createPlayer();
+				videoWrapper.value?.appendChild(video);
+				player.value = window.bc(video);
+				player.value.autoplay(false);
+				player.value.on("error", () => onError(player.value.error()));
+				player.value.on("timeupdate", () => emit("timeupdate", player.value.currentTime()));
+				player.value.on("seeked", () => emit("seeked", player.value.currentTime()));
+				if (props.resumeTime) player.value.one("loadedmetadata", () => player.value.currentTime(props.resumeTime));
+			});
+		};
+		const setTheme = () => {
+			const cls = `bc-style-${props.playerId}-default`;
+			const theme = document.head.getElementsByClassName(cls)[0];
+			return document.head.insertBefore(theme, null);
+		};
+		const pause = () => {
+			if (player.value) player.value.pause();
+		};
+		const onError = (err) => {
+			error.value = err;
+		};
+		(0, vue.watch)(playerUrl, () => {
+			if (!videoWrapper.value) return;
+			initPlayer();
+		});
+		(0, vue.watch)(() => props.videoId, () => {
+			if (!videoWrapper.value) return;
+			initPlayer();
+		});
+		(0, vue.onMounted)(() => {
+			initPlayer();
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			destroyPlayer();
+		});
+		const videoWrapper = (0, vue.ref)(null);
+		function loadScript(url, dest, cb) {
+			const script = document.createElement("script");
+			script.src = url;
+			script.async = false;
+			script.onload = () => cb(null, script);
+			script.onerror = () => cb(/* @__PURE__ */ new Error("Error loading script!"), script);
+			return dest.appendChild(script);
+		}
+		__expose({ pause });
+		return (_ctx, _cache) => {
+			const _component_VIcon = (0, vue.resolveComponent)("VIcon");
+			const _component_VSheet = (0, vue.resolveComponent)("VSheet");
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$1, [showError.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_VSheet, {
+				key: 0,
+				class: "h-100 d-flex flex-column align-center justify-center opacity-90",
+				color: "black"
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(_component_VIcon, {
+					class: "mb-2",
+					icon: "mdi-alert",
+					size: "42"
+				}), _cache[0] || (_cache[0] = (0, vue.createElementVNode)("div", { class: "text-title-large" }, "Error loading media!", -1))]),
+				_: 1
+			})) : (0, vue.createCommentVNode)("", true), (0, vue.withDirectives)((0, vue.createElementVNode)("div", {
+				ref_key: "videoWrapper",
+				ref: videoWrapper,
+				class: "wrapper"
+			}, null, 512), [[vue.vShow, !showError.value]])]);
+		};
+	}
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
+//#endregion
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
 };
-const BrightcovePlayer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-dd41e47c"]]);
-const _hoisted_1 = { class: "tce-brightcove-video-root" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "Display",
-  props: {
-    element: {},
-    userState: {}
-  },
-  emits: ["interaction"],
-  setup(__props) {
-    const props = __props;
-    const accountId = vue.computed(() => props.element.data.accountId);
-    const playerId = vue.computed(() => props.element.data.playerId);
-    const videoId = vue.computed(() => props.element.data.videoId);
-    const isConfigured = vue.computed(
-      () => accountId.value && playerId.value && videoId.value
-    );
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        isConfigured.value ? (vue.openBlock(), vue.createBlock(BrightcovePlayer, {
-          key: 0,
-          ref: "player",
-          "account-id": accountId.value,
-          "player-id": playerId.value,
-          "video-id": videoId.value,
-          class: "player"
-        }, null, 8, ["account-id", "player-id", "video-id"])) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const Display = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d82c84d4"]]);
-const manifest = {
-  ...index_default,
-  Display
+//#endregion
+//#region src/components/BrightcovePlayer.vue
+var BrightcovePlayer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(BrightcovePlayer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-78728a8f"]]);
+//#endregion
+//#region src/components/Display.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "tce-brightcove-video-root" };
+var PROGRESS_UPDATE_INTERVAL = 5e3;
+var SEEK_DEBOUNCE_INTERVAL = 300;
+//#endregion
+//#region src/components/Display.vue
+var Display_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "Display",
+	props: {
+		element: {},
+		userState: {}
+	},
+	emits: ["interaction"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const accountId = (0, vue.computed)(() => props.element.data.accountId);
+		const playerId = (0, vue.computed)(() => props.element.data.playerId);
+		const videoId = (0, vue.computed)(() => props.element.data.videoId);
+		const isConfigured = (0, vue.computed)(() => accountId.value && playerId.value && videoId.value);
+		const interact = (currentTime) => {
+			emit("interaction", {
+				currentTime,
+				furthestTime: Math.max(props.userState?.furthestTime ?? 0, currentTime)
+			});
+		};
+		const handleTimeUpdate = throttle(interact, PROGRESS_UPDATE_INTERVAL);
+		const handleSeeked = debounce(interact, SEEK_DEBOUNCE_INTERVAL);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [isConfigured.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(BrightcovePlayer_default, {
+				key: 0,
+				ref: "player",
+				"account-id": accountId.value,
+				"player-id": playerId.value,
+				"resume-time": __props.userState?.currentTime,
+				"video-id": videoId.value,
+				class: "player",
+				onSeeked: (0, vue.unref)(handleSeeked),
+				onTimeupdate: (0, vue.unref)(handleTimeUpdate)
+			}, null, 8, [
+				"account-id",
+				"player-id",
+				"resume-time",
+				"video-id",
+				"onSeeked",
+				"onTimeupdate"
+			])) : (0, vue.createCommentVNode)("", true)]);
+		};
+	}
+}), [["__scopeId", "data-v-5652f7ed"]]);
+//#endregion
+//#region src/index.ts
+var manifest = {
+	...manifest$1,
+	Display: Display_default
 };
-exports.Display = Display;
+//#endregion
+exports.Display = Display_default;
 exports.default = manifest;