vidply 1.0.3 → 1.0.4
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.
- package/dist/vidply.css +24 -0
- package/dist/vidply.esm.js +217 -34
- package/dist/vidply.esm.js.map +2 -2
- package/dist/vidply.esm.min.js +7 -6
- package/dist/vidply.esm.min.meta.json +7 -7
- package/dist/vidply.js +217 -34
- package/dist/vidply.js.map +2 -2
- package/dist/vidply.min.css +1 -1
- package/dist/vidply.min.js +7 -6
- package/dist/vidply.min.meta.json +7 -7
- package/package.json +57 -54
- package/src/controls/ControlBar.js +2026 -1988
- package/src/core/Player.js +36 -0
- package/src/features/PlaylistManager.js +611 -437
- package/src/styles/vidply.css +24 -0
package/src/styles/vidply.css
CHANGED
|
@@ -1387,6 +1387,8 @@
|
|
|
1387
1387
|
}
|
|
1388
1388
|
|
|
1389
1389
|
.vidply-playlist-list {
|
|
1390
|
+
list-style: none;
|
|
1391
|
+
margin: 0;
|
|
1390
1392
|
padding: 4px 0;
|
|
1391
1393
|
}
|
|
1392
1394
|
|
|
@@ -1399,6 +1401,7 @@
|
|
|
1399
1401
|
display: flex;
|
|
1400
1402
|
gap: 12px;
|
|
1401
1403
|
padding: 12px 16px;
|
|
1404
|
+
position: relative;
|
|
1402
1405
|
transition: all 0.2s ease;
|
|
1403
1406
|
}
|
|
1404
1407
|
|
|
@@ -1410,9 +1413,23 @@
|
|
|
1410
1413
|
.vidply-playlist-item:focus {
|
|
1411
1414
|
background: var(--vidply-white-08);
|
|
1412
1415
|
border-left-color: var(--vidply-primary);
|
|
1416
|
+
outline: 2px solid var(--vidply-primary-light);
|
|
1417
|
+
outline-offset: -2px;
|
|
1418
|
+
z-index: 1;
|
|
1419
|
+
}
|
|
1420
|
+
|
|
1421
|
+
.vidply-playlist-item:focus:not(:focus-visible) {
|
|
1413
1422
|
outline: none;
|
|
1414
1423
|
}
|
|
1415
1424
|
|
|
1425
|
+
.vidply-playlist-item:focus-visible {
|
|
1426
|
+
background: var(--vidply-white-08);
|
|
1427
|
+
border-left-color: var(--vidply-primary);
|
|
1428
|
+
outline: 2px solid var(--vidply-primary-light);
|
|
1429
|
+
outline-offset: -2px;
|
|
1430
|
+
z-index: 1;
|
|
1431
|
+
}
|
|
1432
|
+
|
|
1416
1433
|
.vidply-playlist-item-active {
|
|
1417
1434
|
background: var(--vidply-primary-15);
|
|
1418
1435
|
border-left-color: var(--vidply-primary);
|
|
@@ -1422,6 +1439,13 @@
|
|
|
1422
1439
|
background: var(--vidply-primary-20);
|
|
1423
1440
|
}
|
|
1424
1441
|
|
|
1442
|
+
.vidply-playlist-item-active:focus,
|
|
1443
|
+
.vidply-playlist-item-active:focus-visible {
|
|
1444
|
+
background: var(--vidply-primary-20);
|
|
1445
|
+
outline: 2px solid var(--vidply-primary-light);
|
|
1446
|
+
outline-offset: -2px;
|
|
1447
|
+
}
|
|
1448
|
+
|
|
1425
1449
|
/* Playlist Thumbnail */
|
|
1426
1450
|
.vidply-playlist-thumbnail {
|
|
1427
1451
|
align-items: center;
|