jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 11:46:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Perform action in slider and switch if it's a long press (#24579)

Browse Source
This commit is contained in:
Paul Bottein 2025-03-10 15:30:29 +01:00 committed by GitHub
parent 1b6d2ac08e
commit e8805be561
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/ha-control-slider.ts
View File

@ -1,4 +1,4 @@
import { DIRECTION_ALL, Manager, Pan, Tap } from "@egjs/hammerjs"; import { DIRECTION_ALL, Manager, Pan, Press, Tap } from "@egjs/hammerjs";
import type { PropertyValues, TemplateResult } from "lit"; import type { PropertyValues, TemplateResult } from "lit";
import { css, html, LitElement, nothing } from "lit"; import { css, html, LitElement, nothing } from "lit";
import { customElement, property, query, state } from "lit/decorators"; import { customElement, property, query, state } from "lit/decorators";
@ -159,6 +159,7 @@ export class HaControlSlider extends LitElement {
); );
this._mc.add(new Tap({ event: "singletap" })); this._mc.add(new Tap({ event: "singletap" }));
this._mc.add(new Press());
let savedValue; let savedValue;
this._mc.on("panstart", () => { this._mc.on("panstart", () => {
@ -190,7 +191,7 @@ export class HaControlSlider extends LitElement {
fireEvent(this, "value-changed", { value: this.value }); fireEvent(this, "value-changed", { value: this.value });
}); });
this._mc.on("singletap", (e) => { this._mc.on("singletap pressup", (e) => {
if (this.disabled) return; if (this.disabled) return;
const percentage = this._getPercentageFromEvent(e); const percentage = this._getPercentageFromEvent(e);
this.value = this.steppedValue(this.percentageToValue(percentage)); this.value = this.steppedValue(this.percentageToValue(percentage));

5
src/components/ha-control-switch.ts
View File

@ -2,6 +2,7 @@ import {
DIRECTION_HORIZONTAL, DIRECTION_HORIZONTAL,
DIRECTION_VERTICAL, DIRECTION_VERTICAL,
Manager, Manager,
Press,
Swipe, Swipe,
Tap, Tap,
} from "@egjs/hammerjs"; } from "@egjs/hammerjs";
@ -79,6 +80,7 @@ export class HaControlSwitch extends LitElement {
); );
this._mc.add(new Tap({ event: "singletap" })); this._mc.add(new Tap({ event: "singletap" }));
this._mc.add(new Press());
if (this.vertical) { if (this.vertical) {
this._mc.on("swipeup", () => { this._mc.on("swipeup", () => {
@ -106,10 +108,11 @@ export class HaControlSwitch extends LitElement {
}); });
} }
this._mc.on("singletap", () => { this._mc.on("singletap pressup", () => {
if (this.disabled) return; if (this.disabled) return;
this._toggle(); this._toggle();
}); });
this.addEventListener("keydown", this._keydown); this.addEventListener("keydown", this._keydown);
} }
} }