flan/advanced-camera-card
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Implement support for gesture-based PTZ control (#2378)

Browse Source 
- Closes: #1839
This commit is contained in:
Dermot Duffy
2026-02-28 20:36:53 -08:00
committed by GitHub
parent 40ad3b4460
commit ea86ad0016
32 changed files with 1714 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/zoomer.ts
+19 -20
View File
@@ -13,17 +13,20 @@ import { PartialZoomSettings } from '../components-lib/zoom/types.js';
@customElement('advanced-camera-card-zoomer')
export class AdvancedCameraCardZoomer extends LitElement {
private _zoom: ZoomController | null = null;
@property({ attribute: false })
public defaultSettings?: PartialZoomSettings;
@property({ attribute: false })
public settings?: PartialZoomSettings | null;
@property({ attribute: false })
public zoom = true;
@state()
private _zoomed = false;
private _zoomController = new ZoomController(this);
private _zoomHandler = () => (this._zoomed = true);
private _unzoomHandler = () => (this._zoomed = false);
@@ -37,7 +40,7 @@ export class AdvancedCameraCardZoomer extends LitElement {
}
disconnectedCallback(): void {
this._zoom?.deactivate();
this._zoomController.deactivate();
this.removeEventListener('advanced-camera-card:zoom:zoomed', this._zoomHandler);
this.removeEventListener('advanced-camera-card:zoom:unzoomed', this._unzoomHandler);
super.disconnectedCallback();
@@ -48,22 +51,19 @@ export class AdvancedCameraCardZoomer extends LitElement {
setOrRemoveAttribute(this, this._zoomed, 'zoomed');
}
if (this._zoom) {
if (changedProps.has('defaultSettings')) {
this._zoom.setDefaultSettings(this.defaultSettings ?? null);
}
// If config is null, make no change to the zoom.
if (changedProps.has('settings') && this.settings) {
this._zoom.setSettings(this.settings);
}
} else {
// Ensure that the configuration will be set before activation (vs
// activating in `connectedCallback`).
this._zoom = new ZoomController(this, {
config: this.settings,
defaultConfig: this.defaultSettings,
});
this._zoom.activate();
if (changedProps.has('zoom')) {
this._zoomController.setZoom(this.zoom);
}
if (changedProps.has('defaultSettings')) {
this._zoomController.setDefaultSettings(this.defaultSettings ?? null);
}
// If config is null, make no change to the zoom.
if (changedProps.has('settings') && this.settings) {
this._zoomController.setSettings(this.settings);
}
if (!this._zoomController.isActivated()) {
this._zoomController.activate();
}
}
@@ -77,7 +77,6 @@ export class AdvancedCameraCardZoomer extends LitElement {
width: 100%;
height: 100%;
display: block;
cursor: auto;
}
:host([zoomed]) {
cursor: move;