fix: rename attributes to kebab-case

This commit is contained in:
Wesley Luyten
2025-10-03 13:30:53 -05:00
parent 0a42bfe86d
commit 5195c09af6
2 changed files with 6 additions and 6 deletions
@@ -23,11 +23,11 @@ export class MediaPopoverRoot extends HTMLElement {
}
static get observedAttributes(): string[] {
return ['openonhover', 'delay', 'closedelay'];
return ['open-on-hover', 'delay', 'close-delay'];
}
get openOnHover(): boolean {
return this.hasAttribute('openonhover');
return this.hasAttribute('open-on-hover');
}
get delay(): number {
@@ -35,7 +35,7 @@ export class MediaPopoverRoot extends HTMLElement {
}
get closeDelay(): number {
return parseInt(this.getAttribute('closedelay') ?? '0', 10);
return parseInt(this.getAttribute('close-delay') ?? '0', 10);
}
get #triggerElement(): MediaPopoverTrigger | null {
@@ -158,7 +158,7 @@ export class MediaPopoverPositioner extends HTMLElement {
}
get sideOffset(): number {
return parseInt(this.getAttribute('sideoffset') ?? '0', 10);
return parseInt(this.getAttribute('side-offset') ?? '0', 10);
}
}
@@ -262,7 +262,7 @@ export function getTemplateHTML() {
<media-time-range-thumb></media-time-range-thumb>
</media-time-range-root>
<media-duration-display></media-duration-display>
<media-popover-root openonhover delay="200" closedelay="100">
<media-popover-root open-on-hover delay="200" close-delay="100">
<media-popover-trigger>
<media-mute-button class="button">
<media-volume-high-icon class="icon volume-high-icon"></media-volume-high-icon>
@@ -270,7 +270,7 @@ export function getTemplateHTML() {
<media-volume-off-icon class="icon volume-off-icon"></media-volume-off-icon>
</media-mute-button>
</media-popover-trigger>
<media-popover-positioner side="top" sideOffset="0">
<media-popover-positioner side="top" side-offset="0">
<media-popover-popup>
<media-volume-range-root orientation="vertical">
<media-volume-range-track>