-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Loading status checks…
Nicer player icons
1 parent
e51cae3
commit 7ef0e3d
Showing
9 changed files
with
190 additions
and
18 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,7 @@ | ||
export * from "./src/providers"; | ||
export * from "./src/done-icon"; | ||
export * from "./src/next-icon"; | ||
export * from "./src/play-icon"; | ||
export * from "./src/prev-icon"; | ||
export * from "./src/pause-icon"; | ||
export * from "./src/providers"; | ||
export * from "./src/sync-icon"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
import { LitElement, html } from "lit"; | ||
import { customElement, property } from "lit/decorators.js"; | ||
|
||
/** | ||
* Icon that shows a next icon. | ||
*/ | ||
@customElement("next-icon") | ||
export class NextIcon extends LitElement { | ||
@property({ type: Number }) size = 24; | ||
@property({ type: String }) color = "currentColor"; | ||
|
||
render() { | ||
return html`<svg | ||
fill="none" | ||
xmlns="http://www.w3.org/2000/svg" | ||
viewBox="0 0 ${this.size} ${this.size}" | ||
height="${this.size}" | ||
width="${this.size}" | ||
> | ||
<path | ||
d="M6 4h2v2h2v2h2v2h2v4h-2v2h-2v2H8v2H6V4zm12 0h-2v16h2V4z" | ||
fill="currentColor" | ||
/> | ||
</svg>`; | ||
} | ||
} | ||
|
||
declare global { | ||
interface HTMLElementTagNameMap { | ||
"next-icon": NextIcon; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
import { LitElement, html } from "lit"; | ||
import { customElement, property } from "lit/decorators.js"; | ||
|
||
/** | ||
* Icon that shows a pause icon. | ||
*/ | ||
@customElement("pause-icon") | ||
export class PauseIcon extends LitElement { | ||
@property({ type: Number }) size = 24; | ||
@property({ type: String }) color = "currentColor"; | ||
|
||
render() { | ||
return html`<svg | ||
fill="none" | ||
xmlns="http://www.w3.org/2000/svg" | ||
viewBox="0 0 ${this.size} ${this.size}" | ||
height="${this.size}" | ||
width="${this.size}" | ||
> | ||
<path d="M10 4H5v16h5V4zm9 0h-5v16h5V4z" fill="currentColor" /> | ||
</svg>`; | ||
} | ||
} | ||
|
||
declare global { | ||
interface HTMLElementTagNameMap { | ||
"pause-icon": PauseIcon; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
import { LitElement, html } from "lit"; | ||
import { customElement, property } from "lit/decorators.js"; | ||
|
||
/** | ||
* Icon that shows a play icon. | ||
*/ | ||
@customElement("play-icon") | ||
export class PlayIcon extends LitElement { | ||
@property({ type: Number }) size = 24; | ||
@property({ type: String }) color = "currentColor"; | ||
|
||
render() { | ||
return html`<svg | ||
fill="none" | ||
xmlns="http://www.w3.org/2000/svg" | ||
viewBox="0 0 ${this.size} ${this.size}" | ||
height="${this.size}" | ||
width="${this.size}" | ||
> | ||
<path | ||
d="M10 20H8V4h2v2h2v3h2v2h2v2h-2v2h-2v3h-2v2z" | ||
fill="currentColor" | ||
/> | ||
</svg>`; | ||
} | ||
} | ||
|
||
declare global { | ||
interface HTMLElementTagNameMap { | ||
"play-icon": PlayIcon; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
import { LitElement, html } from "lit"; | ||
import { customElement, property } from "lit/decorators.js"; | ||
|
||
/** | ||
* Icon that shows a prev icon. | ||
*/ | ||
@customElement("prev-icon") | ||
export class PrevIcon extends LitElement { | ||
@property({ type: Number }) size = 24; | ||
@property({ type: String }) color = "currentColor"; | ||
|
||
render() { | ||
return html`<svg | ||
fill="none" | ||
xmlns="http://www.w3.org/2000/svg" | ||
viewBox="0 0 ${this.size} ${this.size}" | ||
height="${this.size}" | ||
width="${this.size}" | ||
> | ||
<path | ||
d="M6 4h2v16H6V4zm12 0h-2v2h-2v3h-2v2h-2v2h2v3h2v2h2v2h2V4z" | ||
fill="currentColor" | ||
/> | ||
</svg>`; | ||
} | ||
} | ||
|
||
declare global { | ||
interface HTMLElementTagNameMap { | ||
"prev-icon": PrevIcon; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters