@unlk/keymaster 1.3.6 → 1.3.7

package/js/video-modal.js

@@ -17,7 +17,11 @@ const youTubeAPIInitPromise = new Promise((resolve) => {
     youTubeAPIReady = true;
     resolve();
   } else {
+    const prev = window.onYouTubeIframeAPIReady;
     window.onYouTubeIframeAPIReady = () => {
+      try {
+        if (typeof prev === 'function') prev();
+      } catch {}
       youTubeAPIReady = true;
       resolve();
     };
@@ -78,10 +82,15 @@ class VideoModal extends BaseComponent {
     if (this._vimeoUrl) {
       await vimeoAPIInitPromise;
       const vimeoId = this._getVimeoId(this._vimeoUrl);
+
       this._vimeoPlayer = new window.Vimeo.Player(this._container, {
         id: vimeoId,
         autoplay: true
       });
+
+      this._element.dataset.vimeoId = String(vimeoId);
+      this._element.__unlkVimeoPlayer = this._vimeoPlayer;
+
       return;
     }
 
@@ -89,10 +98,14 @@ class VideoModal extends BaseComponent {
       await youTubeAPIInitPromise;
       const youtubeId = this._getYouTubeId(this._youtubeSrc);
       const playerDiv = this._container.querySelector(`#${playerID}`);
+
       this._youtubePlayer = new window.YT.Player(playerDiv, {
         videoId: youtubeId,
         playerVars: { autoplay: 1, rel: 0 }
       });
+
+      this._element.dataset.ytId = youtubeId;
+      this._element.__unlkYtPlayer = this._youtubePlayer;
     }
   }
 
@@ -106,12 +119,15 @@ class VideoModal extends BaseComponent {
       this._youtubePlayer.destroy();
       this._youtubePlayer = null;
     }
+
+    delete this._element.__unlkYtPlayer;
+    delete this._element.dataset.ytId;
+    delete this._element.__unlkVimeoPlayer;
+    delete this._element.dataset.vimeoId;
   }
 
   _getYouTubeId(url) {
-    const match = url.match(
-      /(?:youtube\.com\/(?:watch\?v=|embed\/|v\/)|youtu\.be\/)([\w-]{11})/
-    );
+    const match = url.match(/(?:youtube\.com\/(?:watch\?v=|embed\/|v\/)|youtu\.be\/)([\w-]{11})/);
     return match ? match[1] : '';
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unlk/keymaster",
-  "version": "1.3.6",
+  "version": "1.3.7",
   "publishConfig": {
     "access": "public"
   },

package/scss/theme/_spinner.scss

@@ -8,8 +8,6 @@
   &::before {
     position: absolute;
     inset: 0;
-
-    /* polygon converted from your yellow <polygon> */
     clip-path:
       polygon(
         50% 47.36%,
@@ -20,15 +18,12 @@
         50% 47.36%
       );
     content: "";
-
     background: $sunglow;
   }
 
   &::after {
     position: absolute;
     inset: 0;
-
-    /* polygon converted from your blue <polygon> */
     clip-path:
       polygon(
         72.28% 0%,
@@ -40,7 +35,6 @@
         72.28% 0%
       );
     content: "";
-
     background: $electric;
   }
 }

package/scss/theme/_version.scss

@@ -1,2 +1,2 @@
 // GENERATED FILE – do not edit manually
-$km-version: "1.3.6" !default;
+$km-version: "1.3.7" !default;