media-chrome
Advanced tools
Comparing version 4.1.1-canary.2 to 4.1.1-canary.3
@@ -52,2 +52,3 @@ var __defProp = Object.defineProperty; | ||
var import_labels = require("./labels/labels.js"); | ||
var import_utils = require("./utils/utils.js"); | ||
var import_time = require("./utils/time.js"); | ||
@@ -332,3 +333,5 @@ var import_element_utils = require("./utils/element-utils.js"); | ||
return; | ||
this.range.valueAsNumber = value; | ||
if ((0, import_utils.isValidNumber)(value)) { | ||
this.range.valueAsNumber = value; | ||
} | ||
this.updateBar(); | ||
@@ -335,0 +338,0 @@ }); |
@@ -34,3 +34,3 @@ var __defProp = Object.defineProperty; | ||
}; | ||
const formatAsPercentString = ({ value }) => `${Math.round(value * 100)}%`; | ||
const formatAsPercentString = (value) => `${Math.round(value * 100)}%`; | ||
class MediaVolumeRange extends import_media_chrome_range.MediaChromeRange { | ||
@@ -70,3 +70,3 @@ static get observedAttributes() { | ||
"aria-valuetext", | ||
formatAsPercentString(this.range) | ||
formatAsPercentString(this.range.valueAsNumber) | ||
); | ||
@@ -73,0 +73,0 @@ this.updateBar(); |
@@ -61,3 +61,3 @@ import { globalThis } from './utils/server-safe-globals.js'; | ||
container: HTMLElement; | ||
range: any; | ||
range: HTMLInputElement; | ||
appearance: HTMLElement; | ||
@@ -64,0 +64,0 @@ constructor(); |
@@ -31,2 +31,3 @@ var __accessCheck = (obj, member, msg) => { | ||
import { nouns } from "./labels/labels.js"; | ||
import { isValidNumber } from "./utils/utils.js"; | ||
import { formatAsTimePhrase } from "./utils/time.js"; | ||
@@ -320,3 +321,5 @@ import { isElementVisible } from "./utils/element-utils.js"; | ||
return; | ||
this.range.valueAsNumber = value; | ||
if (isValidNumber(value)) { | ||
this.range.valueAsNumber = value; | ||
} | ||
this.updateBar(); | ||
@@ -323,0 +326,0 @@ }); |
@@ -19,3 +19,3 @@ import { globalThis } from "./utils/server-safe-globals.js"; | ||
}; | ||
const formatAsPercentString = ({ value }) => `${Math.round(value * 100)}%`; | ||
const formatAsPercentString = (value) => `${Math.round(value * 100)}%`; | ||
class MediaVolumeRange extends MediaChromeRange { | ||
@@ -55,3 +55,3 @@ static get observedAttributes() { | ||
"aria-valuetext", | ||
formatAsPercentString(this.range) | ||
formatAsPercentString(this.range.valueAsNumber) | ||
); | ||
@@ -58,0 +58,0 @@ this.updateBar(); |
{ | ||
"name": "media-chrome", | ||
"version": "4.1.1-canary.2", | ||
"version": "4.1.1-canary.3", | ||
"description": "Custom elements (web components) for making audio and video player controls that look great in your website or app.", | ||
@@ -5,0 +5,0 @@ "author": "@muxinc", |
@@ -329,3 +329,3 @@ import { MediaStateReceiverAttributes } from './constants.js'; | ||
container: HTMLElement; | ||
range: any; | ||
range: HTMLInputElement; | ||
appearance: HTMLElement; | ||
@@ -332,0 +332,0 @@ |
@@ -8,2 +8,3 @@ import { globalThis, document } from './utils/server-safe-globals.js'; | ||
import { nouns } from './labels/labels.js'; | ||
import { isValidNumber } from './utils/utils.js'; | ||
import { formatAsTimePhrase } from './utils/time.js'; | ||
@@ -516,3 +517,6 @@ import { isElementVisible } from './utils/element-utils.js'; | ||
this.range.valueAsNumber = value; | ||
if (isValidNumber(value)) { | ||
this.range.valueAsNumber = value; | ||
} | ||
this.updateBar(); | ||
@@ -519,0 +523,0 @@ }; |
@@ -21,4 +21,3 @@ import { globalThis } from './utils/server-safe-globals.js'; | ||
const formatAsPercentString = ({ value }: { value: number }): string => | ||
`${Math.round(value * 100)}%`; | ||
const formatAsPercentString = (value: number): string => `${Math.round(value * 100)}%`; | ||
@@ -78,3 +77,3 @@ /** | ||
'aria-valuetext', | ||
formatAsPercentString(this.range) | ||
formatAsPercentString(this.range.valueAsNumber) | ||
); | ||
@@ -81,0 +80,0 @@ this.updateBar(); |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
4229184
73672
9
35
2
156