@wistia/wistia-player-react 0.0.84 → 0.0.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -608,8 +608,8 @@ function _initPlayerEmbed(_ref18) {
|
|
|
608
608
|
_assertClassBrand(_WistiaPlayer_brand, this, _maybeInjectJsonLd).call(this);
|
|
609
609
|
}
|
|
610
610
|
if ("attachInternals" in HTMLElement.prototype && "states" in ElementInternals.prototype) {
|
|
611
|
-
var
|
|
612
|
-
(
|
|
611
|
+
var _classPrivateFieldGet89;
|
|
612
|
+
(_classPrivateFieldGet89 = _classPrivateFieldGet(_internals, this)) === null || _classPrivateFieldGet89 === void 0 ? void 0 : _classPrivateFieldGet89.states.delete("--initializing");
|
|
613
613
|
}
|
|
614
614
|
void _assertClassBrand(_WistiaPlayer_brand, this, _initPublicApi).call(this, this.mediaId, {
|
|
615
615
|
container,
|
|
@@ -637,10 +637,10 @@ function _initPublicApi2() {
|
|
|
637
637
|
throw new Error("Wistia.PublicApi is not defined");
|
|
638
638
|
case 5:
|
|
639
639
|
embeddedCallback = function embeddedCallback2() {
|
|
640
|
-
var
|
|
640
|
+
var _classPrivateFieldGet96;
|
|
641
641
|
void _assertClassBrand(_WistiaPlayer_brand, _this17, _maybeInitializeMux).call(_this17);
|
|
642
642
|
_assertClassBrand(_WistiaPlayer_brand, _this17, _renderEmbedTemplate).call(_this17);
|
|
643
|
-
(
|
|
643
|
+
(_classPrivateFieldGet96 = _classPrivateFieldGet(_resizeObserver, _this17)) === null || _classPrivateFieldGet96 === void 0 ? void 0 : _classPrivateFieldGet96.disconnect();
|
|
644
644
|
_classPrivateFieldSet(_resizeObserver, _this17, null);
|
|
645
645
|
if (_classPrivateFieldGet(_playPending, _this17)) {
|
|
646
646
|
void _this17.play();
|
|
@@ -652,8 +652,8 @@ function _initPublicApi2() {
|
|
|
652
652
|
});
|
|
653
653
|
_classPrivateFieldSet(_api, this, new _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__.s.PublicApi(mediaId, options));
|
|
654
654
|
_classPrivateFieldGet(_api, this).ready(function() {
|
|
655
|
-
var
|
|
656
|
-
(
|
|
655
|
+
var _classPrivateFieldGet97;
|
|
656
|
+
(_classPrivateFieldGet97 = _classPrivateFieldGet(_preloadThumbnailRoot, _this17)) === null || _classPrivateFieldGet97 === void 0 ? void 0 : _classPrivateFieldGet97.remove();
|
|
657
657
|
_this17.removeEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, _this17));
|
|
658
658
|
_this17.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_27__.c5, {
|
|
659
659
|
detail: {
|
|
@@ -718,8 +718,8 @@ function _maybeInitializeMux2() {
|
|
|
718
718
|
this.addEventListener("visitor-tracking-change", function(event) {
|
|
719
719
|
var isTrackingEnabled = event.detail.isTrackingEnabled;
|
|
720
720
|
if (!isTrackingEnabled) {
|
|
721
|
-
var
|
|
722
|
-
(
|
|
721
|
+
var _classPrivateFieldGet99, _classPrivateFieldGet100;
|
|
722
|
+
(_classPrivateFieldGet99 = _classPrivateFieldGet(_api, _this18)) === null || _classPrivateFieldGet99 === void 0 ? void 0 : (_classPrivateFieldGet100 = _classPrivateFieldGet99.mux) === null || _classPrivateFieldGet100 === void 0 ? void 0 : _classPrivateFieldGet100.destroy();
|
|
723
723
|
}
|
|
724
724
|
});
|
|
725
725
|
case 11:
|
|
@@ -812,8 +812,8 @@ function _renderPreloadThumbnail() {
|
|
|
812
812
|
if (!_classPrivateFieldGet(_preloadThumbnailRoot, this)) {
|
|
813
813
|
return;
|
|
814
814
|
}
|
|
815
|
-
var
|
|
816
|
-
var
|
|
815
|
+
var _classPrivateFieldGet90 = _classPrivateFieldGet(_playerData, this).mediaData, assets = _classPrivateFieldGet90.assets, mediaType = _classPrivateFieldGet90.mediaType;
|
|
816
|
+
var _classPrivateFieldGet91 = _classPrivateFieldGet(_playerData, this).embedOptions, autoPlay = _classPrivateFieldGet91.autoPlay, plugin = _classPrivateFieldGet91.plugin;
|
|
817
817
|
var thumbnailAssets = (0, _utilities_assets_js__WEBPACK_IMPORTED_MODULE_5__.Q0)(assets, {});
|
|
818
818
|
var willAutoplay = this.autoplay || autoPlay;
|
|
819
819
|
var hasVideoThumbnail = (plugin === null || plugin === void 0 ? void 0 : plugin.videoThumbnail) !== void 0;
|
|
@@ -835,12 +835,12 @@ function _runMethodsFromAttributes() {
|
|
|
835
835
|
var _this13 = this;
|
|
836
836
|
if (_assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, "current-time") !== null) {
|
|
837
837
|
this.whenApiReady().then(function() {
|
|
838
|
-
var _ref20,
|
|
838
|
+
var _ref20, _classPrivateFieldGet92, _classPrivateFieldGet93;
|
|
839
839
|
var newTime = Number(_assertClassBrand(_WistiaPlayer_brand, _this13, _getValueFromAttribute).call(_this13, "current-time"));
|
|
840
|
-
var isClosedPopover = (_ref20 = ((
|
|
840
|
+
var isClosedPopover = (_ref20 = ((_classPrivateFieldGet92 = _classPrivateFieldGet(_api, _this13)) === null || _classPrivateFieldGet92 === void 0 ? void 0 : _classPrivateFieldGet92.popover) && !_classPrivateFieldGet(_api, _this13).popover.isVisible()) !== null && _ref20 !== void 0 ? _ref20 : false;
|
|
841
841
|
var isMobile = (0, _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__.GS)();
|
|
842
842
|
var shouldDelayUntilPlay = _this13.state !== "playing" && (isMobile || isClosedPopover);
|
|
843
|
-
void ((
|
|
843
|
+
void ((_classPrivateFieldGet93 = _classPrivateFieldGet(_impl, _this13)) === null || _classPrivateFieldGet93 === void 0 ? void 0 : _classPrivateFieldGet93.time(newTime, {
|
|
844
844
|
lazy: shouldDelayUntilPlay
|
|
845
845
|
}));
|
|
846
846
|
_assertClassBrand(_WistiaPlayer_brand, _this13, _setSyncedEmbedOption).call(_this13, "currentTime", newTime);
|
|
@@ -852,9 +852,9 @@ function _runMethodsFromAttributes() {
|
|
|
852
852
|
}
|
|
853
853
|
if (_assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, "video-quality") !== null) {
|
|
854
854
|
this.whenApiReady().then(function() {
|
|
855
|
-
var
|
|
855
|
+
var _classPrivateFieldGet94;
|
|
856
856
|
var newQuality = _assertClassBrand(_WistiaPlayer_brand, _this13, _getValueFromAttribute).call(_this13, "video-quality");
|
|
857
|
-
(
|
|
857
|
+
(_classPrivateFieldGet94 = _classPrivateFieldGet(_impl, _this13)) === null || _classPrivateFieldGet94 === void 0 ? void 0 : _classPrivateFieldGet94.setVideoQuality(newQuality);
|
|
858
858
|
_assertClassBrand(_WistiaPlayer_brand, _this13, _setSyncedEmbedOption).call(_this13, "videoQuality", newQuality);
|
|
859
859
|
}).catch(function(_error) {
|
|
860
860
|
});
|
|
@@ -1151,7 +1151,7 @@ var init_wistia_player = __esm({
|
|
|
1151
1151
|
}
|
|
1152
1152
|
return {
|
|
1153
1153
|
background: backgroundGradientCss,
|
|
1154
|
-
backgroundSize: "".concat(videoWidth, "px ")
|
|
1154
|
+
backgroundSize: "".concat(videoWidth, "px 100%"),
|
|
1155
1155
|
backgroundPositionX: "center"
|
|
1156
1156
|
};
|
|
1157
1157
|
};
|
|
@@ -1922,13 +1922,14 @@ var init_wistia_player = __esm({
|
|
|
1922
1922
|
var preact__WEBPACK_IMPORTED_MODULE_0__2 = __webpack_require__3(5181);
|
|
1923
1923
|
var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__3(3817);
|
|
1924
1924
|
var _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__3(2721);
|
|
1925
|
-
var
|
|
1925
|
+
var _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(1512);
|
|
1926
1926
|
var _media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__3(6906);
|
|
1927
1927
|
var _shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__3(3164);
|
|
1928
1928
|
var _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__3(4730);
|
|
1929
1929
|
var _utilities_assets_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__3(7209);
|
|
1930
1930
|
var _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(4309);
|
|
1931
|
-
var
|
|
1931
|
+
var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__3(3123);
|
|
1932
|
+
var _utilities_gradients_ts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(4372);
|
|
1932
1933
|
function _slicedToArray2(r, e) {
|
|
1933
1934
|
return _arrayWithHoles2(r) || _iterableToArrayLimit2(r, e) || _unsupportedIterableToArray2(r, e) || _nonIterableRest2();
|
|
1934
1935
|
}
|
|
@@ -1985,22 +1986,22 @@ var init_wistia_player = __esm({
|
|
|
1985
1986
|
}
|
|
1986
1987
|
}, [isPlayPending]);
|
|
1987
1988
|
var _usePlayerData = (0, _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__.$)(), embedOptions = _usePlayerData.embedOptions, mediaData = _usePlayerData.mediaData;
|
|
1988
|
-
var aspect = embedOptions.aspect, bigPlayButton = embedOptions.bigPlayButton, bpbTime = embedOptions.bpbTime, bigPlayButtonBorderRadius = embedOptions.bigPlayButtonBorderRadius, controlBarBorderRadius = embedOptions.controlBarBorderRadius, controlsVisibleOnLoad = embedOptions.controlsVisibleOnLoad, floatingControlBar = embedOptions.floatingControlBar, newRoundedIcons = embedOptions.newRoundedIcons, noMixBlendMode = embedOptions.noMixBlendMode, playButton = embedOptions.playButton, playerBorderRadius = embedOptions.playerBorderRadius, playerColor = embedOptions.playerColor, playerLanguage = embedOptions.playerLanguage, roundedPlayer = embedOptions.roundedPlayer, thumbnailAltText = embedOptions.thumbnailAltText, transparentLetterbox = embedOptions.transparentLetterbox;
|
|
1989
|
+
var aspect = embedOptions.aspect, bigPlayButton = embedOptions.bigPlayButton, bpbTime = embedOptions.bpbTime, bigPlayButtonBorderRadius = embedOptions.bigPlayButtonBorderRadius, controlBarBorderRadius = embedOptions.controlBarBorderRadius, controlsVisibleOnLoad = embedOptions.controlsVisibleOnLoad, floatingControlBar = embedOptions.floatingControlBar, newRoundedIcons = embedOptions.newRoundedIcons, noMixBlendMode = embedOptions.noMixBlendMode, playButton = embedOptions.playButton, playerBorderRadius = embedOptions.playerBorderRadius, playerColor = embedOptions.playerColor, playerColorGradient = embedOptions.playerColorGradient, playerLanguage = embedOptions.playerLanguage, roundedPlayer = embedOptions.roundedPlayer, thumbnailAltText = embedOptions.thumbnailAltText, transparentLetterbox = embedOptions.transparentLetterbox;
|
|
1989
1990
|
var aspectRatio = mediaData.aspectRatio, assets = mediaData.assets, duration = mediaData.duration, mediaType = mediaData.mediaType, name = mediaData.name;
|
|
1990
|
-
var height = playerWidth / ((_ref2 = aspect !== null && aspect !== void 0 ? aspect : aspectRatio) !== null && _ref2 !== void 0 ? _ref2 :
|
|
1991
|
+
var height = playerWidth / ((_ref2 = aspect !== null && aspect !== void 0 ? aspect : aspectRatio) !== null && _ref2 !== void 0 ? _ref2 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_9__.R);
|
|
1991
1992
|
var scale = Math.min(MAX_SCALE, Math.max(MIN_SCALE, (0, _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_7__.wt)(playerWidth, [DEFAULT_LOWER_CUTOFF_WIDTH, DEFAULT_UPPER_CUTOFF_WIDTH])));
|
|
1992
1993
|
var calculatedControlsVisibleOnLoad = controlsVisibleOnLoad && playerType === "vulcan-v2";
|
|
1993
|
-
var defaultControlBarDistance = (0,
|
|
1994
|
+
var defaultControlBarDistance = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__.Ru)({
|
|
1994
1995
|
controlBarBorderRadius,
|
|
1995
1996
|
floatingControlBar,
|
|
1996
1997
|
roundedPlayer
|
|
1997
1998
|
});
|
|
1998
|
-
var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (
|
|
1999
|
-
var calculatedBigPlayButtonBorderRadius = (0,
|
|
1999
|
+
var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_9__.E / 2 + defaultControlBarDistance) * scale : defaultControlBarDistance * scale;
|
|
2000
|
+
var calculatedBigPlayButtonBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__.gl)({
|
|
2000
2001
|
bigPlayButtonBorderRadius,
|
|
2001
2002
|
roundedPlayer
|
|
2002
2003
|
}) * scale;
|
|
2003
|
-
var calculatedPlayerBorderRadius = (0,
|
|
2004
|
+
var calculatedPlayerBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__.JA)({
|
|
2004
2005
|
playerBorderRadius,
|
|
2005
2006
|
roundedPlayer
|
|
2006
2007
|
}) * scale;
|
|
@@ -2009,6 +2010,7 @@ var init_wistia_player = __esm({
|
|
|
2009
2010
|
var calculatedPlayerLanguage = (_ref3 = (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.Z0)(playerLanguage)) !== null && _ref3 !== void 0 ? _ref3 : (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.Z0)("en-US");
|
|
2010
2011
|
var shouldShowBigPlayButton = bigPlayButton !== false && playButton !== false;
|
|
2011
2012
|
var shouldShowBpbTime = bpbTime === true || bpbTime === "true";
|
|
2013
|
+
var backgroundGradientCss = playerColorGradient !== null && playerColorGradient !== void 0 && playerColorGradient.on ? (0, _utilities_gradients_ts__WEBPACK_IMPORTED_MODULE_8__.q)(playerColorGradient) : void 0;
|
|
2012
2014
|
var handleClick = function handleClick2() {
|
|
2013
2015
|
setIsLoading(true);
|
|
2014
2016
|
};
|
|
@@ -2048,7 +2050,8 @@ var init_wistia_player = __esm({
|
|
|
2048
2050
|
showBpbTime: shouldShowBpbTime,
|
|
2049
2051
|
videoName: name !== null && name !== void 0 ? name : "",
|
|
2050
2052
|
videoWidth: playerWidth,
|
|
2051
|
-
videoHeight: height
|
|
2053
|
+
videoHeight: height,
|
|
2054
|
+
backgroundGradientCss
|
|
2052
2055
|
}));
|
|
2053
2056
|
};
|
|
2054
2057
|
}
|
|
@@ -3360,6 +3363,11 @@ var init_wistia_player = __esm({
|
|
|
3360
3363
|
gY: () => (
|
|
3361
3364
|
/* binding */
|
|
3362
3365
|
setEmbedOptionStore
|
|
3366
|
+
),
|
|
3367
|
+
/* harmony export */
|
|
3368
|
+
iU: () => (
|
|
3369
|
+
/* binding */
|
|
3370
|
+
removeEmbedOptionStore
|
|
3363
3371
|
)
|
|
3364
3372
|
/* harmony export */
|
|
3365
3373
|
});
|
|
@@ -3393,6 +3401,9 @@ var init_wistia_player = __esm({
|
|
|
3393
3401
|
}
|
|
3394
3402
|
return {};
|
|
3395
3403
|
};
|
|
3404
|
+
var removeEmbedOptionStore = function removeEmbedOptionStore2(id) {
|
|
3405
|
+
(0, _wistiaData_js__WEBPACK_IMPORTED_MODULE_1__.S)([OPTION_PREFIX, id]);
|
|
3406
|
+
};
|
|
3396
3407
|
var getOrSetEmbedOptionStore = function getOrSetEmbedOptionStore2(id, options) {
|
|
3397
3408
|
var optionsKey = id;
|
|
3398
3409
|
var embedOptions = options;
|
|
@@ -3985,6 +3996,46 @@ var init_wistia_player = __esm({
|
|
|
3985
3996
|
}
|
|
3986
3997
|
),
|
|
3987
3998
|
/***/
|
|
3999
|
+
4372: (
|
|
4000
|
+
/***/
|
|
4001
|
+
(__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
|
|
4002
|
+
__webpack_require__3.d(__webpack_exports__3, {
|
|
4003
|
+
/* harmony export */
|
|
4004
|
+
q: () => (
|
|
4005
|
+
/* binding */
|
|
4006
|
+
getCssGradient
|
|
4007
|
+
)
|
|
4008
|
+
/* harmony export */
|
|
4009
|
+
});
|
|
4010
|
+
var _color_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__3(5417);
|
|
4011
|
+
var DEFAULT_ALPHA = 0.9;
|
|
4012
|
+
var hexToRGBA = function hexToRGBA2(hex) {
|
|
4013
|
+
var alpha = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : DEFAULT_ALPHA;
|
|
4014
|
+
var color = new _color_js__WEBPACK_IMPORTED_MODULE_0__.Q(hex);
|
|
4015
|
+
var colorWithAlpha = color.alpha(alpha);
|
|
4016
|
+
return colorWithAlpha.toRgba();
|
|
4017
|
+
};
|
|
4018
|
+
var decimalToPercentage = function decimalToPercentage2(decimal) {
|
|
4019
|
+
return decimal * 100;
|
|
4020
|
+
};
|
|
4021
|
+
var getCssGradient = function getCssGradient2(gradient) {
|
|
4022
|
+
var alpha = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : DEFAULT_ALPHA;
|
|
4023
|
+
if (gradient.colors.length === 0) {
|
|
4024
|
+
return null;
|
|
4025
|
+
}
|
|
4026
|
+
var areAllColorsValid = gradient.colors.every(function(gradientColor) {
|
|
4027
|
+
return gradientColor[0] && gradientColor[1] >= 0 && gradientColor[1] <= 1;
|
|
4028
|
+
});
|
|
4029
|
+
if (!areAllColorsValid) {
|
|
4030
|
+
return null;
|
|
4031
|
+
}
|
|
4032
|
+
return "linear-gradient(90deg, ".concat(gradient.colors.map(function(gradientColor) {
|
|
4033
|
+
return "".concat(hexToRGBA(gradientColor[0], alpha), " ").concat(decimalToPercentage(gradientColor[1]), "%");
|
|
4034
|
+
}).join(", "), ")");
|
|
4035
|
+
};
|
|
4036
|
+
}
|
|
4037
|
+
),
|
|
4038
|
+
/***/
|
|
3988
4039
|
5393: (
|
|
3989
4040
|
/***/
|
|
3990
4041
|
(__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
|
|
@@ -9706,7 +9757,7 @@ var init_wistia_player = __esm({
|
|
|
9706
9757
|
var PROD_SSL_EMBED_HOST = "embed-ssl.wistia.com";
|
|
9707
9758
|
var PROD_FASTLY_SSL_HOST = "embed-fastly.wistia.com";
|
|
9708
9759
|
var SSL_EMBED_HOST = "embed-ssl.wistia.com";
|
|
9709
|
-
var TAGGED_VERSION = "0.0.
|
|
9760
|
+
var TAGGED_VERSION = "0.0.85";
|
|
9710
9761
|
var DEFAULT_PROTOCOL = function() {
|
|
9711
9762
|
if (typeof window !== "undefined" && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z === window && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location) {
|
|
9712
9763
|
return utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location.protocol;
|
|
@@ -11119,7 +11170,7 @@ var init_wistia_player = __esm({
|
|
|
11119
11170
|
/* harmony export */
|
|
11120
11171
|
G0: () => (
|
|
11121
11172
|
/* binding */
|
|
11122
|
-
|
|
11173
|
+
unsetDeep
|
|
11123
11174
|
),
|
|
11124
11175
|
/* harmony export */
|
|
11125
11176
|
Im: () => (
|
|
@@ -11336,7 +11387,7 @@ var init_wistia_player = __esm({
|
|
|
11336
11387
|
return void 0;
|
|
11337
11388
|
}
|
|
11338
11389
|
};
|
|
11339
|
-
var
|
|
11390
|
+
var unsetDeep = function unsetDeep2(obj, parts) {
|
|
11340
11391
|
return setDeep(obj, parts);
|
|
11341
11392
|
};
|
|
11342
11393
|
var exists = function exists2(obj, name) {
|
|
@@ -12815,6 +12866,11 @@ var init_wistia_player = __esm({
|
|
|
12815
12866
|
/***/
|
|
12816
12867
|
(__unused_webpack___webpack_module__2, __webpack_exports__3, __webpack_require__3) => {
|
|
12817
12868
|
__webpack_require__3.d(__webpack_exports__3, {
|
|
12869
|
+
/* harmony export */
|
|
12870
|
+
S: () => (
|
|
12871
|
+
/* binding */
|
|
12872
|
+
wRemoveData
|
|
12873
|
+
),
|
|
12818
12874
|
/* harmony export */
|
|
12819
12875
|
m: () => (
|
|
12820
12876
|
/* binding */
|
|
@@ -12834,10 +12890,10 @@ var init_wistia_player = __esm({
|
|
|
12834
12890
|
return (0, utilities_obj_js__WEBPACK_IMPORTED_MODULE_0__.b$)(_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__2.s, ["_data"].concat(key));
|
|
12835
12891
|
};
|
|
12836
12892
|
var wRemoveData = function wRemoveData2(key) {
|
|
12837
|
-
if (!
|
|
12893
|
+
if (!(0, utilities_obj_js__WEBPACK_IMPORTED_MODULE_0__.cy)(key)) {
|
|
12838
12894
|
key = key.split(".");
|
|
12839
12895
|
}
|
|
12840
|
-
return
|
|
12896
|
+
return (0, utilities_obj_js__WEBPACK_IMPORTED_MODULE_0__.G0)(_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__2.s, ["_data"].concat(key));
|
|
12841
12897
|
};
|
|
12842
12898
|
}
|
|
12843
12899
|
),
|
|
@@ -15228,6 +15284,7 @@ var init_wistia_player = __esm({
|
|
|
15228
15284
|
if (_classPrivateFieldGet(_hasElementConnectedToDOM, this)) {
|
|
15229
15285
|
return;
|
|
15230
15286
|
}
|
|
15287
|
+
_classPrivateFieldSet(_hasElementConnectedToDOM, this, true);
|
|
15231
15288
|
var mediaId = this.getAttribute("media-id");
|
|
15232
15289
|
if (mediaId == null) {
|
|
15233
15290
|
(0, _utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_15__.WO)("player/failure/init-failed");
|
|
@@ -15282,20 +15339,25 @@ var init_wistia_player = __esm({
|
|
|
15282
15339
|
_assertClassBrand(_WistiaPlayer_brand, this, _renderEmbedTemplate).call(this);
|
|
15283
15340
|
this.shadowRoot.insertBefore(_classPrivateFieldGet(_preactRoot, this), this.shadowRoot.firstChild);
|
|
15284
15341
|
}
|
|
15285
|
-
_classPrivateFieldSet(_hasElementConnectedToDOM, this, true);
|
|
15286
15342
|
}
|
|
15287
15343
|
}, {
|
|
15288
15344
|
key: "disconnectedCallback",
|
|
15289
15345
|
value: function disconnectedCallback() {
|
|
15290
|
-
var _classPrivateFieldGet87;
|
|
15346
|
+
var _classPrivateFieldGet87, _classPrivateFieldGet88, _this$shadowRoot;
|
|
15291
15347
|
_classPrivateFieldGet(_removeEventListeners, this).forEach(function(removeListener) {
|
|
15292
15348
|
return removeListener();
|
|
15293
15349
|
});
|
|
15294
|
-
_classPrivateFieldSet(_hasElementConnectedToDOM, this, false);
|
|
15295
15350
|
(0, _utilities_injectJsonLd_js__WEBPACK_IMPORTED_MODULE_22__.Z)(_classPrivateFieldGet(_jsonLdId, this));
|
|
15296
15351
|
(0, _utilities_remote_data_cache_ts__WEBPACK_IMPORTED_MODULE_24__.s3)(this.mediaId);
|
|
15297
15352
|
(_classPrivateFieldGet87 = _classPrivateFieldGet(_resizeObserver, this)) === null || _classPrivateFieldGet87 === void 0 ? void 0 : _classPrivateFieldGet87.disconnect();
|
|
15298
15353
|
_classPrivateFieldSet(_resizeObserver, this, null);
|
|
15354
|
+
(0, _utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_8__.iU)("__".concat(this.uniqueId, "_dom_options__"));
|
|
15355
|
+
(_classPrivateFieldGet88 = _classPrivateFieldGet(_api, this)) === null || _classPrivateFieldGet88 === void 0 ? void 0 : _classPrivateFieldGet88.remove();
|
|
15356
|
+
_classPrivateFieldSet(_api, this, null);
|
|
15357
|
+
(_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 ? void 0 : _this$shadowRoot.replaceChildren();
|
|
15358
|
+
_classPrivateFieldSet(_preactRoot, this, null);
|
|
15359
|
+
_classPrivateFieldSet(_preloadThumbnailRoot, this, null);
|
|
15360
|
+
_classPrivateFieldSet(_hasElementConnectedToDOM, this, false);
|
|
15299
15361
|
}
|
|
15300
15362
|
// --------------------------------------------------
|
|
15301
15363
|
// Private methods
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
import { forwardRef, Suspense, lazy, Fragment } from "react";
|
|
8
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
9
|
var WistiaPlayerWrapper = lazy(
|
|
10
|
-
async () => import("./WistiaPlayerWrapper-
|
|
10
|
+
async () => import("./WistiaPlayerWrapper-NPIQCWE6.mjs").then((module) => ({
|
|
11
11
|
default: module.WistiaPlayerWrapper
|
|
12
12
|
}))
|
|
13
13
|
);
|
|
@@ -22,7 +22,7 @@ var WistiaPlayerWrapper = forwardRef(
|
|
|
22
22
|
setSwatchAspectRatio(ratio);
|
|
23
23
|
});
|
|
24
24
|
}
|
|
25
|
-
void import("./wistia-player-
|
|
25
|
+
void import("./wistia-player-VJ2HJCM7.mjs");
|
|
26
26
|
void customElements.whenDefined("wistia-player").then(() => {
|
|
27
27
|
setIsWistiaPlayerDefined(true);
|
|
28
28
|
});
|
|
@@ -229,7 +229,7 @@ var __webpack_modules__ = {
|
|
|
229
229
|
}
|
|
230
230
|
return {
|
|
231
231
|
background: backgroundGradientCss,
|
|
232
|
-
backgroundSize: "".concat(videoWidth, "px ")
|
|
232
|
+
backgroundSize: "".concat(videoWidth, "px 100%"),
|
|
233
233
|
backgroundPositionX: "center"
|
|
234
234
|
};
|
|
235
235
|
};
|
|
@@ -1000,13 +1000,14 @@ var __webpack_modules__ = {
|
|
|
1000
1000
|
var preact__WEBPACK_IMPORTED_MODULE_0__2 = __webpack_require__3(5181);
|
|
1001
1001
|
var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__3(3817);
|
|
1002
1002
|
var _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__3(2721);
|
|
1003
|
-
var
|
|
1003
|
+
var _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(1512);
|
|
1004
1004
|
var _media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__3(6906);
|
|
1005
1005
|
var _shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__3(3164);
|
|
1006
1006
|
var _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__3(4730);
|
|
1007
1007
|
var _utilities_assets_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__3(7209);
|
|
1008
1008
|
var _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(4309);
|
|
1009
|
-
var
|
|
1009
|
+
var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__3(3123);
|
|
1010
|
+
var _utilities_gradients_ts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(4372);
|
|
1010
1011
|
function _slicedToArray2(r, e) {
|
|
1011
1012
|
return _arrayWithHoles2(r) || _iterableToArrayLimit2(r, e) || _unsupportedIterableToArray2(r, e) || _nonIterableRest2();
|
|
1012
1013
|
}
|
|
@@ -1063,22 +1064,22 @@ var __webpack_modules__ = {
|
|
|
1063
1064
|
}
|
|
1064
1065
|
}, [isPlayPending]);
|
|
1065
1066
|
var _usePlayerData = (0, _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__.$)(), embedOptions = _usePlayerData.embedOptions, mediaData = _usePlayerData.mediaData;
|
|
1066
|
-
var aspect = embedOptions.aspect, bigPlayButton = embedOptions.bigPlayButton, bpbTime = embedOptions.bpbTime, bigPlayButtonBorderRadius = embedOptions.bigPlayButtonBorderRadius, controlBarBorderRadius = embedOptions.controlBarBorderRadius, controlsVisibleOnLoad = embedOptions.controlsVisibleOnLoad, floatingControlBar = embedOptions.floatingControlBar, newRoundedIcons = embedOptions.newRoundedIcons, noMixBlendMode = embedOptions.noMixBlendMode, playButton = embedOptions.playButton, playerBorderRadius = embedOptions.playerBorderRadius, playerColor = embedOptions.playerColor, playerLanguage = embedOptions.playerLanguage, roundedPlayer = embedOptions.roundedPlayer, thumbnailAltText = embedOptions.thumbnailAltText, transparentLetterbox = embedOptions.transparentLetterbox;
|
|
1067
|
+
var aspect = embedOptions.aspect, bigPlayButton = embedOptions.bigPlayButton, bpbTime = embedOptions.bpbTime, bigPlayButtonBorderRadius = embedOptions.bigPlayButtonBorderRadius, controlBarBorderRadius = embedOptions.controlBarBorderRadius, controlsVisibleOnLoad = embedOptions.controlsVisibleOnLoad, floatingControlBar = embedOptions.floatingControlBar, newRoundedIcons = embedOptions.newRoundedIcons, noMixBlendMode = embedOptions.noMixBlendMode, playButton = embedOptions.playButton, playerBorderRadius = embedOptions.playerBorderRadius, playerColor = embedOptions.playerColor, playerColorGradient = embedOptions.playerColorGradient, playerLanguage = embedOptions.playerLanguage, roundedPlayer = embedOptions.roundedPlayer, thumbnailAltText = embedOptions.thumbnailAltText, transparentLetterbox = embedOptions.transparentLetterbox;
|
|
1067
1068
|
var aspectRatio = mediaData.aspectRatio, assets = mediaData.assets, duration = mediaData.duration, mediaType = mediaData.mediaType, name = mediaData.name;
|
|
1068
|
-
var height = playerWidth / ((_ref2 = aspect !== null && aspect !== void 0 ? aspect : aspectRatio) !== null && _ref2 !== void 0 ? _ref2 :
|
|
1069
|
+
var height = playerWidth / ((_ref2 = aspect !== null && aspect !== void 0 ? aspect : aspectRatio) !== null && _ref2 !== void 0 ? _ref2 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_9__.R);
|
|
1069
1070
|
var scale = Math.min(MAX_SCALE, Math.max(MIN_SCALE, (0, _utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_7__.wt)(playerWidth, [DEFAULT_LOWER_CUTOFF_WIDTH, DEFAULT_UPPER_CUTOFF_WIDTH])));
|
|
1070
1071
|
var calculatedControlsVisibleOnLoad = controlsVisibleOnLoad && playerType === "vulcan-v2";
|
|
1071
|
-
var defaultControlBarDistance = (0,
|
|
1072
|
+
var defaultControlBarDistance = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__.Ru)({
|
|
1072
1073
|
controlBarBorderRadius,
|
|
1073
1074
|
floatingControlBar,
|
|
1074
1075
|
roundedPlayer
|
|
1075
1076
|
});
|
|
1076
|
-
var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (
|
|
1077
|
-
var calculatedBigPlayButtonBorderRadius = (0,
|
|
1077
|
+
var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_9__.E / 2 + defaultControlBarDistance) * scale : defaultControlBarDistance * scale;
|
|
1078
|
+
var calculatedBigPlayButtonBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__.gl)({
|
|
1078
1079
|
bigPlayButtonBorderRadius,
|
|
1079
1080
|
roundedPlayer
|
|
1080
1081
|
}) * scale;
|
|
1081
|
-
var calculatedPlayerBorderRadius = (0,
|
|
1082
|
+
var calculatedPlayerBorderRadius = (0, _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_10__.JA)({
|
|
1082
1083
|
playerBorderRadius,
|
|
1083
1084
|
roundedPlayer
|
|
1084
1085
|
}) * scale;
|
|
@@ -1087,6 +1088,7 @@ var __webpack_modules__ = {
|
|
|
1087
1088
|
var calculatedPlayerLanguage = (_ref3 = (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.Z0)(playerLanguage)) !== null && _ref3 !== void 0 ? _ref3 : (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_5__.Z0)("en-US");
|
|
1088
1089
|
var shouldShowBigPlayButton = bigPlayButton !== false && playButton !== false;
|
|
1089
1090
|
var shouldShowBpbTime = bpbTime === true || bpbTime === "true";
|
|
1091
|
+
var backgroundGradientCss = playerColorGradient !== null && playerColorGradient !== void 0 && playerColorGradient.on ? (0, _utilities_gradients_ts__WEBPACK_IMPORTED_MODULE_8__.q)(playerColorGradient) : void 0;
|
|
1090
1092
|
var handleClick = function handleClick2() {
|
|
1091
1093
|
setIsLoading(true);
|
|
1092
1094
|
};
|
|
@@ -1126,7 +1128,8 @@ var __webpack_modules__ = {
|
|
|
1126
1128
|
showBpbTime: shouldShowBpbTime,
|
|
1127
1129
|
videoName: name !== null && name !== void 0 ? name : "",
|
|
1128
1130
|
videoWidth: playerWidth,
|
|
1129
|
-
videoHeight: height
|
|
1131
|
+
videoHeight: height,
|
|
1132
|
+
backgroundGradientCss
|
|
1130
1133
|
}));
|
|
1131
1134
|
};
|
|
1132
1135
|
}
|
|
@@ -2438,6 +2441,11 @@ var __webpack_modules__ = {
|
|
|
2438
2441
|
gY: () => (
|
|
2439
2442
|
/* binding */
|
|
2440
2443
|
setEmbedOptionStore
|
|
2444
|
+
),
|
|
2445
|
+
/* harmony export */
|
|
2446
|
+
iU: () => (
|
|
2447
|
+
/* binding */
|
|
2448
|
+
removeEmbedOptionStore
|
|
2441
2449
|
)
|
|
2442
2450
|
/* harmony export */
|
|
2443
2451
|
});
|
|
@@ -2471,6 +2479,9 @@ var __webpack_modules__ = {
|
|
|
2471
2479
|
}
|
|
2472
2480
|
return {};
|
|
2473
2481
|
};
|
|
2482
|
+
var removeEmbedOptionStore = function removeEmbedOptionStore2(id) {
|
|
2483
|
+
(0, _wistiaData_js__WEBPACK_IMPORTED_MODULE_1__.S)([OPTION_PREFIX, id]);
|
|
2484
|
+
};
|
|
2474
2485
|
var getOrSetEmbedOptionStore = function getOrSetEmbedOptionStore2(id, options) {
|
|
2475
2486
|
var optionsKey = id;
|
|
2476
2487
|
var embedOptions = options;
|
|
@@ -3063,6 +3074,46 @@ var __webpack_modules__ = {
|
|
|
3063
3074
|
}
|
|
3064
3075
|
),
|
|
3065
3076
|
/***/
|
|
3077
|
+
4372: (
|
|
3078
|
+
/***/
|
|
3079
|
+
(__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
|
|
3080
|
+
__webpack_require__3.d(__webpack_exports__3, {
|
|
3081
|
+
/* harmony export */
|
|
3082
|
+
q: () => (
|
|
3083
|
+
/* binding */
|
|
3084
|
+
getCssGradient
|
|
3085
|
+
)
|
|
3086
|
+
/* harmony export */
|
|
3087
|
+
});
|
|
3088
|
+
var _color_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__3(5417);
|
|
3089
|
+
var DEFAULT_ALPHA = 0.9;
|
|
3090
|
+
var hexToRGBA = function hexToRGBA2(hex) {
|
|
3091
|
+
var alpha = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : DEFAULT_ALPHA;
|
|
3092
|
+
var color = new _color_js__WEBPACK_IMPORTED_MODULE_0__.Q(hex);
|
|
3093
|
+
var colorWithAlpha = color.alpha(alpha);
|
|
3094
|
+
return colorWithAlpha.toRgba();
|
|
3095
|
+
};
|
|
3096
|
+
var decimalToPercentage = function decimalToPercentage2(decimal) {
|
|
3097
|
+
return decimal * 100;
|
|
3098
|
+
};
|
|
3099
|
+
var getCssGradient = function getCssGradient2(gradient) {
|
|
3100
|
+
var alpha = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : DEFAULT_ALPHA;
|
|
3101
|
+
if (gradient.colors.length === 0) {
|
|
3102
|
+
return null;
|
|
3103
|
+
}
|
|
3104
|
+
var areAllColorsValid = gradient.colors.every(function(gradientColor) {
|
|
3105
|
+
return gradientColor[0] && gradientColor[1] >= 0 && gradientColor[1] <= 1;
|
|
3106
|
+
});
|
|
3107
|
+
if (!areAllColorsValid) {
|
|
3108
|
+
return null;
|
|
3109
|
+
}
|
|
3110
|
+
return "linear-gradient(90deg, ".concat(gradient.colors.map(function(gradientColor) {
|
|
3111
|
+
return "".concat(hexToRGBA(gradientColor[0], alpha), " ").concat(decimalToPercentage(gradientColor[1]), "%");
|
|
3112
|
+
}).join(", "), ")");
|
|
3113
|
+
};
|
|
3114
|
+
}
|
|
3115
|
+
),
|
|
3116
|
+
/***/
|
|
3066
3117
|
5393: (
|
|
3067
3118
|
/***/
|
|
3068
3119
|
(__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
|
|
@@ -8784,7 +8835,7 @@ var __webpack_modules__ = {
|
|
|
8784
8835
|
var PROD_SSL_EMBED_HOST = "embed-ssl.wistia.com";
|
|
8785
8836
|
var PROD_FASTLY_SSL_HOST = "embed-fastly.wistia.com";
|
|
8786
8837
|
var SSL_EMBED_HOST = "embed-ssl.wistia.com";
|
|
8787
|
-
var TAGGED_VERSION = "0.0.
|
|
8838
|
+
var TAGGED_VERSION = "0.0.85";
|
|
8788
8839
|
var DEFAULT_PROTOCOL = function() {
|
|
8789
8840
|
if (typeof window !== "undefined" && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z === window && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location) {
|
|
8790
8841
|
return utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location.protocol;
|
|
@@ -10197,7 +10248,7 @@ var __webpack_modules__ = {
|
|
|
10197
10248
|
/* harmony export */
|
|
10198
10249
|
G0: () => (
|
|
10199
10250
|
/* binding */
|
|
10200
|
-
|
|
10251
|
+
unsetDeep
|
|
10201
10252
|
),
|
|
10202
10253
|
/* harmony export */
|
|
10203
10254
|
Im: () => (
|
|
@@ -10414,7 +10465,7 @@ var __webpack_modules__ = {
|
|
|
10414
10465
|
return void 0;
|
|
10415
10466
|
}
|
|
10416
10467
|
};
|
|
10417
|
-
var
|
|
10468
|
+
var unsetDeep = function unsetDeep2(obj, parts) {
|
|
10418
10469
|
return setDeep(obj, parts);
|
|
10419
10470
|
};
|
|
10420
10471
|
var exists = function exists2(obj, name) {
|
|
@@ -11893,6 +11944,11 @@ var __webpack_modules__ = {
|
|
|
11893
11944
|
/***/
|
|
11894
11945
|
(__unused_webpack___webpack_module__2, __webpack_exports__3, __webpack_require__3) => {
|
|
11895
11946
|
__webpack_require__3.d(__webpack_exports__3, {
|
|
11947
|
+
/* harmony export */
|
|
11948
|
+
S: () => (
|
|
11949
|
+
/* binding */
|
|
11950
|
+
wRemoveData
|
|
11951
|
+
),
|
|
11896
11952
|
/* harmony export */
|
|
11897
11953
|
m: () => (
|
|
11898
11954
|
/* binding */
|
|
@@ -11912,10 +11968,10 @@ var __webpack_modules__ = {
|
|
|
11912
11968
|
return (0, utilities_obj_js__WEBPACK_IMPORTED_MODULE_0__.b$)(_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__2.s, ["_data"].concat(key));
|
|
11913
11969
|
};
|
|
11914
11970
|
var wRemoveData = function wRemoveData2(key) {
|
|
11915
|
-
if (!
|
|
11971
|
+
if (!(0, utilities_obj_js__WEBPACK_IMPORTED_MODULE_0__.cy)(key)) {
|
|
11916
11972
|
key = key.split(".");
|
|
11917
11973
|
}
|
|
11918
|
-
return
|
|
11974
|
+
return (0, utilities_obj_js__WEBPACK_IMPORTED_MODULE_0__.G0)(_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__2.s, ["_data"].concat(key));
|
|
11919
11975
|
};
|
|
11920
11976
|
}
|
|
11921
11977
|
),
|
|
@@ -14765,6 +14821,7 @@ var WistiaPlayer = /* @__PURE__ */ function(_HTMLElement) {
|
|
|
14765
14821
|
if (_classPrivateFieldGet(_hasElementConnectedToDOM, this)) {
|
|
14766
14822
|
return;
|
|
14767
14823
|
}
|
|
14824
|
+
_classPrivateFieldSet(_hasElementConnectedToDOM, this, true);
|
|
14768
14825
|
var mediaId = this.getAttribute("media-id");
|
|
14769
14826
|
if (mediaId == null) {
|
|
14770
14827
|
(0, _utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_15__.WO)("player/failure/init-failed");
|
|
@@ -14819,20 +14876,25 @@ var WistiaPlayer = /* @__PURE__ */ function(_HTMLElement) {
|
|
|
14819
14876
|
_assertClassBrand(_WistiaPlayer_brand, this, _renderEmbedTemplate).call(this);
|
|
14820
14877
|
this.shadowRoot.insertBefore(_classPrivateFieldGet(_preactRoot, this), this.shadowRoot.firstChild);
|
|
14821
14878
|
}
|
|
14822
|
-
_classPrivateFieldSet(_hasElementConnectedToDOM, this, true);
|
|
14823
14879
|
}
|
|
14824
14880
|
}, {
|
|
14825
14881
|
key: "disconnectedCallback",
|
|
14826
14882
|
value: function disconnectedCallback() {
|
|
14827
|
-
var _classPrivateFieldGet87;
|
|
14883
|
+
var _classPrivateFieldGet87, _classPrivateFieldGet88, _this$shadowRoot;
|
|
14828
14884
|
_classPrivateFieldGet(_removeEventListeners, this).forEach(function(removeListener) {
|
|
14829
14885
|
return removeListener();
|
|
14830
14886
|
});
|
|
14831
|
-
_classPrivateFieldSet(_hasElementConnectedToDOM, this, false);
|
|
14832
14887
|
(0, _utilities_injectJsonLd_js__WEBPACK_IMPORTED_MODULE_22__.Z)(_classPrivateFieldGet(_jsonLdId, this));
|
|
14833
14888
|
(0, _utilities_remote_data_cache_ts__WEBPACK_IMPORTED_MODULE_24__.s3)(this.mediaId);
|
|
14834
14889
|
(_classPrivateFieldGet87 = _classPrivateFieldGet(_resizeObserver, this)) === null || _classPrivateFieldGet87 === void 0 ? void 0 : _classPrivateFieldGet87.disconnect();
|
|
14835
14890
|
_classPrivateFieldSet(_resizeObserver, this, null);
|
|
14891
|
+
(0, _utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_8__.iU)("__".concat(this.uniqueId, "_dom_options__"));
|
|
14892
|
+
(_classPrivateFieldGet88 = _classPrivateFieldGet(_api, this)) === null || _classPrivateFieldGet88 === void 0 ? void 0 : _classPrivateFieldGet88.remove();
|
|
14893
|
+
_classPrivateFieldSet(_api, this, null);
|
|
14894
|
+
(_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 ? void 0 : _this$shadowRoot.replaceChildren();
|
|
14895
|
+
_classPrivateFieldSet(_preactRoot, this, null);
|
|
14896
|
+
_classPrivateFieldSet(_preloadThumbnailRoot, this, null);
|
|
14897
|
+
_classPrivateFieldSet(_hasElementConnectedToDOM, this, false);
|
|
14836
14898
|
}
|
|
14837
14899
|
// --------------------------------------------------
|
|
14838
14900
|
// Private methods
|
|
@@ -14894,8 +14956,8 @@ function _initPlayerEmbed(_ref18) {
|
|
|
14894
14956
|
_assertClassBrand(_WistiaPlayer_brand, this, _maybeInjectJsonLd).call(this);
|
|
14895
14957
|
}
|
|
14896
14958
|
if ("attachInternals" in HTMLElement.prototype && "states" in ElementInternals.prototype) {
|
|
14897
|
-
var
|
|
14898
|
-
(
|
|
14959
|
+
var _classPrivateFieldGet89;
|
|
14960
|
+
(_classPrivateFieldGet89 = _classPrivateFieldGet(_internals, this)) === null || _classPrivateFieldGet89 === void 0 ? void 0 : _classPrivateFieldGet89.states.delete("--initializing");
|
|
14899
14961
|
}
|
|
14900
14962
|
void _assertClassBrand(_WistiaPlayer_brand, this, _initPublicApi).call(this, this.mediaId, {
|
|
14901
14963
|
container,
|
|
@@ -14923,10 +14985,10 @@ function _initPublicApi2() {
|
|
|
14923
14985
|
throw new Error("Wistia.PublicApi is not defined");
|
|
14924
14986
|
case 5:
|
|
14925
14987
|
embeddedCallback = function embeddedCallback2() {
|
|
14926
|
-
var
|
|
14988
|
+
var _classPrivateFieldGet96;
|
|
14927
14989
|
void _assertClassBrand(_WistiaPlayer_brand, _this17, _maybeInitializeMux).call(_this17);
|
|
14928
14990
|
_assertClassBrand(_WistiaPlayer_brand, _this17, _renderEmbedTemplate).call(_this17);
|
|
14929
|
-
(
|
|
14991
|
+
(_classPrivateFieldGet96 = _classPrivateFieldGet(_resizeObserver, _this17)) === null || _classPrivateFieldGet96 === void 0 ? void 0 : _classPrivateFieldGet96.disconnect();
|
|
14930
14992
|
_classPrivateFieldSet(_resizeObserver, _this17, null);
|
|
14931
14993
|
if (_classPrivateFieldGet(_playPending, _this17)) {
|
|
14932
14994
|
void _this17.play();
|
|
@@ -14938,8 +15000,8 @@ function _initPublicApi2() {
|
|
|
14938
15000
|
});
|
|
14939
15001
|
_classPrivateFieldSet(_api, this, new _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__.s.PublicApi(mediaId, options));
|
|
14940
15002
|
_classPrivateFieldGet(_api, this).ready(function() {
|
|
14941
|
-
var
|
|
14942
|
-
(
|
|
15003
|
+
var _classPrivateFieldGet97;
|
|
15004
|
+
(_classPrivateFieldGet97 = _classPrivateFieldGet(_preloadThumbnailRoot, _this17)) === null || _classPrivateFieldGet97 === void 0 ? void 0 : _classPrivateFieldGet97.remove();
|
|
14943
15005
|
_this17.removeEventListener("click", _classPrivateFieldGet(_handlePreloadThumbnailClick, _this17));
|
|
14944
15006
|
_this17.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_27__.c5, {
|
|
14945
15007
|
detail: {
|
|
@@ -15004,8 +15066,8 @@ function _maybeInitializeMux2() {
|
|
|
15004
15066
|
this.addEventListener("visitor-tracking-change", function(event) {
|
|
15005
15067
|
var isTrackingEnabled = event.detail.isTrackingEnabled;
|
|
15006
15068
|
if (!isTrackingEnabled) {
|
|
15007
|
-
var
|
|
15008
|
-
(
|
|
15069
|
+
var _classPrivateFieldGet99, _classPrivateFieldGet100;
|
|
15070
|
+
(_classPrivateFieldGet99 = _classPrivateFieldGet(_api, _this18)) === null || _classPrivateFieldGet99 === void 0 ? void 0 : (_classPrivateFieldGet100 = _classPrivateFieldGet99.mux) === null || _classPrivateFieldGet100 === void 0 ? void 0 : _classPrivateFieldGet100.destroy();
|
|
15009
15071
|
}
|
|
15010
15072
|
});
|
|
15011
15073
|
case 11:
|
|
@@ -15098,8 +15160,8 @@ function _renderPreloadThumbnail() {
|
|
|
15098
15160
|
if (!_classPrivateFieldGet(_preloadThumbnailRoot, this)) {
|
|
15099
15161
|
return;
|
|
15100
15162
|
}
|
|
15101
|
-
var
|
|
15102
|
-
var
|
|
15163
|
+
var _classPrivateFieldGet90 = _classPrivateFieldGet(_playerData, this).mediaData, assets = _classPrivateFieldGet90.assets, mediaType = _classPrivateFieldGet90.mediaType;
|
|
15164
|
+
var _classPrivateFieldGet91 = _classPrivateFieldGet(_playerData, this).embedOptions, autoPlay = _classPrivateFieldGet91.autoPlay, plugin = _classPrivateFieldGet91.plugin;
|
|
15103
15165
|
var thumbnailAssets = (0, _utilities_assets_js__WEBPACK_IMPORTED_MODULE_5__.Q0)(assets, {});
|
|
15104
15166
|
var willAutoplay = this.autoplay || autoPlay;
|
|
15105
15167
|
var hasVideoThumbnail = (plugin === null || plugin === void 0 ? void 0 : plugin.videoThumbnail) !== void 0;
|
|
@@ -15121,12 +15183,12 @@ function _runMethodsFromAttributes() {
|
|
|
15121
15183
|
var _this13 = this;
|
|
15122
15184
|
if (_assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, "current-time") !== null) {
|
|
15123
15185
|
this.whenApiReady().then(function() {
|
|
15124
|
-
var _ref20,
|
|
15186
|
+
var _ref20, _classPrivateFieldGet92, _classPrivateFieldGet93;
|
|
15125
15187
|
var newTime = Number(_assertClassBrand(_WistiaPlayer_brand, _this13, _getValueFromAttribute).call(_this13, "current-time"));
|
|
15126
|
-
var isClosedPopover = (_ref20 = ((
|
|
15188
|
+
var isClosedPopover = (_ref20 = ((_classPrivateFieldGet92 = _classPrivateFieldGet(_api, _this13)) === null || _classPrivateFieldGet92 === void 0 ? void 0 : _classPrivateFieldGet92.popover) && !_classPrivateFieldGet(_api, _this13).popover.isVisible()) !== null && _ref20 !== void 0 ? _ref20 : false;
|
|
15127
15189
|
var isMobile = (0, _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__.GS)();
|
|
15128
15190
|
var shouldDelayUntilPlay = _this13.state !== "playing" && (isMobile || isClosedPopover);
|
|
15129
|
-
void ((
|
|
15191
|
+
void ((_classPrivateFieldGet93 = _classPrivateFieldGet(_impl, _this13)) === null || _classPrivateFieldGet93 === void 0 ? void 0 : _classPrivateFieldGet93.time(newTime, {
|
|
15130
15192
|
lazy: shouldDelayUntilPlay
|
|
15131
15193
|
}));
|
|
15132
15194
|
_assertClassBrand(_WistiaPlayer_brand, _this13, _setSyncedEmbedOption).call(_this13, "currentTime", newTime);
|
|
@@ -15138,9 +15200,9 @@ function _runMethodsFromAttributes() {
|
|
|
15138
15200
|
}
|
|
15139
15201
|
if (_assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, "video-quality") !== null) {
|
|
15140
15202
|
this.whenApiReady().then(function() {
|
|
15141
|
-
var
|
|
15203
|
+
var _classPrivateFieldGet94;
|
|
15142
15204
|
var newQuality = _assertClassBrand(_WistiaPlayer_brand, _this13, _getValueFromAttribute).call(_this13, "video-quality");
|
|
15143
|
-
(
|
|
15205
|
+
(_classPrivateFieldGet94 = _classPrivateFieldGet(_impl, _this13)) === null || _classPrivateFieldGet94 === void 0 ? void 0 : _classPrivateFieldGet94.setVideoQuality(newQuality);
|
|
15144
15206
|
_assertClassBrand(_WistiaPlayer_brand, _this13, _setSyncedEmbedOption).call(_this13, "videoQuality", newQuality);
|
|
15145
15207
|
}).catch(function(_error) {
|
|
15146
15208
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wistia/wistia-player-react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.85",
|
|
4
4
|
"packageManager": "yarn@4.5.3",
|
|
5
5
|
"description": "An embeddable wistia-player web component and React wrapper to add responsive, lightweight, and SEO-friendly videos to your site.",
|
|
6
6
|
"keywords": [
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"start:dev:yalc": "run build:react:dev --watch --yalc"
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@wistia/wistia-player": "0.0.
|
|
48
|
+
"@wistia/wistia-player": "0.0.85"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@babel/core": "^7.26.0",
|