@vime/svelte - npm Package Compare versions

Comparing version 3.2.2 to 4.0.0

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+# [4.0.0](https://github.com/vime-js/vime/compare/v3.2.2...v4.0.0) (2020-09-20)
+
+**Note:** Version bump only for package @vime/svelte
+
+
+
+
+
 ## [3.2.2](https://github.com/vime-js/vime/compare/v3.2.1...v3.2.2) (2020-09-17)
@@ -8,0 +16,0 @@

dist/cjs/components.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VimeYoutube = exports.VimeVolumeControl = exports.VimeVimeo = exports.VimeVideo = exports.VimeUi = exports.VimeTooltip = exports.VimeTimeProgress = exports.VimeTime = exports.VimeSubmenu = exports.VimeSpinner = exports.VimeSlider = exports.VimeSettingsControl = exports.VimeSettings = exports.VimeScrubberControl = exports.VimeScrim = exports.VimePoster = exports.VimePlayer = exports.VimePlaybackControl = exports.VimePipControl = exports.VimeMuteControl = exports.VimeMenuRadioGroup = exports.VimeMenuRadio = exports.VimeMenuItem = exports.VimeMenu = exports.VimeLiveIndicator = exports.VimeIcons = exports.VimeIcon = exports.VimeHls = exports.VimeFullscreenControl = exports.VimeFile = exports.VimeFaketube = exports.VimeEndTime = exports.VimeEmbed = exports.VimeDefaultUi = exports.VimeDefaultSettings = exports.VimeDefaultControls = exports.VimeDash = exports.VimeDailymotion = exports.VimeCurrentTime = exports.VimeControls = exports.VimeControlSpacer = exports.VimeControlGroup = exports.VimeControl = exports.VimeClickToPlay = exports.VimeCaptions = exports.VimeCaptionControl = exports.VimeAudio = void 0;
+exports.VimeYoutube = exports.VimeVolumeControl = exports.VimeVimeo = exports.VimeVideo = exports.VimeUi = exports.VimeTooltip = exports.VimeTimeProgress = exports.VimeTime = exports.VimeSubmenu = exports.VimeSpinner = exports.VimeSlider = exports.VimeSkeleton = exports.VimeSettingsControl = exports.VimeSettings = exports.VimeScrubberControl = exports.VimeScrim = exports.VimePoster = exports.VimePlayer = exports.VimePlaybackControl = exports.VimePipControl = exports.VimeMuteControl = exports.VimeMenuRadioGroup = exports.VimeMenuRadio = exports.VimeMenuItem = exports.VimeMenu = exports.VimeLiveIndicator = exports.VimeIcons = exports.VimeIcon = exports.VimeHls = exports.VimeFullscreenControl = exports.VimeFile = exports.VimeFaketube = exports.VimeEndTime = exports.VimeEmbed = exports.VimeDefaultUi = exports.VimeDefaultSettings = exports.VimeDefaultControls = exports.VimeDblClickFullscreen = exports.VimeDash = exports.VimeDailymotion = exports.VimeCurrentTime = exports.VimeControls = exports.VimeControlSpacer = exports.VimeControlGroup = exports.VimeControl = exports.VimeClickToPlay = exports.VimeCaptions = exports.VimeCaptionControl = exports.VimeAudio = void 0;
 /* eslint-disable */
@@ -30,2 +30,4 @@ /* tslint:disable */
 exports.VimeDash = VimeDash_1.default;
+const VimeDblClickFullscreen_1 = require("./components/VimeDblClickFullscreen");
+exports.VimeDblClickFullscreen = VimeDblClickFullscreen_1.default;
 const VimeDefaultControls_1 = require("./components/VimeDefaultControls");
@@ -81,2 +83,4 @@ exports.VimeDefaultControls = VimeDefaultControls_1.default;
 exports.VimeSettingsControl = VimeSettingsControl_1.default;
+const VimeSkeleton_1 = require("./components/VimeSkeleton");
+exports.VimeSkeleton = VimeSkeleton_1.default;
 const VimeSlider_1 = require("./components/VimeSlider");
@@ -83,0 +87,0 @@ exports.VimeSlider = VimeSlider_1.default;

dist/cjs/components/VimeDefaultUi.js

@@ -9,4 +9,4 @@ "use strict";
     let current;
-    const default_slot_template = /*$$slots*/ ctx[10].default;
-    const default_slot = internal_1.create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
+    const default_slot_template = /*$$slots*/ ctx[12].default;
+    const default_slot = internal_1.create_slot(default_slot_template, ctx, /*$$scope*/ ctx[11], null);
     return {
@@ -19,7 +19,9 @@ c() {
             internal_1.set_custom_element_data(vime_default_ui, "no-click-to-play", /*noClickToPlay*/ ctx[1]);
-            internal_1.set_custom_element_data(vime_default_ui, "no-captions", /*noCaptions*/ ctx[2]);
-            internal_1.set_custom_element_data(vime_default_ui, "no-poster", /*noPoster*/ ctx[3]);
-            internal_1.set_custom_element_data(vime_default_ui, "no-spinner", /*noSpinner*/ ctx[4]);
-            internal_1.set_custom_element_data(vime_default_ui, "no-controls", /*noControls*/ ctx[5]);
-            internal_1.set_custom_element_data(vime_default_ui, "no-settings", /*noSettings*/ ctx[6]);
+            internal_1.set_custom_element_data(vime_default_ui, "no-dbl-click-fullscreen", /*noDblClickFullscreen*/ ctx[2]);
+            internal_1.set_custom_element_data(vime_default_ui, "no-captions", /*noCaptions*/ ctx[3]);
+            internal_1.set_custom_element_data(vime_default_ui, "no-poster", /*noPoster*/ ctx[4]);
+            internal_1.set_custom_element_data(vime_default_ui, "no-spinner", /*noSpinner*/ ctx[5]);
+            internal_1.set_custom_element_data(vime_default_ui, "no-controls", /*noControls*/ ctx[6]);
+            internal_1.set_custom_element_data(vime_default_ui, "no-settings", /*noSettings*/ ctx[7]);
+            internal_1.set_custom_element_data(vime_default_ui, "no-skeleton", /*noSkeleton*/ ctx[8]);
         },
@@ -31,3 +33,3 @@ m(target, anchor) {
             }
-            /*vime_default_ui_binding*/ ctx[11](vime_default_ui);
+            /*vime_default_ui_binding*/ ctx[13](vime_default_ui);
             current = true;
@@ -37,4 +39,4 @@ },
             if (default_slot) {
-                if (default_slot.p && dirty & /*$$scope*/ 512) {
-                    internal_1.update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[9], dirty, null, null);
+                if (default_slot.p && dirty & /*$$scope*/ 2048) {
+                    internal_1.update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[11], dirty, null, null);
                 }
@@ -48,17 +50,23 @@ }
             }
-            if (!current || dirty & /*noCaptions*/ 4) {
-                internal_1.set_custom_element_data(vime_default_ui, "no-captions", /*noCaptions*/ ctx[2]);
+            if (!current || dirty & /*noDblClickFullscreen*/ 4) {
+                internal_1.set_custom_element_data(vime_default_ui, "no-dbl-click-fullscreen", /*noDblClickFullscreen*/ ctx[2]);
             }
-            if (!current || dirty & /*noPoster*/ 8) {
-                internal_1.set_custom_element_data(vime_default_ui, "no-poster", /*noPoster*/ ctx[3]);
+            if (!current || dirty & /*noCaptions*/ 8) {
+                internal_1.set_custom_element_data(vime_default_ui, "no-captions", /*noCaptions*/ ctx[3]);
             }
-            if (!current || dirty & /*noSpinner*/ 16) {
-                internal_1.set_custom_element_data(vime_default_ui, "no-spinner", /*noSpinner*/ ctx[4]);
+            if (!current || dirty & /*noPoster*/ 16) {
+                internal_1.set_custom_element_data(vime_default_ui, "no-poster", /*noPoster*/ ctx[4]);
             }
-            if (!current || dirty & /*noControls*/ 32) {
-                internal_1.set_custom_element_data(vime_default_ui, "no-controls", /*noControls*/ ctx[5]);
+            if (!current || dirty & /*noSpinner*/ 32) {
+                internal_1.set_custom_element_data(vime_default_ui, "no-spinner", /*noSpinner*/ ctx[5]);
             }
-            if (!current || dirty & /*noSettings*/ 64) {
-                internal_1.set_custom_element_data(vime_default_ui, "no-settings", /*noSettings*/ ctx[6]);
+            if (!current || dirty & /*noControls*/ 64) {
+                internal_1.set_custom_element_data(vime_default_ui, "no-controls", /*noControls*/ ctx[6]);
             }
+            if (!current || dirty & /*noSettings*/ 128) {
+                internal_1.set_custom_element_data(vime_default_ui, "no-settings", /*noSettings*/ ctx[7]);
+            }
+            if (!current || dirty & /*noSkeleton*/ 256) {
+                internal_1.set_custom_element_data(vime_default_ui, "no-skeleton", /*noSkeleton*/ ctx[8]);
+            }
         },
@@ -80,3 +88,3 @@ i(local) {
                 default_slot.d(detaching);
-            /*vime_default_ui_binding*/ ctx[11](null);
+            /*vime_default_ui_binding*/ ctx[13](null);
         }
@@ -91,2 +99,3 @@ };
     let { noClickToPlay = undefined } = $$props;
+    let { noDblClickFullscreen = undefined } = $$props;
     let { noCaptions = undefined } = $$props;
@@ -97,2 +106,3 @@ let { noPoster = undefined } = $$props;
     let { noSettings = undefined } = $$props;
+    let { noSkeleton = undefined } = $$props;
     const getWebComponent = () => __ref;
@@ -104,3 +114,3 @@ svelte_1.onMount(() => {
         if (__ref)
-            $$invalidate(7, __ref[prop] = value, __ref);
+            $$invalidate(9, __ref[prop] = value, __ref);
     };
@@ -115,3 +125,3 @@ const onEvent = e => {
             __ref = $$value;
-            $$invalidate(7, __ref);
+            $$invalidate(9, __ref);
         });
@@ -124,14 +134,18 @@ }
             $$invalidate(1, noClickToPlay = $$props.noClickToPlay);
+        if ("noDblClickFullscreen" in $$props)
+            $$invalidate(2, noDblClickFullscreen = $$props.noDblClickFullscreen);
         if ("noCaptions" in $$props)
-            $$invalidate(2, noCaptions = $$props.noCaptions);
+            $$invalidate(3, noCaptions = $$props.noCaptions);
         if ("noPoster" in $$props)
-            $$invalidate(3, noPoster = $$props.noPoster);
+            $$invalidate(4, noPoster = $$props.noPoster);
         if ("noSpinner" in $$props)
-            $$invalidate(4, noSpinner = $$props.noSpinner);
+            $$invalidate(5, noSpinner = $$props.noSpinner);
         if ("noControls" in $$props)
-            $$invalidate(5, noControls = $$props.noControls);
+            $$invalidate(6, noControls = $$props.noControls);
         if ("noSettings" in $$props)
-            $$invalidate(6, noSettings = $$props.noSettings);
+            $$invalidate(7, noSettings = $$props.noSettings);
+        if ("noSkeleton" in $$props)
+            $$invalidate(8, noSkeleton = $$props.noSkeleton);
         if ("$$scope" in $$props)
-            $$invalidate(9, $$scope = $$props.$$scope);
+            $$invalidate(11, $$scope = $$props.$$scope);
     };
@@ -141,2 +155,3 @@ return [
         noClickToPlay,
+        noDblClickFullscreen,
         noCaptions,
@@ -147,2 +162,3 @@ noPoster,
         noSettings,
+        noSkeleton,
         __ref,
@@ -161,8 +177,10 @@ getWebComponent,
             noClickToPlay: 1,
-            noCaptions: 2,
-            noPoster: 3,
-            noSpinner: 4,
-            noControls: 5,
-            noSettings: 6,
-            getWebComponent: 8
+            noDblClickFullscreen: 2,
+            noCaptions: 3,
+            noPoster: 4,
+            noSpinner: 5,
+            noControls: 6,
+            noSettings: 7,
+            noSkeleton: 8,
+            getWebComponent: 10
         });
@@ -177,3 +195,3 @@ }
     get getWebComponent() {
-        return this.$$.ctx[8];
+        return this.$$.ctx[10];
     }
@@ -180,0 +198,0 @@ }

dist/cjs/components/VimePlayer.js

@@ -11,4 +11,4 @@ "use strict";
     let dispose;
-    const default_slot_template = /*$$slots*/ ctx[74].default;
-    const default_slot = internal_1.create_slot(default_slot_template, ctx, /*$$scope*/ ctx[73], null);
+    const default_slot_template = /*$$slots*/ ctx[73].default;
+    const default_slot = internal_1.create_slot(default_slot_template, ctx, /*$$scope*/ ctx[72], null);
     return {
@@ -61,3 +61,2 @@ c() {
             internal_1.set_custom_element_data(vime_player, "language", /*language*/ ctx[41]);
-            internal_1.set_custom_element_data(vime_player, "no-skeleton", /*noSkeleton*/ ctx[42]);
         },
@@ -69,45 +68,45 @@ m(target, anchor) {
             }
-            /*vime_player_binding*/ ctx[75](vime_player);
+            /*vime_player_binding*/ ctx[74](vime_player);
             current = true;
             if (!mounted) {
                 dispose = [
-                    internal_1.listen(vime_player, "vThemeChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vPausedChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vPlay", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vPlayingChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vSeekingChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vSeeked", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vBufferingChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vDurationChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vCurrentTimeChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vAttachedChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vReady", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vPlaybackReady", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vPlaybackStarted", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vPlaybackEnded", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vBufferedChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vCurrentCaptionChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vTextTracksChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vErrorsChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vLoadStart", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vCurrentSrcChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vCurrentPosterChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vMediaTitleChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vControlsChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vPlaybackRateChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vPlaybackRatesChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vPlaybackQualityChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vPlaybackQualitiesChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vMutedChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vVolumeChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vViewTypeChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vMediaTypeChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vLiveChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vTouchChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vLanguageChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vI18nChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vTranslationsChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vLanguagesChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vFullscreenChange", /*onEvent*/ ctx[44]),
-                    internal_1.listen(vime_player, "vPiPChange", /*onEvent*/ ctx[44])
+                    internal_1.listen(vime_player, "vThemeChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vPausedChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vPlay", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vPlayingChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vSeekingChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vSeeked", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vBufferingChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vDurationChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vCurrentTimeChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vAttachedChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vReady", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vPlaybackReady", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vPlaybackStarted", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vPlaybackEnded", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vBufferedChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vCurrentCaptionChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vTextTracksChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vErrorsChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vLoadStart", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vCurrentSrcChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vCurrentPosterChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vMediaTitleChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vControlsChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vPlaybackRateChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vPlaybackRatesChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vPlaybackQualityChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vPlaybackQualitiesChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vMutedChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vVolumeChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vViewTypeChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vMediaTypeChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vLiveChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vTouchChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vLanguageChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vI18nChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vTranslationsChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vLanguagesChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vFullscreenChange", /*onEvent*/ ctx[43]),
+                    internal_1.listen(vime_player, "vPiPChange", /*onEvent*/ ctx[43])
                 ];
@@ -119,4 +118,4 @@ mounted = true;
             if (default_slot) {
-                if (default_slot.p && dirty[2] & /*$$scope*/ 2048) {
-                    internal_1.update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[73], dirty, null, null);
+                if (default_slot.p && dirty[2] & /*$$scope*/ 1024) {
+                    internal_1.update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[72], dirty, null, null);
                 }
@@ -250,5 +249,2 @@ }
             }
-            if (!current || dirty[1] & /*noSkeleton*/ 2048) {
-                internal_1.set_custom_element_data(vime_player, "no-skeleton", /*noSkeleton*/ ctx[42]);
-            }
         },
@@ -270,3 +266,3 @@ i(local) {
                 default_slot.d(detaching);
-            /*vime_player_binding*/ ctx[75](null);
+            /*vime_player_binding*/ ctx[74](null);
             mounted = false;
@@ -332,3 +328,2 @@ internal_1.run_all(dispose);
     let { i18n = undefined } = $$props;
-    let { noSkeleton = undefined } = $$props;
     const getProvider = (...args) => __ref.getProvider(...args);
@@ -354,7 +349,7 @@ const getAdapter = (...args) => __ref.getAdapter(...args);
     svelte_1.onMount(() => {
-        $$invalidate(76, __mounted = true);
+        $$invalidate(75, __mounted = true);
     });
     const setProp = (prop, value) => {
         if (__ref)
-            $$invalidate(43, __ref[prop] = value, __ref);
+            $$invalidate(42, __ref[prop] = value, __ref);
     };
@@ -369,3 +364,3 @@ const onEvent = e => {
             __ref = $$value;
-            $$invalidate(43, __ref);
+            $$invalidate(42, __ref);
         });
@@ -377,3 +372,3 @@ }
         if ("logger" in $$props)
-            $$invalidate(45, logger = $$props.logger);
+            $$invalidate(44, logger = $$props.logger);
         if ("theme" in $$props)
@@ -410,7 +405,7 @@ $$invalidate(1, theme = $$props.theme);
         if ("playbackRates" in $$props)
-            $$invalidate(46, playbackRates = $$props.playbackRates);
+            $$invalidate(45, playbackRates = $$props.playbackRates);
         if ("playbackQuality" in $$props)
             $$invalidate(16, playbackQuality = $$props.playbackQuality);
         if ("playbackQualities" in $$props)
-            $$invalidate(47, playbackQualities = $$props.playbackQualities);
+            $$invalidate(46, playbackQualities = $$props.playbackQualities);
         if ("seeking" in $$props)
@@ -431,7 +426,7 @@ $$invalidate(17, seeking = $$props.seeking);
         if ("errors" in $$props)
-            $$invalidate(48, errors = $$props.errors);
+            $$invalidate(47, errors = $$props.errors);
         if ("textTracks" in $$props)
-            $$invalidate(49, textTracks = $$props.textTracks);
+            $$invalidate(48, textTracks = $$props.textTracks);
         if ("currentCaption" in $$props)
-            $$invalidate(50, currentCaption = $$props.currentCaption);
+            $$invalidate(49, currentCaption = $$props.currentCaption);
         if ("isCaptionsActive" in $$props)
@@ -474,46 +469,44 @@ $$invalidate(24, isCaptionsActive = $$props.isCaptionsActive);
         if ("translations" in $$props)
-            $$invalidate(51, translations = $$props.translations);
+            $$invalidate(50, translations = $$props.translations);
         if ("languages" in $$props)
-            $$invalidate(52, languages = $$props.languages);
+            $$invalidate(51, languages = $$props.languages);
         if ("i18n" in $$props)
-            $$invalidate(53, i18n = $$props.i18n);
-        if ("noSkeleton" in $$props)
-            $$invalidate(42, noSkeleton = $$props.noSkeleton);
+            $$invalidate(52, i18n = $$props.i18n);
         if ("$$scope" in $$props)
-            $$invalidate(73, $$scope = $$props.$$scope);
+            $$invalidate(72, $$scope = $$props.$$scope);
     };
     $$self.$$.update = () => {
-        if ($$self.$$.dirty[1] & /*logger*/ 16384 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*logger*/ 8192 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("logger", logger);
         }
-        if ($$self.$$.dirty[1] & /*playbackRates*/ 32768 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*playbackRates*/ 16384 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("playbackRates", playbackRates);
         }
-        if ($$self.$$.dirty[1] & /*playbackQualities*/ 65536 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*playbackQualities*/ 32768 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("playbackQualities", playbackQualities);
         }
-        if ($$self.$$.dirty[1] & /*errors*/ 131072 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*errors*/ 65536 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("errors", errors);
         }
-        if ($$self.$$.dirty[1] & /*textTracks*/ 262144 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*textTracks*/ 131072 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("textTracks", textTracks);
         }
-        if ($$self.$$.dirty[1] & /*currentCaption*/ 524288 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*currentCaption*/ 262144 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("currentCaption", currentCaption);
         }
-        if ($$self.$$.dirty[1] & /*translations*/ 1048576 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*translations*/ 524288 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("translations", translations);
         }
-        if ($$self.$$.dirty[1] & /*languages*/ 2097152 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*languages*/ 1048576 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("languages", languages);
         }
-        if ($$self.$$.dirty[1] & /*i18n*/ 4194304 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*i18n*/ 2097152 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
@@ -566,3 +559,2 @@ setProp("i18n", i18n);
         language,
-        noSkeleton,
         __ref,
@@ -608,3 +600,3 @@ onEvent,
             attached: 0,
-            logger: 45,
+            logger: 44,
             theme: 1,
@@ -625,5 +617,5 @@ paused: 2,
             playbackRate: 15,
-            playbackRates: 46,
+            playbackRates: 45,
             playbackQuality: 16,
-            playbackQualities: 47,
+            playbackQualities: 46,
             seeking: 17,
@@ -636,5 +628,5 @@ debug: 18,
             isControlsActive: 23,
-            errors: 48,
-            textTracks: 49,
-            currentCaption: 50,
+            errors: 47,
+            textTracks: 48,
+            currentCaption: 49,
             isCaptionsActive: 24,
@@ -658,25 +650,24 @@ isSettingsActive: 25,
             language: 41,
-            translations: 51,
-            languages: 52,
-            i18n: 53,
-            noSkeleton: 42,
-            getProvider: 54,
-            getAdapter: 55,
-            play: 56,
-            pause: 57,
-            canPlay: 58,
-            canAutoplay: 59,
-            canMutedAutoplay: 60,
-            canSetPlaybackRate: 61,
-            canSetPlaybackQuality: 62,
-            canSetFullscreen: 63,
-            enterFullscreen: 64,
-            exitFullscreen: 65,
-            canSetPiP: 66,
-            enterPiP: 67,
-            exitPiP: 68,
-            extendLanguage: 69,
-            callAdapter: 70,
-            toggleCaptionsVisibility: 71,
-            getWebComponent: 72
+            translations: 50,
+            languages: 51,
+            i18n: 52,
+            getProvider: 53,
+            getAdapter: 54,
+            play: 55,
+            pause: 56,
+            canPlay: 57,
+            canAutoplay: 58,
+            canMutedAutoplay: 59,
+            canSetPlaybackRate: 60,
+            canSetPlaybackQuality: 61,
+            canSetFullscreen: 62,
+            enterFullscreen: 63,
+            exitFullscreen: 64,
+            canSetPiP: 65,
+            enterPiP: 66,
+            exitPiP: 67,
+            extendLanguage: 68,
+            callAdapter: 69,
+            toggleCaptionsVisibility: 70,
+            getWebComponent: 71
         }, [-1, -1, -1]);
@@ -692,7 +683,7 @@ }
     get getProvider() {
-        return this.$$.ctx[54];
+        return this.$$.ctx[53];
     }
     /** Returns the current media provider's adapter. Shorthand for `getProvider().getAdapter()`. */
     get getAdapter() {
-        return this.$$.ctx[55];
+        return this.$$.ctx[54];
     }
@@ -703,15 +694,15 @@ /** Begins/resumes playback of the media. If this method is called programmatically before the user
     get play() {
-        return this.$$.ctx[56];
+        return this.$$.ctx[55];
     }
     /** Pauses playback of the media. */
     get pause() {
-        return this.$$.ctx[57];
+        return this.$$.ctx[56];
     }
     /** Determines whether the current provider recognizes, and can play the given type. */
     get canPlay() {
-        return this.$$.ctx[58];
+        return this.$$.ctx[57];
     }
     /** Determines whether the player can start playback of the current media automatically. */
     get canAutoplay() {
-        return this.$$.ctx[59];
+        return this.$$.ctx[58];
     }
@@ -721,11 +712,11 @@ /** Determines whether the player can start playback of the current media automatically given the
     get canMutedAutoplay() {
-        return this.$$.ctx[60];
+        return this.$$.ctx[59];
     }
     /** Returns whether the current provider allows setting the `playbackRate` prop. */
     get canSetPlaybackRate() {
-        return this.$$.ctx[61];
+        return this.$$.ctx[60];
     }
     /** Returns whether the current provider allows setting the `playbackQuality` prop. */
     get canSetPlaybackQuality() {
-        return this.$$.ctx[62];
+        return this.$$.ctx[61];
     }
@@ -736,3 +727,3 @@ /** Returns whether the native browser fullscreen API is available, or the current provider can
     get canSetFullscreen() {
-        return this.$$.ctx[63];
+        return this.$$.ctx[62];
     }
@@ -747,3 +738,3 @@ /** Requests to enter fullscreen mode, returning a `Promise` that will resolve if the request is
     get enterFullscreen() {
-        return this.$$.ctx[64];
+        return this.$$.ctx[63];
     }
@@ -754,3 +745,3 @@ /** Requests to exit fullscreen mode, returning a `Promise` that will resolve if the request is
     get exitFullscreen() {
-        return this.$$.ctx[65];
+        return this.$$.ctx[64];
     }
@@ -761,3 +752,3 @@ /** Returns whether the current provider exposes an API for entering and exiting
     get canSetPiP() {
-        return this.$$.ctx[66];
+        return this.$$.ctx[65];
     }
@@ -770,3 +761,3 @@ /** Request to enter picture-in-picture (PiP) mode, returning a `Promise` that will resolve if
     get enterPiP() {
-        return this.$$.ctx[67];
+        return this.$$.ctx[66];
     }
@@ -777,18 +768,18 @@ /** Request to exit picture-in-picture mode, returns a `Promise` that will resolve if the request
     get exitPiP() {
-        return this.$$.ctx[68];
+        return this.$$.ctx[67];
     }
     /** Extends the translation map for a given language. */
     get extendLanguage() {
-        return this.$$.ctx[69];
+        return this.$$.ctx[68];
     }
     /**  */
     get callAdapter() {
-        return this.$$.ctx[70];
+        return this.$$.ctx[69];
     }
     /** Toggles the visibility of the captions. */
     get toggleCaptionsVisibility() {
-        return this.$$.ctx[71];
+        return this.$$.ctx[70];
     }
     get getWebComponent() {
-        return this.$$.ctx[72];
+        return this.$$.ctx[71];
     }
@@ -795,0 +786,0 @@ }

dist/esm/components.js

@@ -16,2 +16,3 @@ /* eslint-disable */
 import VimeDash from './components/VimeDash';
+import VimeDblClickFullscreen from './components/VimeDblClickFullscreen';
 import VimeDefaultControls from './components/VimeDefaultControls';
@@ -42,2 +43,3 @@ import VimeDefaultSettings from './components/VimeDefaultSettings';
 import VimeSettingsControl from './components/VimeSettingsControl';
+import VimeSkeleton from './components/VimeSkeleton';
 import VimeSlider from './components/VimeSlider';
@@ -65,2 +67,3 @@ import VimeSpinner from './components/VimeSpinner';
 export { VimeDash };
+export { VimeDblClickFullscreen };
 export { VimeDefaultControls };
@@ -91,2 +94,3 @@ export { VimeDefaultSettings };
 export { VimeSettingsControl };
+export { VimeSkeleton };
 export { VimeSlider };
@@ -93,0 +97,0 @@ export { VimeSpinner };

dist/esm/components/VimeDefaultUi.js

@@ -7,4 +7,4 @@ /* generated by Svelte v3.24.1 */
     let current;
-    const default_slot_template = /*$$slots*/ ctx[10].default;
-    const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
+    const default_slot_template = /*$$slots*/ ctx[12].default;
+    const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[11], null);
     return {
@@ -17,7 +17,9 @@ c() {
             set_custom_element_data(vime_default_ui, "no-click-to-play", /*noClickToPlay*/ ctx[1]);
-            set_custom_element_data(vime_default_ui, "no-captions", /*noCaptions*/ ctx[2]);
-            set_custom_element_data(vime_default_ui, "no-poster", /*noPoster*/ ctx[3]);
-            set_custom_element_data(vime_default_ui, "no-spinner", /*noSpinner*/ ctx[4]);
-            set_custom_element_data(vime_default_ui, "no-controls", /*noControls*/ ctx[5]);
-            set_custom_element_data(vime_default_ui, "no-settings", /*noSettings*/ ctx[6]);
+            set_custom_element_data(vime_default_ui, "no-dbl-click-fullscreen", /*noDblClickFullscreen*/ ctx[2]);
+            set_custom_element_data(vime_default_ui, "no-captions", /*noCaptions*/ ctx[3]);
+            set_custom_element_data(vime_default_ui, "no-poster", /*noPoster*/ ctx[4]);
+            set_custom_element_data(vime_default_ui, "no-spinner", /*noSpinner*/ ctx[5]);
+            set_custom_element_data(vime_default_ui, "no-controls", /*noControls*/ ctx[6]);
+            set_custom_element_data(vime_default_ui, "no-settings", /*noSettings*/ ctx[7]);
+            set_custom_element_data(vime_default_ui, "no-skeleton", /*noSkeleton*/ ctx[8]);
         },
@@ -29,3 +31,3 @@ m(target, anchor) {
             }
-            /*vime_default_ui_binding*/ ctx[11](vime_default_ui);
+            /*vime_default_ui_binding*/ ctx[13](vime_default_ui);
             current = true;
@@ -35,4 +37,4 @@ },
             if (default_slot) {
-                if (default_slot.p && dirty & /*$$scope*/ 512) {
-                    update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[9], dirty, null, null);
+                if (default_slot.p && dirty & /*$$scope*/ 2048) {
+                    update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[11], dirty, null, null);
                 }
@@ -46,17 +48,23 @@ }
             }
-            if (!current || dirty & /*noCaptions*/ 4) {
-                set_custom_element_data(vime_default_ui, "no-captions", /*noCaptions*/ ctx[2]);
+            if (!current || dirty & /*noDblClickFullscreen*/ 4) {
+                set_custom_element_data(vime_default_ui, "no-dbl-click-fullscreen", /*noDblClickFullscreen*/ ctx[2]);
             }
-            if (!current || dirty & /*noPoster*/ 8) {
-                set_custom_element_data(vime_default_ui, "no-poster", /*noPoster*/ ctx[3]);
+            if (!current || dirty & /*noCaptions*/ 8) {
+                set_custom_element_data(vime_default_ui, "no-captions", /*noCaptions*/ ctx[3]);
             }
-            if (!current || dirty & /*noSpinner*/ 16) {
-                set_custom_element_data(vime_default_ui, "no-spinner", /*noSpinner*/ ctx[4]);
+            if (!current || dirty & /*noPoster*/ 16) {
+                set_custom_element_data(vime_default_ui, "no-poster", /*noPoster*/ ctx[4]);
             }
-            if (!current || dirty & /*noControls*/ 32) {
-                set_custom_element_data(vime_default_ui, "no-controls", /*noControls*/ ctx[5]);
+            if (!current || dirty & /*noSpinner*/ 32) {
+                set_custom_element_data(vime_default_ui, "no-spinner", /*noSpinner*/ ctx[5]);
             }
-            if (!current || dirty & /*noSettings*/ 64) {
-                set_custom_element_data(vime_default_ui, "no-settings", /*noSettings*/ ctx[6]);
+            if (!current || dirty & /*noControls*/ 64) {
+                set_custom_element_data(vime_default_ui, "no-controls", /*noControls*/ ctx[6]);
             }
+            if (!current || dirty & /*noSettings*/ 128) {
+                set_custom_element_data(vime_default_ui, "no-settings", /*noSettings*/ ctx[7]);
+            }
+            if (!current || dirty & /*noSkeleton*/ 256) {
+                set_custom_element_data(vime_default_ui, "no-skeleton", /*noSkeleton*/ ctx[8]);
+            }
         },
@@ -78,3 +86,3 @@ i(local) {
                 default_slot.d(detaching);
-            /*vime_default_ui_binding*/ ctx[11](null);
+            /*vime_default_ui_binding*/ ctx[13](null);
         }
@@ -89,2 +97,3 @@ };
     let { noClickToPlay = undefined } = $$props;
+    let { noDblClickFullscreen = undefined } = $$props;
     let { noCaptions = undefined } = $$props;
@@ -95,2 +104,3 @@ let { noPoster = undefined } = $$props;
     let { noSettings = undefined } = $$props;
+    let { noSkeleton = undefined } = $$props;
     const getWebComponent = () => __ref;
@@ -102,3 +112,3 @@ onMount(() => {
         if (__ref)
-            $$invalidate(7, __ref[prop] = value, __ref);
+            $$invalidate(9, __ref[prop] = value, __ref);
     };
@@ -113,3 +123,3 @@ const onEvent = e => {
             __ref = $$value;
-            $$invalidate(7, __ref);
+            $$invalidate(9, __ref);
         });
@@ -122,14 +132,18 @@ }
             $$invalidate(1, noClickToPlay = $$props.noClickToPlay);
+        if ("noDblClickFullscreen" in $$props)
+            $$invalidate(2, noDblClickFullscreen = $$props.noDblClickFullscreen);
         if ("noCaptions" in $$props)
-            $$invalidate(2, noCaptions = $$props.noCaptions);
+            $$invalidate(3, noCaptions = $$props.noCaptions);
         if ("noPoster" in $$props)
-            $$invalidate(3, noPoster = $$props.noPoster);
+            $$invalidate(4, noPoster = $$props.noPoster);
         if ("noSpinner" in $$props)
-            $$invalidate(4, noSpinner = $$props.noSpinner);
+            $$invalidate(5, noSpinner = $$props.noSpinner);
         if ("noControls" in $$props)
-            $$invalidate(5, noControls = $$props.noControls);
+            $$invalidate(6, noControls = $$props.noControls);
         if ("noSettings" in $$props)
-            $$invalidate(6, noSettings = $$props.noSettings);
+            $$invalidate(7, noSettings = $$props.noSettings);
+        if ("noSkeleton" in $$props)
+            $$invalidate(8, noSkeleton = $$props.noSkeleton);
         if ("$$scope" in $$props)
-            $$invalidate(9, $$scope = $$props.$$scope);
+            $$invalidate(11, $$scope = $$props.$$scope);
     };
@@ -139,2 +153,3 @@ return [
         noClickToPlay,
+        noDblClickFullscreen,
         noCaptions,
@@ -145,2 +160,3 @@ noPoster,
         noSettings,
+        noSkeleton,
         __ref,
@@ -159,8 +175,10 @@ getWebComponent,
             noClickToPlay: 1,
-            noCaptions: 2,
-            noPoster: 3,
-            noSpinner: 4,
-            noControls: 5,
-            noSettings: 6,
-            getWebComponent: 8
+            noDblClickFullscreen: 2,
+            noCaptions: 3,
+            noPoster: 4,
+            noSpinner: 5,
+            noControls: 6,
+            noSettings: 7,
+            noSkeleton: 8,
+            getWebComponent: 10
         });
@@ -175,3 +193,3 @@ }
     get getWebComponent() {
-        return this.$$.ctx[8];
+        return this.$$.ctx[10];
     }
@@ -178,0 +196,0 @@ }

dist/esm/components/VimePlayer.js

@@ -9,4 +9,4 @@ /* generated by Svelte v3.24.1 */
     let dispose;
-    const default_slot_template = /*$$slots*/ ctx[74].default;
-    const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[73], null);
+    const default_slot_template = /*$$slots*/ ctx[73].default;
+    const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[72], null);
     return {
@@ -59,3 +59,2 @@ c() {
             set_custom_element_data(vime_player, "language", /*language*/ ctx[41]);
-            set_custom_element_data(vime_player, "no-skeleton", /*noSkeleton*/ ctx[42]);
         },
@@ -67,45 +66,45 @@ m(target, anchor) {
             }
-            /*vime_player_binding*/ ctx[75](vime_player);
+            /*vime_player_binding*/ ctx[74](vime_player);
             current = true;
             if (!mounted) {
                 dispose = [
-                    listen(vime_player, "vThemeChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vPausedChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vPlay", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vPlayingChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vSeekingChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vSeeked", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vBufferingChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vDurationChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vCurrentTimeChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vAttachedChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vReady", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vPlaybackReady", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vPlaybackStarted", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vPlaybackEnded", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vBufferedChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vCurrentCaptionChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vTextTracksChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vErrorsChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vLoadStart", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vCurrentSrcChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vCurrentPosterChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vMediaTitleChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vControlsChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vPlaybackRateChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vPlaybackRatesChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vPlaybackQualityChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vPlaybackQualitiesChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vMutedChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vVolumeChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vViewTypeChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vMediaTypeChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vLiveChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vTouchChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vLanguageChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vI18nChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vTranslationsChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vLanguagesChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vFullscreenChange", /*onEvent*/ ctx[44]),
-                    listen(vime_player, "vPiPChange", /*onEvent*/ ctx[44])
+                    listen(vime_player, "vThemeChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vPausedChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vPlay", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vPlayingChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vSeekingChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vSeeked", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vBufferingChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vDurationChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vCurrentTimeChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vAttachedChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vReady", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vPlaybackReady", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vPlaybackStarted", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vPlaybackEnded", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vBufferedChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vCurrentCaptionChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vTextTracksChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vErrorsChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vLoadStart", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vCurrentSrcChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vCurrentPosterChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vMediaTitleChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vControlsChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vPlaybackRateChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vPlaybackRatesChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vPlaybackQualityChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vPlaybackQualitiesChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vMutedChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vVolumeChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vViewTypeChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vMediaTypeChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vLiveChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vTouchChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vLanguageChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vI18nChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vTranslationsChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vLanguagesChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vFullscreenChange", /*onEvent*/ ctx[43]),
+                    listen(vime_player, "vPiPChange", /*onEvent*/ ctx[43])
                 ];
@@ -117,4 +116,4 @@ mounted = true;
             if (default_slot) {
-                if (default_slot.p && dirty[2] & /*$$scope*/ 2048) {
-                    update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[73], dirty, null, null);
+                if (default_slot.p && dirty[2] & /*$$scope*/ 1024) {
+                    update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[72], dirty, null, null);
                 }
@@ -248,5 +247,2 @@ }
             }
-            if (!current || dirty[1] & /*noSkeleton*/ 2048) {
-                set_custom_element_data(vime_player, "no-skeleton", /*noSkeleton*/ ctx[42]);
-            }
         },
@@ -268,3 +264,3 @@ i(local) {
                 default_slot.d(detaching);
-            /*vime_player_binding*/ ctx[75](null);
+            /*vime_player_binding*/ ctx[74](null);
             mounted = false;
@@ -330,3 +326,2 @@ run_all(dispose);
     let { i18n = undefined } = $$props;
-    let { noSkeleton = undefined } = $$props;
     const getProvider = (...args) => __ref.getProvider(...args);
@@ -352,7 +347,7 @@ const getAdapter = (...args) => __ref.getAdapter(...args);
     onMount(() => {
-        $$invalidate(76, __mounted = true);
+        $$invalidate(75, __mounted = true);
     });
     const setProp = (prop, value) => {
         if (__ref)
-            $$invalidate(43, __ref[prop] = value, __ref);
+            $$invalidate(42, __ref[prop] = value, __ref);
     };
@@ -367,3 +362,3 @@ const onEvent = e => {
             __ref = $$value;
-            $$invalidate(43, __ref);
+            $$invalidate(42, __ref);
         });
@@ -375,3 +370,3 @@ }
         if ("logger" in $$props)
-            $$invalidate(45, logger = $$props.logger);
+            $$invalidate(44, logger = $$props.logger);
         if ("theme" in $$props)
@@ -408,7 +403,7 @@ $$invalidate(1, theme = $$props.theme);
         if ("playbackRates" in $$props)
-            $$invalidate(46, playbackRates = $$props.playbackRates);
+            $$invalidate(45, playbackRates = $$props.playbackRates);
         if ("playbackQuality" in $$props)
             $$invalidate(16, playbackQuality = $$props.playbackQuality);
         if ("playbackQualities" in $$props)
-            $$invalidate(47, playbackQualities = $$props.playbackQualities);
+            $$invalidate(46, playbackQualities = $$props.playbackQualities);
         if ("seeking" in $$props)
@@ -429,7 +424,7 @@ $$invalidate(17, seeking = $$props.seeking);
         if ("errors" in $$props)
-            $$invalidate(48, errors = $$props.errors);
+            $$invalidate(47, errors = $$props.errors);
         if ("textTracks" in $$props)
-            $$invalidate(49, textTracks = $$props.textTracks);
+            $$invalidate(48, textTracks = $$props.textTracks);
         if ("currentCaption" in $$props)
-            $$invalidate(50, currentCaption = $$props.currentCaption);
+            $$invalidate(49, currentCaption = $$props.currentCaption);
         if ("isCaptionsActive" in $$props)
@@ -472,46 +467,44 @@ $$invalidate(24, isCaptionsActive = $$props.isCaptionsActive);
         if ("translations" in $$props)
-            $$invalidate(51, translations = $$props.translations);
+            $$invalidate(50, translations = $$props.translations);
         if ("languages" in $$props)
-            $$invalidate(52, languages = $$props.languages);
+            $$invalidate(51, languages = $$props.languages);
         if ("i18n" in $$props)
-            $$invalidate(53, i18n = $$props.i18n);
-        if ("noSkeleton" in $$props)
-            $$invalidate(42, noSkeleton = $$props.noSkeleton);
+            $$invalidate(52, i18n = $$props.i18n);
         if ("$$scope" in $$props)
-            $$invalidate(73, $$scope = $$props.$$scope);
+            $$invalidate(72, $$scope = $$props.$$scope);
     };
     $$self.$$.update = () => {
-        if ($$self.$$.dirty[1] & /*logger*/ 16384 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*logger*/ 8192 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("logger", logger);
         }
-        if ($$self.$$.dirty[1] & /*playbackRates*/ 32768 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*playbackRates*/ 16384 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("playbackRates", playbackRates);
         }
-        if ($$self.$$.dirty[1] & /*playbackQualities*/ 65536 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*playbackQualities*/ 32768 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("playbackQualities", playbackQualities);
         }
-        if ($$self.$$.dirty[1] & /*errors*/ 131072 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*errors*/ 65536 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("errors", errors);
         }
-        if ($$self.$$.dirty[1] & /*textTracks*/ 262144 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*textTracks*/ 131072 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("textTracks", textTracks);
         }
-        if ($$self.$$.dirty[1] & /*currentCaption*/ 524288 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*currentCaption*/ 262144 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("currentCaption", currentCaption);
         }
-        if ($$self.$$.dirty[1] & /*translations*/ 1048576 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*translations*/ 524288 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("translations", translations);
         }
-        if ($$self.$$.dirty[1] & /*languages*/ 2097152 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*languages*/ 1048576 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
                 setProp("languages", languages);
         }
-        if ($$self.$$.dirty[1] & /*i18n*/ 4194304 | $$self.$$.dirty[2] & /*__mounted*/ 16384) {
+        if ($$self.$$.dirty[1] & /*i18n*/ 2097152 | $$self.$$.dirty[2] & /*__mounted*/ 8192) {
             $: if (__mounted)
@@ -564,3 +557,2 @@ setProp("i18n", i18n);
         language,
-        noSkeleton,
         __ref,
@@ -606,3 +598,3 @@ onEvent,
             attached: 0,
-            logger: 45,
+            logger: 44,
             theme: 1,
@@ -623,5 +615,5 @@ paused: 2,
             playbackRate: 15,
-            playbackRates: 46,
+            playbackRates: 45,
             playbackQuality: 16,
-            playbackQualities: 47,
+            playbackQualities: 46,
             seeking: 17,
@@ -634,5 +626,5 @@ debug: 18,
             isControlsActive: 23,
-            errors: 48,
-            textTracks: 49,
-            currentCaption: 50,
+            errors: 47,
+            textTracks: 48,
+            currentCaption: 49,
             isCaptionsActive: 24,
@@ -656,25 +648,24 @@ isSettingsActive: 25,
             language: 41,
-            translations: 51,
-            languages: 52,
-            i18n: 53,
-            noSkeleton: 42,
-            getProvider: 54,
-            getAdapter: 55,
-            play: 56,
-            pause: 57,
-            canPlay: 58,
-            canAutoplay: 59,
-            canMutedAutoplay: 60,
-            canSetPlaybackRate: 61,
-            canSetPlaybackQuality: 62,
-            canSetFullscreen: 63,
-            enterFullscreen: 64,
-            exitFullscreen: 65,
-            canSetPiP: 66,
-            enterPiP: 67,
-            exitPiP: 68,
-            extendLanguage: 69,
-            callAdapter: 70,
-            toggleCaptionsVisibility: 71,
-            getWebComponent: 72
+            translations: 50,
+            languages: 51,
+            i18n: 52,
+            getProvider: 53,
+            getAdapter: 54,
+            play: 55,
+            pause: 56,
+            canPlay: 57,
+            canAutoplay: 58,
+            canMutedAutoplay: 59,
+            canSetPlaybackRate: 60,
+            canSetPlaybackQuality: 61,
+            canSetFullscreen: 62,
+            enterFullscreen: 63,
+            exitFullscreen: 64,
+            canSetPiP: 65,
+            enterPiP: 66,
+            exitPiP: 67,
+            extendLanguage: 68,
+            callAdapter: 69,
+            toggleCaptionsVisibility: 70,
+            getWebComponent: 71
         }, [-1, -1, -1]);
@@ -690,7 +681,7 @@ }
     get getProvider() {
-        return this.$$.ctx[54];
+        return this.$$.ctx[53];
     }
     /** Returns the current media provider's adapter. Shorthand for `getProvider().getAdapter()`. */
     get getAdapter() {
-        return this.$$.ctx[55];
+        return this.$$.ctx[54];
     }
@@ -701,15 +692,15 @@ /** Begins/resumes playback of the media. If this method is called programmatically before the user
     get play() {
-        return this.$$.ctx[56];
+        return this.$$.ctx[55];
     }
     /** Pauses playback of the media. */
     get pause() {
-        return this.$$.ctx[57];
+        return this.$$.ctx[56];
     }
     /** Determines whether the current provider recognizes, and can play the given type. */
     get canPlay() {
-        return this.$$.ctx[58];
+        return this.$$.ctx[57];
     }
     /** Determines whether the player can start playback of the current media automatically. */
     get canAutoplay() {
-        return this.$$.ctx[59];
+        return this.$$.ctx[58];
     }
@@ -719,11 +710,11 @@ /** Determines whether the player can start playback of the current media automatically given the
     get canMutedAutoplay() {
-        return this.$$.ctx[60];
+        return this.$$.ctx[59];
     }
     /** Returns whether the current provider allows setting the `playbackRate` prop. */
     get canSetPlaybackRate() {
-        return this.$$.ctx[61];
+        return this.$$.ctx[60];
     }
     /** Returns whether the current provider allows setting the `playbackQuality` prop. */
     get canSetPlaybackQuality() {
-        return this.$$.ctx[62];
+        return this.$$.ctx[61];
     }
@@ -734,3 +725,3 @@ /** Returns whether the native browser fullscreen API is available, or the current provider can
     get canSetFullscreen() {
-        return this.$$.ctx[63];
+        return this.$$.ctx[62];
     }
@@ -745,3 +736,3 @@ /** Requests to enter fullscreen mode, returning a `Promise` that will resolve if the request is
     get enterFullscreen() {
-        return this.$$.ctx[64];
+        return this.$$.ctx[63];
     }
@@ -752,3 +743,3 @@ /** Requests to exit fullscreen mode, returning a `Promise` that will resolve if the request is
     get exitFullscreen() {
-        return this.$$.ctx[65];
+        return this.$$.ctx[64];
     }
@@ -759,3 +750,3 @@ /** Returns whether the current provider exposes an API for entering and exiting
     get canSetPiP() {
-        return this.$$.ctx[66];
+        return this.$$.ctx[65];
     }
@@ -768,3 +759,3 @@ /** Request to enter picture-in-picture (PiP) mode, returning a `Promise` that will resolve if
     get enterPiP() {
-        return this.$$.ctx[67];
+        return this.$$.ctx[66];
     }
@@ -775,18 +766,18 @@ /** Request to exit picture-in-picture mode, returns a `Promise` that will resolve if the request
     get exitPiP() {
-        return this.$$.ctx[68];
+        return this.$$.ctx[67];
     }
     /** Extends the translation map for a given language. */
     get extendLanguage() {
-        return this.$$.ctx[69];
+        return this.$$.ctx[68];
     }
     /**  */
     get callAdapter() {
-        return this.$$.ctx[70];
+        return this.$$.ctx[69];
     }
     /** Toggles the visibility of the captions. */
     get toggleCaptionsVisibility() {
-        return this.$$.ctx[71];
+        return this.$$.ctx[70];
     }
     get getWebComponent() {
-        return this.$$.ctx[72];
+        return this.$$.ctx[71];
     }
@@ -793,0 +784,0 @@ }

dist/types/components.d.ts

@@ -13,2 +13,3 @@ import '@vime/core/loader';
 import VimeDash from './components/VimeDash';
+import VimeDblClickFullscreen from './components/VimeDblClickFullscreen';
 import VimeDefaultControls from './components/VimeDefaultControls';
@@ -39,2 +40,3 @@ import VimeDefaultSettings from './components/VimeDefaultSettings';
 import VimeSettingsControl from './components/VimeSettingsControl';
+import VimeSkeleton from './components/VimeSkeleton';
 import VimeSlider from './components/VimeSlider';
@@ -62,2 +64,3 @@ import VimeSpinner from './components/VimeSpinner';
 export { VimeDash };
+export { VimeDblClickFullscreen };
 export { VimeDefaultControls };
@@ -88,2 +91,3 @@ export { VimeDefaultSettings };
 export { VimeSettingsControl };
+export { VimeSkeleton };
 export { VimeSlider };
@@ -90,0 +94,0 @@ export { VimeSpinner };

dist/types/components/VimeDefaultUi.d.ts

@@ -7,2 +7,4 @@ import { Components } from '@vime/core';
     noClickToPlay?: Components.VimeDefaultUi["noClickToPlay"];
+    /** Whether double clicking the player should not toggle fullscreen mode. */
+    noDblClickFullscreen?: Components.VimeDefaultUi["noDblClickFullscreen"];
     /** Whether the custom captions UI should not be loaded. */
@@ -18,2 +20,4 @@ noCaptions?: Components.VimeDefaultUi["noCaptions"];
     noSettings?: Components.VimeDefaultUi["noSettings"];
+    /** Whether the skeleton loading animation should be shown while the player is loading. */
+    noSkeleton?: Components.VimeDefaultUi["noSkeleton"];
 }
@@ -20,0 +24,0 @@ interface VimeDefaultUiEvents {

dist/types/components/VimePlayer.d.ts

@@ -156,4 +156,2 @@ import { Components, JSX } from '@vime/core';
     i18n?: Components.VimePlayer["i18n"];
-    /** Whether the skeleton loading animation should be shown while media is loading. */
-    noSkeleton?: Components.VimePlayer["noSkeleton"];
 }
@@ -160,0 +158,0 @@ interface VimePlayerEvents {

package.json

 {
   "name": "@vime/svelte",
-  "version": "3.2.2",
+  "version": "4.0.0",
   "description": "Svelte bindings for Vime media player.",
@@ -30,3 +30,3 @@ "license": "MIT",
   "dependencies": {
-    "@vime/core": "^3.2.2"
+    "@vime/core": "^4.0.0"
   },
@@ -59,3 +59,3 @@ "devDependencies": {
   ],
-  "gitHead": "6d9e97f5e102e3378182c7a1d9700c866be88daa"
+  "gitHead": "6329fa0ed3e489fbecb9cf7e1154e45f5ba61682"
 }

README.md

 # @vime/svelte
 
-Vime is a customizable media player built with [web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components). These are [Svelte](https://svelte.dev) specific building blocks on top of 
-[@vime/core](https://www.npmjs.com/package/@vime/core) components.
+Vime is a customizable media player built with [web components][web-components]. The `@vime/svelte`
+package contains the [Svelte][svelte] bindings that wrap around the web components in 
+[`@vime/core`][vime-core]. The bindings are auto-generated by [Stencil][stencil].
 
+[svelte]: https://svelte.dev
+[stencil]: https://stenciljs.com
+[vime-core]: https://www.npmjs.com/package/@vime/core
+[web-components]: https://developer.mozilla.org/en-US/docs/Web/Web_Components
+
 ## Related
@@ -7,0 +13,0 @@

src/svelte.js

 /* eslint-disable no-undef, import/no-unresolved, import/extensions */
 import { defineCustomElements } from '@vime/core/loader';
-import { usePlayer, usePlayerStore } from '../dist/esm/index';
 
 export * from './svelte/index';
 export * from '@vime/core';
+export { usePlayer, usePlayerStore } from '../dist/esm/index';
 
-export {
-  usePlayer,
-  usePlayerStore,
-};
-
 defineCustomElements();

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2226866

increased by2.92%

Number of package files

267

increased by3.89%

Lines of code

20145

increased by2.92%

Number of lines in readme file

17

increased by54.55%

Dependency changes

• + Added@stencil/core@2.2.0(transitive)

• + Added@vime/core@4.7.3(transitive)

• - Removed@vime/core@3.2.2(transitive)

• Updated@vime/core@^4.0.0