smooth-player 2.0.0 → 2.1.1

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.
Files changed (5) hide show
  1. package/dist/SmoothPlayer.js +1 -0
  2. package/dist/smooth-player.css +11 -0
  3. package/dist-cjs/SmoothPlayer.js +1 -0
  4. package/package.json +1 -1
  5. package/styles/common/_base.scss +11 -0
package/dist/SmoothPlayer.js CHANGED
@@ -432,6 +432,7 @@ export class SmoothPlayer {
432
432
  toggleButton.focus();
433
433
  }
434
434
  root.classList.toggle(openClassName, open);
435
+ panel.classList.toggle("is-open", open);
435
436
  panel.setAttribute("aria-hidden", String(!open));
436
437
  if (open) {
437
438
  panel.removeAttribute("inert");
package/dist/smooth-player.css CHANGED
@@ -30,6 +30,10 @@
30
30
  transition: opacity 420ms cubic-bezier(0.2, 0.7, 0.2, 1);
31
31
  }
32
32
 
33
+ .smooth-player [hidden] {
34
+ display: none !important;
35
+ }
36
+
33
37
  .smooth-player.is-drag-over {
34
38
  border-color: color-mix(in srgb, var(--smooth-player-accent) 44%, #fff 56%);
35
39
  box-shadow: 0 0 0 calc(var(--smooth-player-rem) * 2) color-mix(in srgb, var(--smooth-player-accent) 18%, transparent);
@@ -346,6 +350,13 @@
346
350
  z-index: 3;
347
351
  }
348
352
 
353
+ .smooth-player__playlist.is-open {
354
+ transform: translateX(0);
355
+ opacity: 1;
356
+ visibility: visible;
357
+ pointer-events: auto;
358
+ }
359
+
349
360
  .smooth-player__playlist-head {
350
361
  display: flex;
351
362
  align-items: center;
package/dist-cjs/SmoothPlayer.js CHANGED
@@ -435,6 +435,7 @@ class SmoothPlayer {
435
435
  toggleButton.focus();
436
436
  }
437
437
  root.classList.toggle(openClassName, open);
438
+ panel.classList.toggle("is-open", open);
438
439
  panel.setAttribute("aria-hidden", String(!open));
439
440
  if (open) {
440
441
  panel.removeAttribute("inert");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "smooth-player",
3
- "version": "2.0.0",
3
+ "version": "2.1.1",
4
4
  "description": "Typed audio player with spectrum and waveform analyzers",
5
5
  "type": "module",
6
6
  "workspaces": [
package/styles/common/_base.scss CHANGED
@@ -39,6 +39,10 @@
39
39
 
40
40
  }
41
41
 
42
+ .smooth-player [hidden] {
43
+ display: none !important;
44
+ }
45
+
42
46
  .smooth-player.is-drag-over {
43
47
  border-color: color-mix(in srgb, var(--smooth-player-accent) 44%, #fff 56%);
44
48
  box-shadow: 0 0 0 sp-rem(2) color-mix(in srgb, var(--smooth-player-accent) 18%, transparent);
@@ -372,6 +376,13 @@
372
376
  z-index: 3;
373
377
  }
374
378
 
379
+ .smooth-player__playlist.is-open {
380
+ transform: translateX(0);
381
+ opacity: 1;
382
+ visibility: visible;
383
+ pointer-events: auto;
384
+ }
385
+
375
386
  .smooth-player__playlist-head {
376
387
  display: flex;
377
388
  align-items: center;