wassname/template
1
0
Fork 0
mirror of https://github.com/wassname/template.git synced 2026-06-27 19:49:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Setting value updates slider

Browse Source
This commit is contained in:
Shan Carter
2017-10-18 09:26:11 -07:00
parent 72a47b1a73
commit 3987f71c20
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/ui/d-slider.js
+10 -3
View File
@@ -121,6 +121,7 @@ export class Slider extends T(HTMLElement) {
connectedCallback() {
this.connected = true;
this.setAttribute("role", "slider");
// Makes the element tab-able.
if (!this.hasAttribute("tabindex")) { this.setAttribute("tabindex", 0); }
@@ -194,7 +195,11 @@ export class Slider extends T(HTMLElement) {
this.max = +newValue;
this.setAttribute("aria-valuemax", this.max);
}
if (attr == "value") this.value = +newValue;
if (attr == "value") {
console.log("value update")
this.update(+newValue);
}
if (attr == "step") {
if (newValue > 0) {
this.step = +newValue;
@@ -270,8 +275,10 @@ export class Slider extends T(HTMLElement) {
}
v = this.validateValueRange(this.min, this.max, v);
if (this.value !== v) {
this.knob.style.left = this.scale(v) * 100 + "%";
this.trackFill.style.width = this.scale(v) * 100 + "%";
if (this.connected) {
this.knob.style.left = this.scale(v) * 100 + "%";
this.trackFill.style.width = this.scale(v) * 100 + "%";
}
this.value = v;
this.setAttribute("aria-valuenow", this.value);
this.dispatchInput();