diff --git a/package-lock.json b/package-lock.json
index 88c33ff..ad6459b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3611,6 +3611,14 @@
"integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=",
"dev": true
},
+ "copy-to-clipboard": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.2.1.tgz",
+ "integrity": "sha512-btru1Q6RD9wbonIvEU5EfnhIRGHLo//BGXQ1hNAD2avIs/nBZlpbOeKtv3mhoUByN4DB9Cb6/vXBymj1S43KmA==",
+ "requires": {
+ "toggle-selection": "^1.0.6"
+ }
+ },
"core-js": {
"version": "2.6.11",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.11.tgz",
@@ -8692,6 +8700,11 @@
"lodash": "^4.17.15"
}
},
+ "svelte-portal": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/svelte-portal/-/svelte-portal-0.1.0.tgz",
+ "integrity": "sha512-kef+ksXVKun224mRxat+DdO4C+cGHla+fEcZfnBAvoZocwiaceOfhf5azHYOPXSSB1igWVFTEOF3CDENPnuWxg=="
+ },
"svelte-routing": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/svelte-routing/-/svelte-routing-1.4.0.tgz",
@@ -8835,6 +8848,11 @@
"repeat-string": "^1.6.1"
}
},
+ "toggle-selection": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+ "integrity": "sha1-bkWxJj8gF/oKzH2J14sVuL932jI="
+ },
"toidentifier": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
diff --git a/package.json b/package.json
index 52efdc5..5db3c6d 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
},
"dependencies": {
"@popperjs/core": "^2.0.6",
+ "copy-to-clipboard": "^3.2.1",
"core-js-pure": "^3.6.4",
"date-fns": "^2.9.0",
"get-urls": "^9.2.0",
@@ -32,6 +33,7 @@
"micromodal": "^0.4.2",
"route-parser": "0.0.5",
"svelte-pipeable-store": "^1.0.3",
+ "svelte-portal": "^0.1.0",
"svelte-routing": "^1.4.0"
},
"browserslist": [
diff --git a/src/assets/scss/3-components/_forms.scss b/src/assets/scss/3-components/_forms.scss
index f69399d..30003d0 100755
--- a/src/assets/scss/3-components/_forms.scss
+++ b/src/assets/scss/3-components/_forms.scss
@@ -148,6 +148,7 @@ input[type="checkbox"] {
background: no-repeat url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.452.833L3.75 5.653 1.548 3.565 0 5.113 3.75 8.75 10 2.381 8.452.833z' fill='%23635776'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: 0 0;
+ vertical-align: top;
transition: .2s background cubic-bezier(.64, 1.93, .55, 1.94);
}
diff --git a/src/components/ContextMenu.svelte b/src/components/ContextMenu.svelte
index 58f44b7..bf64801 100644
--- a/src/components/ContextMenu.svelte
+++ b/src/components/ContextMenu.svelte
@@ -2,10 +2,41 @@
-
\ No newline at end of file
diff --git a/src/components/Controls.svelte b/src/components/Controls.svelte
index 550b615..8f6ef59 100644
--- a/src/components/Controls.svelte
+++ b/src/components/Controls.svelte
@@ -27,7 +27,9 @@
@@ -43,6 +45,7 @@
import Popper from '/components/PopperMenu'
import ContextMenu from '/components/ContextMenu'
+ const current = getContext('current')
const paused = getContext('paused')
const canPrevious = getContext('canPrevious')
const canNext = getContext('canNext')
diff --git a/src/components/Queue.svelte b/src/components/Queue.svelte
index 3aafc64..c161b5f 100644
--- a/src/components/Queue.svelte
+++ b/src/components/Queue.svelte
@@ -17,7 +17,7 @@
{/if}
@@ -39,7 +39,7 @@
diff --git a/src/components/Radio.svelte b/src/components/Radio.svelte
index 44c0d53..722f720 100644
--- a/src/components/Radio.svelte
+++ b/src/components/Radio.svelte
@@ -15,7 +15,6 @@
-
\ No newline at end of file