@eluvio/elv-player-js 2.0.3 → 2.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/.vite/manifest.json +43 -35
- package/dist/Analytics-CYJLgx_a.js +29 -0
- package/dist/{Analytics-tzT177LT.mjs → Analytics-SL78DnFJ.mjs} +794 -949
- package/dist/dash.all.min-Csr27tOz.js +26 -0
- package/dist/dash.all.min-dlsJq_zB.mjs +18042 -0
- package/dist/elv-player-js.cjs.js +1 -1
- package/dist/elv-player-js.css +1 -1
- package/dist/elv-player-js.es.js +1 -1
- package/dist/{hls-1eCRapWm.mjs → hls-B8WS8h-m.mjs} +42 -80
- package/dist/{hls-6O5SV1FQ.js → hls-agwebW2Y.js} +1 -1
- package/dist/{index-eJYk3d_H.mjs → index-CO5vQxYj.mjs} +194 -236
- package/dist/index-CTZLSJgI.js +366 -0
- package/dist/{index-fK0-ixyS.js → index-DXZS88KZ.js} +2 -2
- package/dist/{index-OO3pB9-0.mjs → index-DiL5zcI4.mjs} +29885 -29467
- package/lib/player/Controls.js +24 -0
- package/lib/player/Player.js +66 -1
- package/lib/player/PlayerParameters.js +6 -1
- package/lib/static/icons/Icons.js +31 -28
- package/lib/static/icons/svgs/content-credentials.svg +3 -0
- package/lib/static/icons/svgs/copy.svg +1 -0
- package/lib/static/icons/svgs/shield.svg +4 -0
- package/lib/static/stylesheets/common.module.scss +158 -3
- package/lib/static/stylesheets/controls-web.module.scss +27 -1
- package/lib/ui/BuildIcons.cjs +4 -1
- package/lib/ui/Components.jsx +168 -3
- package/lib/ui/Observers.js +13 -2
- package/lib/ui/TVControls.jsx +30 -1
- package/lib/ui/WebControls.jsx +40 -3
- package/package.json +2 -2
- package/dist/Analytics-PI86_hOX.js +0 -29
- package/dist/dash.all.min-BHQ284vX.mjs +0 -19428
- package/dist/dash.all.min-YnvCBRhl.js +0 -25
- package/dist/index-uOiYcy0J.js +0 -367
package/lib/player/Controls.js
CHANGED
|
@@ -820,6 +820,30 @@ class PlayerControls {
|
|
|
820
820
|
this.player.__SettingsUpdate();
|
|
821
821
|
}
|
|
822
822
|
|
|
823
|
+
/**
|
|
824
|
+
* Retrieve content verification status
|
|
825
|
+
*
|
|
826
|
+
* @methodGroup Content Verification
|
|
827
|
+
*
|
|
828
|
+
* @returns {boolean} - Whether or not the content is verified
|
|
829
|
+
*/
|
|
830
|
+
ContentVerified() {
|
|
831
|
+
return this.player.contentVerified || false;
|
|
832
|
+
}
|
|
833
|
+
|
|
834
|
+
|
|
835
|
+
/**
|
|
836
|
+
* Retrieve content verification audit details
|
|
837
|
+
*
|
|
838
|
+
* @methodGroup Content Verification
|
|
839
|
+
*
|
|
840
|
+
* @returns {Object} - Details about the content audit
|
|
841
|
+
*/
|
|
842
|
+
ContentVerificationDetails() {
|
|
843
|
+
return this.player.contentAudit || false;
|
|
844
|
+
}
|
|
845
|
+
|
|
846
|
+
|
|
823
847
|
GetOptions() {
|
|
824
848
|
let options = {
|
|
825
849
|
quality: this.GetQualityLevels(),
|
package/lib/player/Player.js
CHANGED
|
@@ -178,11 +178,13 @@ export class EluvioPlayer {
|
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
const { playoutUrl, drms } = this.sourceOptions.playoutOptions[protocol].playoutMethods[drm];
|
|
181
|
+
const versionHash = playoutUrl.split("/").find(segment => segment.startsWith("hq__"));
|
|
181
182
|
|
|
182
183
|
return {
|
|
183
184
|
protocol,
|
|
184
185
|
drm,
|
|
185
186
|
playoutUrl,
|
|
187
|
+
versionHash,
|
|
186
188
|
drms,
|
|
187
189
|
availableDRMs,
|
|
188
190
|
offeringURI,
|
|
@@ -352,7 +354,9 @@ export class EluvioPlayer {
|
|
|
352
354
|
this.__RegisterVideoEventListener("ended", () => this.controls && this.controls.CollectionPlayNext({autoplay: true}));
|
|
353
355
|
}
|
|
354
356
|
|
|
355
|
-
let { protocol, drm,
|
|
357
|
+
let { versionHash, playoutUrl, protocol, drm, drms, multiviewOptions } = await this.__PlayoutOptions();
|
|
358
|
+
|
|
359
|
+
this.contentHash = versionHash;
|
|
356
360
|
|
|
357
361
|
//multiviewOptions.target = this.target;
|
|
358
362
|
|
|
@@ -380,6 +384,12 @@ export class EluvioPlayer {
|
|
|
380
384
|
}));
|
|
381
385
|
}
|
|
382
386
|
|
|
387
|
+
if(this.playerOptions.verifyContent) {
|
|
388
|
+
setTimeout(() => {
|
|
389
|
+
this.__VerifyContent();
|
|
390
|
+
}, 1000);
|
|
391
|
+
}
|
|
392
|
+
|
|
383
393
|
if(this.playerOptions.playerCallback) {
|
|
384
394
|
this.playerOptions.playerCallback({
|
|
385
395
|
player: this,
|
|
@@ -737,6 +747,60 @@ export class EluvioPlayer {
|
|
|
737
747
|
}
|
|
738
748
|
}
|
|
739
749
|
|
|
750
|
+
async __VerifyContent() {
|
|
751
|
+
if(!this.contentHash) { return; }
|
|
752
|
+
|
|
753
|
+
const client = await this.__Client();
|
|
754
|
+
|
|
755
|
+
const audit = await client.AuditContentObject({
|
|
756
|
+
versionHash: this.contentHash
|
|
757
|
+
});
|
|
758
|
+
|
|
759
|
+
audit.verifiedAt = Date.now();
|
|
760
|
+
|
|
761
|
+
const objectId = client.utils.DecodeVersionHash(this.contentHash).objectId;
|
|
762
|
+
const tenantId = await client.ContentObjectTenantId({objectId});
|
|
763
|
+
|
|
764
|
+
let tenantName, lastCommittedAt;
|
|
765
|
+
try {
|
|
766
|
+
lastCommittedAt = await client.CallContractMethod({
|
|
767
|
+
contractAddress: client.utils.HashToAddress(objectId),
|
|
768
|
+
methodName: "objectTimestamp"
|
|
769
|
+
});
|
|
770
|
+
|
|
771
|
+
if(lastCommittedAt) {
|
|
772
|
+
lastCommittedAt = new Date(parseInt(lastCommittedAt._hex, 16) * 1000);
|
|
773
|
+
}
|
|
774
|
+
// eslint-disable-next-line no-empty
|
|
775
|
+
} catch(error) {}
|
|
776
|
+
|
|
777
|
+
try {
|
|
778
|
+
tenantName = await client.ContentObjectMetadata({
|
|
779
|
+
libraryId: client.contentSpaceLibraryId,
|
|
780
|
+
objectId: tenantId.replace("iten", "iq__"),
|
|
781
|
+
metadataSubtree: "/public/name"
|
|
782
|
+
});
|
|
783
|
+
// eslint-disable-next-line no-empty
|
|
784
|
+
} catch(error) {}
|
|
785
|
+
|
|
786
|
+
audit.details = {
|
|
787
|
+
versionHash: this.contentHash,
|
|
788
|
+
objectId,
|
|
789
|
+
address: client.utils.HashToAddress(objectId),
|
|
790
|
+
tenantId,
|
|
791
|
+
tenantAddress: client.utils.HashToAddress(tenantId),
|
|
792
|
+
tenantName,
|
|
793
|
+
ownerAddress: await client.ContentObjectOwner({objectId}),
|
|
794
|
+
lastCommittedAt,
|
|
795
|
+
signatureMethod: "ECDSA secp256k1"
|
|
796
|
+
};
|
|
797
|
+
|
|
798
|
+
this.contentAudit = audit;
|
|
799
|
+
this.contentVerified = audit.verified;
|
|
800
|
+
|
|
801
|
+
this.__SettingsUpdate();
|
|
802
|
+
}
|
|
803
|
+
|
|
740
804
|
// Indicate to controls that the settings have updated
|
|
741
805
|
__SettingsUpdate() {
|
|
742
806
|
this.__settingsListeners.forEach(listener => {
|
|
@@ -797,6 +861,7 @@ export class EluvioPlayer {
|
|
|
797
861
|
}
|
|
798
862
|
}
|
|
799
863
|
|
|
864
|
+
this.contentHash = undefined;
|
|
800
865
|
this.nativeHLS = false;
|
|
801
866
|
this.hlsPlayer = undefined;
|
|
802
867
|
this.dashPlayer = undefined;
|
|
@@ -78,6 +78,10 @@ export const PlayerParameters = {
|
|
|
78
78
|
OFF: false,
|
|
79
79
|
ON: true,
|
|
80
80
|
DISABLE_COOKIES: "disable_cookies"
|
|
81
|
+
},
|
|
82
|
+
verifyContent: {
|
|
83
|
+
OFF: false,
|
|
84
|
+
ON: true
|
|
81
85
|
}
|
|
82
86
|
};
|
|
83
87
|
|
|
@@ -151,10 +155,11 @@ export const DefaultParameters = {
|
|
|
151
155
|
capLevelToPlayerSize: PlayerParameters.capLevelToPlayerSize.OFF,
|
|
152
156
|
title: PlayerParameters.title.ON,
|
|
153
157
|
playerProfile: PlayerParameters.playerProfile.DEFAULT,
|
|
158
|
+
collectVideoAnalytics: PlayerParameters.collectVideoAnalytics.ON,
|
|
159
|
+
verifyContent: PlayerParameters.verifyContent.OFF,
|
|
154
160
|
hlsjsOptions: undefined,
|
|
155
161
|
dashjsOptions: undefined,
|
|
156
162
|
debugLogging: false,
|
|
157
|
-
collectVideoAnalytics: true,
|
|
158
163
|
maxBitrate: undefined,
|
|
159
164
|
// eslint-disable-next-line no-unused-vars
|
|
160
165
|
playerCallback: ({player, videoElement, hlsPlayer, dashPlayer}) => {},
|
|
@@ -1,31 +1,34 @@
|
|
|
1
1
|
// WARNING: Do not edit this file manually
|
|
2
2
|
// Built using `npm run build-icons`
|
|
3
3
|
|
|
4
|
-
export const CenterPlayCircleIcon =
|
|
5
|
-
export const PlayIcon =
|
|
6
|
-
export const PlayCircleIcon =
|
|
7
|
-
export const PauseIcon =
|
|
8
|
-
export const PauseCircleIcon =
|
|
9
|
-
export const FullscreenIcon =
|
|
10
|
-
export const ExitFullscreenIcon =
|
|
11
|
-
export const SettingsIcon =
|
|
12
|
-
export const CloseIcon =
|
|
13
|
-
export const MutedIcon =
|
|
14
|
-
export const VolumeLowIcon =
|
|
15
|
-
export const VolumeMediumIcon =
|
|
16
|
-
export const VolumeHighIcon =
|
|
17
|
-
export const MultiViewIcon =
|
|
18
|
-
export const LeftArrowIcon =
|
|
19
|
-
export const BackwardIcon =
|
|
20
|
-
export const BackwardCircleIcon =
|
|
21
|
-
export const ForwardIcon =
|
|
22
|
-
export const ForwardCircleIcon =
|
|
23
|
-
export const PreviousTrackIcon =
|
|
24
|
-
export const NextTrackIcon =
|
|
25
|
-
export const CollectionIcon =
|
|
26
|
-
export const ChevronLeftIcon =
|
|
27
|
-
export const ChevronRightIcon =
|
|
28
|
-
export const CheckmarkIcon =
|
|
29
|
-
export const CaptionsIcon =
|
|
30
|
-
export const CaptionsOffIcon =
|
|
31
|
-
export const RotateIcon =
|
|
4
|
+
export const CenterPlayCircleIcon = `<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <circle cx=\"16\" cy=\"16\" r=\"16\" fill=\"currentColor\"/> <path d=\"M22 15.5L13.75 21.1292L13.75 9.87083L22 15.5Z\" fill=\"black\"/></svg>`;
|
|
5
|
+
export const PlayIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-play\"><polygon points=\"5 3 19 12 5 21 5 3\"></polygon></svg>`;
|
|
6
|
+
export const PlayCircleIcon = `<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\" style=\"enable-background:new 0 0 32 32;\" xml:space=\"preserve\"><circle cx=\"16\" cy=\"16\" r=\"16\" fill=\"currentColor\"/><path d=\"M22.8,16l-11.6,7V9L22.8,16z\" fill=\"black\"/></svg>`;
|
|
7
|
+
export const PauseIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-pause\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"></rect><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"></rect></svg>`;
|
|
8
|
+
export const PauseCircleIcon = `<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\" style=\"enable-background:new 0 0 32 32;\" xml:space=\"preserve\"><circle cx=\"16\" cy=\"16\" r=\"16\" fill=\"currentColor\"/><g> <rect x=\"10.4\" y=\"9\" width=\"4.5\" height=\"14.1\" fill=\"black\"/> <rect x=\"17.5\" y=\"9\" width=\"4.5\" height=\"14.1\" fill=\"black\"/></g></svg>`;
|
|
9
|
+
export const FullscreenIcon = `<svg width=\"19\" height=\"19\" viewBox=\"0 0 19 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.46154 18.9985L5.84615 18.9942C6.03997 18.9942 6.22584 18.9172 6.36289 18.7801C6.49993 18.6431 6.57692 18.4572 6.57692 18.2634C6.57692 18.0696 6.49993 17.8837 6.36289 17.7467C6.22584 17.6096 6.03997 17.5326 5.84615 17.5326L1.46154 17.537V13.1538C1.46154 12.96 1.38455 12.7742 1.2475 12.6371C1.11046 12.5001 0.924581 12.4231 0.730769 12.4231C0.536957 12.4231 0.351083 12.5001 0.214037 12.6371C0.0769915 12.7742 0 12.96 0 13.1538V19H1.46154V18.9985ZM1.46154 0.00146249V3.57628e-07H0V5.84615C0 6.03997 0.0769915 6.22584 0.214037 6.36289C0.351083 6.49993 0.536957 6.57692 0.730769 6.57692C0.924581 6.57692 1.11046 6.49993 1.2475 6.36289C1.38455 6.22584 1.46154 6.03997 1.46154 5.84615V1.463L5.84615 1.46738C6.03997 1.46738 6.22584 1.39039 6.36289 1.25335C6.49993 1.1163 6.57692 0.930427 6.57692 0.736615C6.57692 0.542803 6.49993 0.35693 6.36289 0.219884C6.22584 0.0828385 6.03997 0.00584609 5.84615 0.00584609L1.46154 0.00146249V0.00146249ZM17.5385 18.9985V19H19V13.1538C19 12.96 18.923 12.7742 18.786 12.6371C18.6489 12.5001 18.463 12.4231 18.2692 12.4231C18.0754 12.4231 17.8895 12.5001 17.7525 12.6371C17.6155 12.7742 17.5385 12.96 17.5385 13.1538V17.537L13.1538 17.5326C12.96 17.5326 12.7742 17.6096 12.6371 17.7467C12.5001 17.8837 12.4231 18.0696 12.4231 18.2634C12.4231 18.4572 12.5001 18.6431 12.6371 18.7801C12.7742 18.9172 12.96 18.9942 13.1538 18.9942L17.5385 18.9985V18.9985ZM17.5385 0.00146249L13.1538 0.00584609C12.96 0.00584609 12.7742 0.0828385 12.6371 0.219884C12.5001 0.35693 12.4231 0.542803 12.4231 0.736615C12.4231 0.930427 12.5001 1.1163 12.6371 1.25335C12.7742 1.39039 12.96 1.46738 13.1538 1.46738L17.5385 1.463V5.84615C17.5385 6.03997 17.6155 6.22584 17.7525 6.36289C17.8895 6.49993 18.0754 6.57692 18.2692 6.57692C18.463 6.57692 18.6489 6.49993 18.786 6.36289C18.923 6.22584 19 6.03997 19 5.84615V3.57628e-07H17.5385V0.00146249V0.00146249Z\" fill=\"currentColor\"/></svg>`;
|
|
10
|
+
export const ExitFullscreenIcon = `<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51.94 50.82\"><defs><style>.cls-1{fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4px;}</style></defs><polyline class=\"cls-1\" points=\"12.1 49.82 12.1 35.59 1 35.59\"/><polyline class=\"cls-1\" points=\"39.84 1 39.84 15.22 50.94 15.22\"/><polyline class=\"cls-1\" points=\"12.1 1 12.1 15.22 1 15.22\"/><polyline class=\"cls-1\" points=\"39.84 49.82 39.84 35.59 50.94 35.59\"/></svg>`;
|
|
11
|
+
export const SettingsIcon = `<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_363_9540)\"><path d=\"M16.0889 9.77734C12.6223 9.77734 9.8667 12.5329 9.8667 15.9996C9.8667 19.4662 12.6223 22.2218 16.0889 22.2218C19.5556 22.2218 22.3111 19.4662 22.3111 15.9996C22.3111 12.5329 19.5556 9.77734 16.0889 9.77734ZM16.0889 20.444C13.6 20.444 11.6445 18.4885 11.6445 15.9996C11.6445 13.5107 13.6 11.5551 16.0889 11.5551C18.5778 11.5551 20.5334 13.5107 20.5334 15.9996C20.5334 18.4885 18.5778 20.444 16.0889 20.444Z\" fill=\"currentColor\"/><path d=\"M29.1556 13.0662L26.6667 12.2662L26.1334 10.9329L27.3778 8.62179C27.6445 8.08845 27.5556 7.37734 27.1112 6.9329L24.9778 4.79957C24.5334 4.35512 23.8223 4.26623 23.2889 4.5329L20.9778 5.77734L19.6445 5.24401L18.8445 2.75512C18.6667 2.22179 18.1334 1.77734 17.5112 1.77734H14.4889C13.8667 1.77734 13.3334 2.22179 13.2445 2.84401L12.4445 5.3329C11.9112 5.42179 11.4667 5.59957 11.0223 5.86623L8.71117 4.62179C8.17783 4.35512 7.46672 4.44401 7.02228 4.88845L4.88894 7.02179C4.4445 7.46623 4.35561 8.17734 4.62228 8.71068L5.77783 10.9329C5.60005 11.3773 5.42228 11.9107 5.2445 12.3551L2.75561 13.1551C2.22228 13.3329 1.77783 13.8662 1.77783 14.4885V17.5107C1.77783 18.1329 2.22228 18.6662 2.8445 18.844L5.33339 19.644L5.86672 20.9773L4.62228 23.2885C4.35561 23.8218 4.4445 24.5329 4.88894 24.9773L7.02228 27.1107C7.46672 27.5551 8.17783 27.644 8.71117 27.3773L11.0223 26.1329L12.3556 26.6662L13.1556 29.244C13.3334 29.7773 13.8667 30.2218 14.4889 30.2218H17.5112C18.1334 30.2218 18.6667 29.7773 18.8445 29.244L19.6445 26.6662L20.9778 26.1329L23.2889 27.3773C23.8223 27.644 24.5334 27.5551 24.9778 27.1107L27.1112 24.9773C27.5556 24.5329 27.6445 23.8218 27.3778 23.2885L26.1334 20.9773L26.6667 19.644L29.2445 18.844C29.7778 18.6662 30.2223 18.1329 30.2223 17.5107V14.4885C30.2223 13.8662 29.7778 13.244 29.1556 13.0662ZM28.4445 17.244L25.2445 18.2218L25.1556 18.6662L24.3556 20.5329L24.0889 20.9773L25.6889 23.9107L23.9112 25.6885L20.9778 24.0885L20.5334 24.3551C19.9112 24.7107 19.2889 24.9773 18.6667 25.1551L18.2223 25.244L17.2445 28.444H14.7556L13.7778 25.244L13.3334 25.1551L11.4667 24.3551L11.0223 24.0885L8.08894 25.6885L6.31117 23.9107L7.91117 20.9773L7.6445 20.5329C7.28894 19.9107 7.02228 19.2885 6.8445 18.6662L6.75561 18.2218L3.55561 17.244V14.7551L6.57783 13.8662L6.75561 13.4218C6.93339 12.7107 7.20005 12.0885 7.55561 11.4662L7.82228 11.0218L6.31117 8.08846L8.08894 6.31068L10.9334 7.91068L11.3778 7.64401C12.0001 7.28846 12.6223 7.02179 13.3334 6.84401L13.7778 6.66623L14.7556 3.55512H17.2445L18.2223 6.66623L18.6667 6.84401C19.2889 7.02179 19.9112 7.28846 20.5334 7.64401L20.9778 7.91068L23.9112 6.31068L25.6889 8.08846L24.0889 11.0218L24.3556 11.4662C24.7112 12.0885 24.9778 12.7107 25.1556 13.3329L25.2445 13.7773L28.4445 14.7551V17.244Z\" fill=\"currentColor\"/></g><defs><clipPath id=\"clip0_363_9540\"><rect width=\"32\" height=\"32\" fill=\"currentColor\"/></clipPath></defs></svg>`;
|
|
12
|
+
export const CloseIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line></svg>`;
|
|
13
|
+
export const MutedIcon = `<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 13 12\" style=\"enable-background:new 0 0 10.2 12;\" xml:space=\"preserve\"><path d=\"M5.3,1.4c0.1,0,0.1,0.1,0.2,0.2c0,0.1,0.1,0.2,0.1,0.2v7.4c0,0.1,0,0.2-0.1,0.2c0,0.1-0.1,0.1-0.2,0.2c-0.1,0-0.2,0.1-0.3,0 c-0.1,0-0.2,0-0.2-0.1L2.6,7.8H0.5c-0.1,0-0.2,0-0.3-0.1C0,7.6,0,7.5,0,7.4V3.7c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h2.1 l2.2-1.7C4.9,1.4,4.9,1.4,5,1.4C5.1,1.4,5.2,1.4,5.3,1.4L5.3,1.4z\" fill=\"currentColor\"/><g> <rect x=\"7.7\" y=\"3.4\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -1.4992 7.4586)\" width=\"1.2\" height=\"4.2\" fill=\"currentColor\"/> <rect x=\"6.1\" y=\"4.9\" transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -1.5119 7.4281)\" width=\"4.2\" height=\"1.2\" fill=\"currentColor\"/></g></svg>`;
|
|
14
|
+
export const VolumeLowIcon = `<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 13 12\" style=\"enable-background:new 0 0 10.2 12;\" xml:space=\"preserve\"><path d=\"M7.1,8.5C7.5,8.1,7.8,7.6,8,7.1c0.2-0.5,0.3-1,0.3-1.6C8.3,5,8.2,4.5,8,4C7.8,3.4,7.5,3,7.1,2.6L6.5,3.3 c0.3,0.3,0.5,0.7,0.7,1c0.2,0.4,0.2,0.8,0.2,1.2c0,0.4-0.1,0.8-0.2,1.2C7,7.2,6.8,7.5,6.5,7.8L7.1,8.5z M5.3,1.4 c0.1,0,0.1,0.1,0.2,0.2c0,0.1,0.1,0.2,0.1,0.2v7.4c0,0.1,0,0.2-0.1,0.2c0,0.1-0.1,0.1-0.2,0.2c-0.1,0-0.2,0.1-0.3,0 c-0.1,0-0.2,0-0.2-0.1L2.6,7.8H0.5c-0.1,0-0.2,0-0.3-0.1C0,7.6,0,7.5,0,7.4V3.7c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h2.1 l2.2-1.7C4.9,1.4,4.9,1.4,5,1.4C5.1,1.4,5.2,1.4,5.3,1.4L5.3,1.4z\" fill=\"currentColor\"/></svg>`;
|
|
15
|
+
export const VolumeMediumIcon = `<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 13 12\" style=\"enable-background:new 0 0 10.2 12;\" xml:space=\"preserve\"><path d=\"M8.4,9.8c0.6-0.6,1-1.2,1.3-1.9c0.3-0.7,0.5-1.5,0.5-2.3c0-0.8-0.2-1.6-0.5-2.3C9.4,2.5,9,1.9,8.4,1.3L7.8,2 c0.5,0.5,0.8,1,1.1,1.6c0.3,0.6,0.4,1.3,0.4,1.9c0,0.7-0.1,1.3-0.4,1.9C8.6,8.1,8.2,8.7,7.8,9.1L8.4,9.8z\" fill=\"currentColor\"/><path d=\"M7.1,8.5C7.5,8.1,7.8,7.6,8,7.1c0.2-0.5,0.3-1,0.3-1.6C8.3,5,8.2,4.5,8,4C7.8,3.4,7.5,3,7.1,2.6L6.5,3.3 c0.3,0.3,0.5,0.7,0.7,1c0.2,0.4,0.2,0.8,0.2,1.2c0,0.4-0.1,0.8-0.2,1.2C7,7.2,6.8,7.5,6.5,7.8L7.1,8.5z M5.3,1.4 c0.1,0,0.1,0.1,0.2,0.2c0,0.1,0.1,0.2,0.1,0.2v7.4c0,0.1,0,0.2-0.1,0.2c0,0.1-0.1,0.1-0.2,0.2c-0.1,0-0.2,0.1-0.3,0 c-0.1,0-0.2,0-0.2-0.1L2.6,7.8H0.5c-0.1,0-0.2,0-0.3-0.1C0,7.6,0,7.5,0,7.4V3.7c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h2.1 l2.2-1.7C4.9,1.4,4.9,1.4,5,1.4C5.1,1.4,5.2,1.4,5.3,1.4L5.3,1.4z\" fill=\"currentColor\"/></svg>`;
|
|
16
|
+
export const VolumeHighIcon = `<svg width=\"13\" height=\"12\" viewBox=\"0 0 13 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.71196 11.08C10.4407 10.3533 11.0186 9.4898 11.4125 8.53906C11.8064 7.58832 12.0085 6.56911 12.0072 5.54C12.0085 4.51089 11.8064 3.49168 11.4125 2.54094C11.0186 1.5902 10.4407 0.726679 9.71196 0L9.05933 0.65171C9.7023 1.2929 10.2122 2.05484 10.5598 2.89374C10.9073 3.73264 11.0856 4.63196 11.0845 5.54C11.0845 7.44904 10.3102 9.17741 9.05933 10.4283L9.71196 11.08V11.08Z\" fill=\"currentColor\"/><path d=\"M8.40781 9.77644C8.96502 9.2207 9.40692 8.56034 9.70812 7.83329C10.0093 7.10624 10.1639 6.32683 10.1629 5.53986C10.1639 4.75289 10.0093 3.97349 9.70812 3.24644C9.40692 2.51939 8.96502 1.85902 8.40781 1.30328L7.7561 1.95499C8.22759 2.42525 8.60149 2.98403 8.85634 3.59924C9.11119 4.21445 9.24195 4.87396 9.24112 5.53986C9.2422 6.20586 9.11164 6.8655 8.85694 7.48087C8.60225 8.09625 8.22845 8.65522 7.75703 9.12565L8.40781 9.77644Z\" fill=\"currentColor\"/><path d=\"M7.10429 8.47307C7.49005 8.08831 7.79596 7.6311 8.00446 7.12773C8.21296 6.62436 8.31993 6.08475 8.31922 5.53991C8.31993 4.99507 8.21296 4.45546 8.00446 3.95209C7.79596 3.44872 7.49005 2.99152 7.10429 2.60675L6.45258 3.25846C6.75261 3.55774 6.99054 3.91337 7.15269 4.30489C7.31483 4.69642 7.39801 5.11614 7.39742 5.53991C7.39795 5.96368 7.31476 6.38338 7.15261 6.7749C6.99047 7.16642 6.75257 7.52205 6.45258 7.82136L7.10429 8.47307ZM5.26991 1.43791C5.348 1.47553 5.4139 1.53441 5.46004 1.60778C5.50618 1.68115 5.5307 1.76605 5.53078 1.85272V9.2271C5.53066 9.31383 5.50607 9.39876 5.45984 9.47214C5.4136 9.54551 5.34761 9.60436 5.26943 9.64191C5.19125 9.67945 5.10407 9.69418 5.01789 9.6844C4.93172 9.67462 4.85005 9.64072 4.78228 9.5866L2.60408 7.8444H0.460899C0.338661 7.8444 0.221429 7.79585 0.134994 7.70941C0.0485588 7.62298 0 7.50574 0 7.38351V3.69632C0 3.57408 0.0485588 3.45685 0.134994 3.37041C0.221429 3.28398 0.338661 3.23542 0.460899 3.23542H2.60408L4.78228 1.49322C4.8501 1.43901 4.93185 1.40506 5.01812 1.39527C5.1044 1.38549 5.19168 1.40027 5.26991 1.43791V1.43791Z\" fill=\"currentColor\"/></svg>`;
|
|
17
|
+
export const MultiViewIcon = `<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 55.42 55.59\"><defs><style>.cls-1{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px;}</style></defs><rect class=\"cls-1\" x=\"1\" y=\"1\" width=\"22.81\" height=\"22.81\" rx=\"3.58\"/><rect class=\"cls-1\" x=\"31.61\" y=\"1\" width=\"22.81\" height=\"22.81\" rx=\"3.58\"/><rect class=\"cls-1\" x=\"1\" y=\"31.34\" width=\"22.81\" height=\"22.81\" rx=\"3.58\"/><rect class=\"cls-1\" x=\"31.61\" y=\"31.78\" width=\"22.81\" height=\"22.81\" rx=\"3.58\"/></svg>`;
|
|
18
|
+
export const LeftArrowIcon = `<svg width=\"25\" height=\"16\" viewBox=\"0 0 25 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1.5 8L24 8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path d=\"M8.5 1L1.5 8L8.5 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;
|
|
19
|
+
export const BackwardIcon = `<svg width=\"91\" height=\"92\" viewBox=\"0 0 91 92\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M62.8896 63.918L62.8897 28.2377L34.8552 46.0779L62.8896 63.918Z\" fill=\"currentColor\"/><path d=\"M45.3281 63.918L45.3281 28.2377L17.2937 46.0779L45.3281 63.918Z\" fill=\"currentColor\"/></svg>`;
|
|
20
|
+
export const BackwardCircleIcon = `<svg width=\"91\" height=\"92\" viewBox=\"0 0 91 92\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"45.2374\" cy=\"45.798\" r=\"45.2374\" fill=\"currentColor\"/><path d=\"M62.8896 63.918L62.8897 28.2377L34.8552 46.0779L62.8896 63.918Z\" fill=\"black\"/><path d=\"M45.3281 63.918L45.3281 28.2377L17.2937 46.0779L45.3281 63.918Z\" fill=\"black\"/></svg>`;
|
|
21
|
+
export const ForwardIcon = `<svg width=\"91\" height=\"92\" viewBox=\"0 0 91 92\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M26.8555 28.9512V64.6314L54.8899 46.7913L26.8555 28.9512Z\" fill=\"currentColor\"/><path d=\"M44.417 28.9512V64.6314L72.4515 46.7913L44.417 28.9512Z\" fill=\"currentColor\"/></svg>`;
|
|
22
|
+
export const ForwardCircleIcon = `<svg width=\"91\" height=\"92\" viewBox=\"0 0 91 92\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"45.7169\" cy=\"45.796\" r=\"45.2374\" fill=\"currentColor\"/><path d=\"M26.8555 28.9512V64.6314L54.8899 46.7913L26.8555 28.9512Z\" fill=\"black\"/><path d=\"M44.417 28.9512V64.6314L72.4515 46.7913L44.417 28.9512Z\" fill=\"black\"/></svg>`;
|
|
23
|
+
export const PreviousTrackIcon = `<?xml version=\"1.0\" encoding=\"utf-8\"?><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30.8 32\" style=\"enable-background:new 0 0 30.8 32;\" xml:space=\"preserve\"><g> <path d=\"M3.1,16L30.8,0v32L3.1,16z\" fill=\"currentColor\"/> <rect y=\"3.7\" width=\"6.2\" height=\"24.6\" fill=\"currentColor\"/></g></svg>`;
|
|
24
|
+
export const NextTrackIcon = `<?xml version=\"1.0\" encoding=\"utf-8\"?><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30.8 32\" style=\"enable-background:new 0 0 30.8 32;\" xml:space=\"preserve\"><g> <path d=\"M27.7,16L0,32V0L27.7,16z\" fill=\"currentColor\"/> <rect x=\"24.6\" y=\"3.7\" width=\"6.2\" height=\"24.6\" fill=\"currentColor\"/></g></svg>`;
|
|
25
|
+
export const CollectionIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-list\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"></line><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"></line><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"></line><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"></line><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"></line><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"></line></svg>`;
|
|
26
|
+
export const ChevronLeftIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-chevron-left\"><polyline points=\"15 18 9 12 15 6\"></polyline></svg>`;
|
|
27
|
+
export const ChevronRightIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-chevron-right\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>`;
|
|
28
|
+
export const CheckmarkIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>`;
|
|
29
|
+
export const CaptionsIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-badge-cc\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" stroke=\"black\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path> <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" stroke=\"currentColor\"></rect> <path d=\"M10 10.5a1.5 1.5 0 0 0 -3 0v3a1.5 1.5 0 0 0 3 0\" stroke=\"currentColor\"></path> <path d=\"M17 10.5a1.5 1.5 0 0 0 -3 0v3a1.5 1.5 0 0 0 3 0\" stroke=\"currentColor\"></path></svg>`;
|
|
30
|
+
export const CaptionsOffIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-badge-cc\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" stroke=\"black\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path> <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" stroke=\"currentColor\"></rect> <path d=\"M10 10.5a1.5 1.5 0 0 0 -3 0v3a1.5 1.5 0 0 0 3 0\" stroke=\"currentColor\"></path> <path d=\"M17 10.5a1.5 1.5 0 0 0 -3 0v3a1.5 1.5 0 0 0 3 0\" stroke=\"currentColor\"></path> <path d=\"M3 3l18 18\" stroke=\"currentColor\"></path></svg>`;
|
|
31
|
+
export const RotateIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-rotate-cw\"><polyline points=\"23 4 23 10 17 10\"></polyline><path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"></path></svg>`;
|
|
32
|
+
export const ContentShieldIcon = `<svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15 27.5C15 27.5 25 22.5 25 15V6.25L15 2.5L5 6.25V15C5 22.5 15 27.5 15 27.5Z\" stroke=\"currentColor\" stroke-width=\"2.14286\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.715 11.3574L13.8221 17.8396L11.1436 14.8931\" stroke=\"currentColor\" stroke-width=\"2.14286\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;
|
|
33
|
+
export const ContentCredentialsIcon = `<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.7508 12.9997V23.7508H13.0003C7.05943 23.7508 2.24919 18.9406 2.24919 12.9997C2.24919 7.05888 7.05943 2.24864 13.0003 2.24864C18.9411 2.24864 23.7508 7.05888 23.7508 12.9997ZM0 12.9997C0 5.82396 5.82396 0 12.9997 0C20.1755 0 26 5.82396 26 12.9997V25.9995H13.0003C5.82396 25.9995 0 20.1755 0 12.9997ZM5.174 13.5197C5.174 16.1976 6.98078 18.4599 9.85371 18.4599C12.2198 18.4599 13.8185 16.9 14.2084 14.8589H11.8686C11.5698 15.7951 10.8155 16.367 9.85371 16.367C8.39758 16.367 7.44886 15.2227 7.44886 13.5202C7.44886 11.8178 8.39813 10.6735 9.85371 10.6735C10.7899 10.6735 11.5305 11.2066 11.8429 12.0903H14.1959C13.7797 10.1011 12.1941 8.58055 9.85371 8.58055C6.96822 8.58001 5.174 10.8418 5.174 13.5197ZM17.3419 8.83999H15.132V18.2131H17.4331V13.3253C17.4331 12.4022 17.6931 11.8041 18.1349 11.4273C18.5249 11.0761 19.0318 10.8942 19.8642 10.8942H20.4491V8.72256H19.8773C18.668 8.72256 17.8624 9.16442 17.3424 9.8406V8.82633V8.83999H17.3419Z\" fill=\"currentColor\"/></svg>`;
|
|
34
|
+
export const CopyIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-copy\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path></svg>`;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.7508 12.9997V23.7508H13.0003C7.05943 23.7508 2.24919 18.9406 2.24919 12.9997C2.24919 7.05888 7.05943 2.24864 13.0003 2.24864C18.9411 2.24864 23.7508 7.05888 23.7508 12.9997ZM0 12.9997C0 5.82396 5.82396 0 12.9997 0C20.1755 0 26 5.82396 26 12.9997V25.9995H13.0003C5.82396 25.9995 0 20.1755 0 12.9997ZM5.174 13.5197C5.174 16.1976 6.98078 18.4599 9.85371 18.4599C12.2198 18.4599 13.8185 16.9 14.2084 14.8589H11.8686C11.5698 15.7951 10.8155 16.367 9.85371 16.367C8.39758 16.367 7.44886 15.2227 7.44886 13.5202C7.44886 11.8178 8.39813 10.6735 9.85371 10.6735C10.7899 10.6735 11.5305 11.2066 11.8429 12.0903H14.1959C13.7797 10.1011 12.1941 8.58055 9.85371 8.58055C6.96822 8.58001 5.174 10.8418 5.174 13.5197ZM17.3419 8.83999H15.132V18.2131H17.4331V13.3253C17.4331 12.4022 17.6931 11.8041 18.1349 11.4273C18.5249 11.0761 19.0318 10.8942 19.8642 10.8942H20.4491V8.72256H19.8773C18.668 8.72256 17.8624 9.16442 17.3424 9.8406V8.82633V8.83999H17.3419Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M15 27.5C15 27.5 25 22.5 25 15V6.25L15 2.5L5 6.25V15C5 22.5 15 27.5 15 27.5Z" stroke="currentColor" stroke-width="2.14286" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M19.715 11.3574L13.8221 17.8396L11.1436 14.8931" stroke="currentColor" stroke-width="2.14286" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
</svg>
|
|
@@ -405,6 +405,122 @@
|
|
|
405
405
|
user-select: none;
|
|
406
406
|
}
|
|
407
407
|
|
|
408
|
+
.verification-menu {
|
|
409
|
+
color: var(--color-menu-text);
|
|
410
|
+
padding: 10px 0 0;
|
|
411
|
+
|
|
412
|
+
&__group {
|
|
413
|
+
display: flex;
|
|
414
|
+
gap: 20px;
|
|
415
|
+
padding: 10px 30px;
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
&__group-icon {
|
|
419
|
+
height: 30px;
|
|
420
|
+
width: 30px;
|
|
421
|
+
|
|
422
|
+
svg {
|
|
423
|
+
height: 100%;
|
|
424
|
+
width: auto;
|
|
425
|
+
}
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
&__group-text {
|
|
429
|
+
display: grid;
|
|
430
|
+
gap: 5px;
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
&__group-title,
|
|
434
|
+
&__group-subtitle {
|
|
435
|
+
align-items: center;
|
|
436
|
+
display: flex;
|
|
437
|
+
gap: 5px;
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
&__group-title {
|
|
441
|
+
font-size: 16px;
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
&__group-subtitle {
|
|
445
|
+
color: var(--color-menu-text-secondary);
|
|
446
|
+
font-size: 12px;
|
|
447
|
+
|
|
448
|
+
a {
|
|
449
|
+
text-decoration: underline;
|
|
450
|
+
}
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
&__details {
|
|
454
|
+
background: var(--color-menu-background-secondary);
|
|
455
|
+
display: grid;
|
|
456
|
+
gap: 20px;
|
|
457
|
+
padding: 20px 30px;
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
&__detail {
|
|
461
|
+
align-items: center;
|
|
462
|
+
display: flex;
|
|
463
|
+
font-size: 16px;
|
|
464
|
+
gap: 10px;
|
|
465
|
+
min-height: 30px;
|
|
466
|
+
overflow: hidden;
|
|
467
|
+
position: relative;
|
|
468
|
+
width: 100%;
|
|
469
|
+
}
|
|
470
|
+
|
|
471
|
+
&__detail-label {
|
|
472
|
+
color: var(--color-menu-text-secondary);
|
|
473
|
+
white-space: nowrap;
|
|
474
|
+
}
|
|
475
|
+
|
|
476
|
+
&__detail-value {
|
|
477
|
+
max-width: 100%;
|
|
478
|
+
overflow: hidden;
|
|
479
|
+
padding-right: 40px;
|
|
480
|
+
text-overflow: ellipsis;
|
|
481
|
+
white-space: nowrap;
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
&__detail-copy {
|
|
485
|
+
color: var(--color-menu-text-secondary);
|
|
486
|
+
height: 25px;
|
|
487
|
+
position: absolute;
|
|
488
|
+
right: 0;
|
|
489
|
+
|
|
490
|
+
svg {
|
|
491
|
+
height: 100%;
|
|
492
|
+
width: auto;
|
|
493
|
+
}
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
&__inline-icon {
|
|
497
|
+
height: 100%;
|
|
498
|
+
padding: 3px 0;
|
|
499
|
+
|
|
500
|
+
svg {
|
|
501
|
+
height: 100%;
|
|
502
|
+
width: auto;
|
|
503
|
+
}
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
&--details {
|
|
507
|
+
max-width: MIN(800px, CALC(var(--portal-width) * 0.8));
|
|
508
|
+
|
|
509
|
+
.verification-menu__group-icon {
|
|
510
|
+
height: 45px;
|
|
511
|
+
width: 45px;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
.verification-menu__group-title {
|
|
515
|
+
font-size: 18px;
|
|
516
|
+
}
|
|
517
|
+
|
|
518
|
+
.verification-menu__group-subtitle {
|
|
519
|
+
font-size: 14px;
|
|
520
|
+
}
|
|
521
|
+
}
|
|
522
|
+
}
|
|
523
|
+
|
|
408
524
|
|
|
409
525
|
/* Player size/orientation adjustments */
|
|
410
526
|
|
|
@@ -415,9 +531,9 @@
|
|
|
415
531
|
|
|
416
532
|
.menu {
|
|
417
533
|
bottom: 75px;
|
|
418
|
-
max-width: calc(
|
|
419
|
-
min-width: calc(
|
|
420
|
-
right:
|
|
534
|
+
max-width: calc(var(--portal-width) - 30px);
|
|
535
|
+
min-width: calc(var(--portal-width) - 30px);
|
|
536
|
+
right: 10px;
|
|
421
537
|
}
|
|
422
538
|
|
|
423
539
|
.menu-option {
|
|
@@ -452,6 +568,45 @@
|
|
|
452
568
|
}
|
|
453
569
|
}
|
|
454
570
|
}
|
|
571
|
+
|
|
572
|
+
.verification-menu {
|
|
573
|
+
&__details,
|
|
574
|
+
&__group {
|
|
575
|
+
padding-inline: 15px;
|
|
576
|
+
}
|
|
577
|
+
|
|
578
|
+
&__group-title {
|
|
579
|
+
font-size: 14px;
|
|
580
|
+
}
|
|
581
|
+
|
|
582
|
+
&__group-subtitle {
|
|
583
|
+
font-size: 12px;
|
|
584
|
+
}
|
|
585
|
+
|
|
586
|
+
&__detail {
|
|
587
|
+
align-items: flex-start;
|
|
588
|
+
flex-direction: column;
|
|
589
|
+
justify-content: center;
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
&__detail-label,
|
|
593
|
+
&__detail-value {
|
|
594
|
+
font-size: 12px;
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
&__detail-copy {
|
|
598
|
+
height: 20px;
|
|
599
|
+
}
|
|
600
|
+
}
|
|
601
|
+
}
|
|
602
|
+
|
|
603
|
+
.copy-button {
|
|
604
|
+
transition: color 0.75s ease;
|
|
605
|
+
|
|
606
|
+
&--copied {
|
|
607
|
+
color: #FFF;
|
|
608
|
+
transition: color 0.15s ease;
|
|
609
|
+
}
|
|
455
610
|
}
|
|
456
611
|
|
|
457
612
|
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
--color-button: #FFF;
|
|
24
24
|
|
|
25
25
|
--color-menu-background: rgba(0, 0, 0, 75%);
|
|
26
|
+
--color-menu-background-secondary: #000;
|
|
26
27
|
--color-menu-button-active: rgba(255, 255, 255, 10%);
|
|
27
28
|
--color-menu-button-focused: rgba(255, 255, 255, 15%);
|
|
28
29
|
--color-menu-text: #EEE;
|
|
@@ -214,7 +215,7 @@
|
|
|
214
215
|
align-items: center;
|
|
215
216
|
color: #fff;
|
|
216
217
|
display: flex;
|
|
217
|
-
gap:
|
|
218
|
+
gap: 12px;
|
|
218
219
|
height: 50px;
|
|
219
220
|
padding: 6px 10px 12px;
|
|
220
221
|
position: relative;
|
|
@@ -309,6 +310,20 @@
|
|
|
309
310
|
z-index: var(--layer-title);
|
|
310
311
|
}
|
|
311
312
|
|
|
313
|
+
.content-verified-badge,
|
|
314
|
+
.content-verification-menu-button {
|
|
315
|
+
animation: 0.5s fadein ease;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.content-verified-badge {
|
|
319
|
+
background: rgba(157, 157, 157, 40%);
|
|
320
|
+
border-radius: 3px;
|
|
321
|
+
font-size: 14px;
|
|
322
|
+
font-weight: 500;
|
|
323
|
+
padding: 3px 6px;
|
|
324
|
+
user-select: none;
|
|
325
|
+
}
|
|
326
|
+
|
|
312
327
|
/* Menus */
|
|
313
328
|
|
|
314
329
|
.menu-control-container {
|
|
@@ -419,4 +434,15 @@
|
|
|
419
434
|
.watermark {
|
|
420
435
|
width: 50px;
|
|
421
436
|
}
|
|
437
|
+
|
|
438
|
+
.content-verified-badge {
|
|
439
|
+
display: none;
|
|
440
|
+
}
|
|
441
|
+
}
|
|
442
|
+
|
|
443
|
+
/* Animations */
|
|
444
|
+
|
|
445
|
+
@keyframes fadein {
|
|
446
|
+
from { opacity: 0; }
|
|
447
|
+
to { opacity: 1; }
|
|
422
448
|
}
|
package/lib/ui/BuildIcons.cjs
CHANGED
|
@@ -32,12 +32,15 @@ const iconSource = {
|
|
|
32
32
|
CaptionsIcon: Path.resolve(__dirname, "../static/icons/svgs/captions.svg"),
|
|
33
33
|
CaptionsOffIcon: Path.resolve(__dirname, "../static/icons/svgs/captions-off.svg"),
|
|
34
34
|
RotateIcon: Path.resolve(__dirname, "../static/icons/svgs/rotate-cw.svg"),
|
|
35
|
+
ContentShieldIcon: Path.resolve(__dirname, "../static/icons/svgs/shield.svg"),
|
|
36
|
+
ContentCredentialsIcon: Path.resolve(__dirname, "../static/icons/svgs/content-credentials.svg"),
|
|
37
|
+
CopyIcon: Path.resolve(__dirname, "../static/icons/svgs/copy.svg"),
|
|
35
38
|
};
|
|
36
39
|
|
|
37
40
|
let iconFile = "// WARNING: Do not edit this file manually\n"
|
|
38
41
|
iconFile += "// Built using `npm run build-icons`\n\n";
|
|
39
42
|
Object.keys(iconSource).map(iconName => {
|
|
40
|
-
iconFile += `export const ${iconName} =
|
|
43
|
+
iconFile += `export const ${iconName} = \`${fs.readFileSync(iconSource[iconName]).toString("utf8").replaceAll("\n", "").replaceAll("\"", "\\\"")}\`;\n`;
|
|
41
44
|
});
|
|
42
45
|
|
|
43
46
|
fs.writeFileSync(
|