@editframe/elements 0.56.0 → 0.57.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/gui/EFMute.d.ts +2 -0
- package/dist/gui/EFMute.js +20 -1
- package/dist/gui/EFMute.js.map +1 -1
- package/dist/gui/EFPreview.js +0 -1
- package/dist/gui/EFPreview.js.map +1 -1
- package/dist/gui/EFScrubber.js +9 -0
- package/dist/gui/EFScrubber.js.map +1 -1
- package/dist/gui/EFVolume.d.ts +3 -0
- package/dist/gui/EFVolume.js +45 -5
- package/dist/gui/EFVolume.js.map +1 -1
- package/dist/version.js +1 -1
- package/package.json +2 -2
package/dist/gui/EFMute.d.ts
CHANGED
|
@@ -28,6 +28,8 @@ declare class EFMute extends EFMute_base {
|
|
|
28
28
|
static styles: _$lit.CSSResult[];
|
|
29
29
|
private contextMuted;
|
|
30
30
|
get context(): ControllableInterface | null;
|
|
31
|
+
updated(changedProperties: Map<string | number | symbol, unknown>): void;
|
|
32
|
+
disconnectedCallback(): void;
|
|
31
33
|
render(): TemplateResult$1<1>;
|
|
32
34
|
}
|
|
33
35
|
declare global {
|
package/dist/gui/EFMute.js
CHANGED
|
@@ -2,7 +2,7 @@ import { efContext } from "./efContext.js";
|
|
|
2
2
|
import { __decorate } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
|
|
3
3
|
import { mutedContext } from "./volumeContext.js";
|
|
4
4
|
import { TargetOrContextMixin } from "./TargetOrContextMixin.js";
|
|
5
|
-
import { consume } from "@lit/context";
|
|
5
|
+
import { ContextEvent, consume } from "@lit/context";
|
|
6
6
|
import { LitElement, css, html } from "lit";
|
|
7
7
|
import { customElement, state } from "lit/decorators.js";
|
|
8
8
|
//#region src/gui/EFMute.ts
|
|
@@ -16,9 +16,28 @@ let EFMute = class EFMute extends TargetOrContextMixin(LitElement, efContext) {
|
|
|
16
16
|
:host {}
|
|
17
17
|
`];
|
|
18
18
|
}
|
|
19
|
+
#mutedUnsubscribe;
|
|
19
20
|
get context() {
|
|
20
21
|
return this.effectiveContext;
|
|
21
22
|
}
|
|
23
|
+
updated(changedProperties) {
|
|
24
|
+
super.updated(changedProperties);
|
|
25
|
+
if (changedProperties.has("targetElement")) this.#syncFromTarget();
|
|
26
|
+
}
|
|
27
|
+
#syncFromTarget() {
|
|
28
|
+
this.#mutedUnsubscribe?.();
|
|
29
|
+
this.#mutedUnsubscribe = void 0;
|
|
30
|
+
const target = this.targetElement;
|
|
31
|
+
if (!target) return;
|
|
32
|
+
target.dispatchEvent(new ContextEvent(mutedContext, this, (val, unsub) => {
|
|
33
|
+
this.contextMuted = val;
|
|
34
|
+
if (unsub) this.#mutedUnsubscribe = unsub;
|
|
35
|
+
}, true));
|
|
36
|
+
}
|
|
37
|
+
disconnectedCallback() {
|
|
38
|
+
super.disconnectedCallback();
|
|
39
|
+
this.#mutedUnsubscribe?.();
|
|
40
|
+
}
|
|
22
41
|
render() {
|
|
23
42
|
return html`
|
|
24
43
|
<div @click=${this.#toggle}>
|
package/dist/gui/EFMute.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EFMute.js","names":["#toggle"],"sources":["../../src/gui/EFMute.ts"],"mappings":";;;;;;;;AAwBO,IAAA,SAAA,MAAM,eAAe,qBAAqB,YAAY,UAAU,CAAC;;;sBAS/C;;;gBARP,CACd,GAAG;;MAGJ;;
|
|
1
|
+
{"version":3,"file":"EFMute.js","names":["#syncFromTarget","#mutedUnsubscribe","#toggle"],"sources":["../../src/gui/EFMute.ts"],"mappings":";;;;;;;;AAwBO,IAAA,SAAA,MAAM,eAAe,qBAAqB,YAAY,UAAU,CAAC;;;sBAS/C;;;gBARP,CACd,GAAG;;MAGJ;;CASD;CAEA,IAAI,UAAwC;AAC1C,SAAO,KAAK;;CAGd,QAAiB,mBAA2D;AAC1E,QAAM,QAAQ,kBAAkB;AAChC,MAAI,kBAAkB,IAAI,gBAAgB,CACxC,OAAA,gBAAsB;;CAI1B,kBAAkB;AAChB,QAAA,oBAA0B;AAC1B,QAAA,mBAAyB,KAAA;EAEzB,MAAM,SAAS,KAAK;AACpB,MAAI,CAAC,OAAQ;AAEb,SAAO,cACL,IAAI,aACF,cACA,OACC,KAAc,UAAuB;AACpC,QAAK,eAAe;AACpB,OAAI,MAAO,OAAA,mBAAyB;KAEtC,KACD,CACF;;CAGH,uBAAgC;AAC9B,QAAM,sBAAsB;AAC5B,QAAA,oBAA0B;;CAG5B,SAAS;AACP,SAAO,IAAI;oBACK,MAAA,OAAa;UACvB,KAAK,eAAe,IAAI,+BAA+B,IAAI,+BAA+B;;;;CAKlG,gBAAgB;AACd,MAAI,KAAK,QACP,MAAK,QAAQ,QAAQ,CAAC,KAAK,QAAQ;;;YAvDtC,QAAQ;CAAE,SAAS;CAAc,WAAW;CAAM,CAAC,EACnD,OAAO,CAAA,EAAA,OAAA,WAAA,gBAAA,KAAA,EAAA;qBATT,cAAc,UAAU,CAAA,EAAA,OAAA"}
|
package/dist/gui/EFPreview.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EFPreview.js","names":[],"sources":["../../src/gui/EFPreview.ts"],"mappings":";;;;;;;;;;AAUO,IAAA,YAAA,MAAM,kBAAkB,aAAa,aAAa,QAAQ,WAAW,CAAC,CAAC,CAAC;;gBAC7D,CACd,GAAG
|
|
1
|
+
{"version":3,"file":"EFPreview.js","names":[],"sources":["../../src/gui/EFPreview.ts"],"mappings":";;;;;;;;;;AAUO,IAAA,YAAA,MAAM,kBAAkB,aAAa,aAAa,QAAQ,WAAW,CAAC,CAAC,CAAC;;gBAC7D,CACd,GAAG;;;;;MAMJ;;;;;CAQD,oBAA4B,SAAiD;EAC3E,IAAI,UAAU;AACd,SAAO,WAAW,YAAY,MAAM;AAClC,OAAI,aAAa,QAAQ,CACvB,QAAO;AAET,aAAU,QAAQ;;AAEpB,SAAO;;CAGT,cAAc;AACZ,SAAO;AACP,OAAK,iBAAiB,gBAAgB,MAAM;GAC1C,MAAM,SAAS,EAAE;GACjB,MAAM,WAAW,KAAK,oBAAoB,OAAO;AACjD,OAAI,WAAW,QAAQ,SACrB,MAAK,iBAAiB;IAExB;AACF,OAAK,iBAAiB,eAAe,MAAM;GACzC,MAAM,gBAAgB,EAAE;GACxB,MAAM,oBAAoB,KAAK,oBAAoB,cAAc;AAKjE,OAAI,CAAC,KAAK,SAAS,cAAc,IAAI,kBAAkB,QAAQ,CAAC,kBAC9D,MAAK,iBAAiB,KAAA;IAExB;;CAGJ,SAAS;AACP,SAAO,IAAI;;;YAxCZ,QAAQ,EAAE,SAAS,uBAAuB,CAAC,CAAA,EAAA,UAAA,WAAA,kBAAA,KAAA,EAAA;wBAX7C,cAAc,aAAa,CAAA,EAAA,UAAA"}
|
package/dist/gui/EFScrubber.js
CHANGED
|
@@ -162,6 +162,15 @@ let EFScrubber = class EFScrubber extends TargetOrContextMixin(LitElement, efCon
|
|
|
162
162
|
cursor: grab;
|
|
163
163
|
}
|
|
164
164
|
|
|
165
|
+
:host([dragging]) .handle,
|
|
166
|
+
.handle:active {
|
|
167
|
+
cursor: grabbing;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
:host([dragging]) .scrubber {
|
|
171
|
+
cursor: grabbing;
|
|
172
|
+
}
|
|
173
|
+
|
|
165
174
|
:host([orientation="vertical"]) .handle {
|
|
166
175
|
display: none;
|
|
167
176
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EFScrubber.js","names":[],"sources":["../../src/gui/EFScrubber.ts"],"mappings":";;;;;;;;;;;;AAaA,MAAM,yBAAyB;AAE/B,SAAS,aACP,QACA,YACA,iBACA,WACQ;AACR,KAAI,cAAc,EAAG,QAAO;CAC5B,MAAM,kBAAkB,yBAAyB;AACjD,QAAQ,SAAS,MAAQ;;AAG3B,SAAS,aACP,QACA,YACA,iBACA,WACQ;AACR,KAAI,cAAc,EAAG,QAAO;AAE5B,QAAQ,UADgB,yBAAyB,aACb;;AAI/B,IAAA,aAAA,MAAM,mBAAmB,qBAAqB,YAAY,UAAU,CAAC;;;
|
|
1
|
+
{"version":3,"file":"EFScrubber.js","names":[],"sources":["../../src/gui/EFScrubber.ts"],"mappings":";;;;;;;;;;;;AAaA,MAAM,yBAAyB;AAE/B,SAAS,aACP,QACA,YACA,iBACA,WACQ;AACR,KAAI,cAAc,EAAG,QAAO;CAC5B,MAAM,kBAAkB,yBAAyB;AACjD,QAAQ,SAAS,MAAQ;;AAG3B,SAAS,aACP,QACA,YACA,iBACA,WACQ;AACR,KAAI,cAAc,EAAG,QAAO;AAE5B,QAAQ,UADgB,yBAAyB,aACb;;AAI/B,IAAA,aAAA,MAAM,mBAAmB,qBAAqB,YAAY,UAAU,CAAC;;;iBAuHhE;8BAGa;2BAGH;qBAGqB;uBAGzB;oBAGH;mBAGD;wBAGK;uBA+CO;kBAGL;qBAEG,WAAwB;2BAEH;gCACV;4BAmFJ,MAAoB;GAC/C,MAAM,aAAa,KAAK,YAAY,SAAS,KAAK;AAClD,OAAI,CAAC,WAAY;AAEjB,QAAK,WAAW;AAChB,OAAI,KAAK,eACP,MAAK,eAAe,UAAU;AAEhC,KAAE,gBAAgB;AAClB,KAAE,iBAAiB;AACnB,QAAK,oBAAoB,EAAE;AAC3B,OAAI;AACF,eAAW,kBAAkB,EAAE,UAAU;YAClC,KAAK;AAEZ,YAAQ,KAAK,kCAAkC,IAAI;;AAGrD,OAAI,KAAK,WAAW,KAAK,SAAS;AAChC,SAAK,yBAAyB;AAC9B,SAAK,QAAQ,OAAO;;AAGtB,QAAK,eAAe,EAAE;;iCAGU,MAAoB;AACpD,OAAI,KAAK,YAAY,EAAE,cAAc,KAAK,mBAAmB;AAC3D,MAAE,gBAAgB;AAClB,MAAE,iBAAiB;AACnB,SAAK,eAAe,EAAE;;;+BAIM,MAAoB;GAClD,MAAM,aAAa,KAAK,YAAY,SAAS,KAAK;AAClD,OAAI,EAAE,cAAc,KAAK,qBAAqB,YAAY;AACxD,MAAE,gBAAgB;AAClB,MAAE,iBAAiB;AACnB,QAAI;AACF,gBAAW,sBAAsB,EAAE,UAAU;aACtC,MAAM;AAGf,SAAK,oBAAoB;AACzB,SAAK,WAAW;AAChB,QAAI,KAAK,eACP,MAAK,eAAe,UAAU;AAEhC,QAAI,KAAK,wBAAwB;AAC/B,UAAK,yBAAyB;AAC9B,UAAK,SAAS,MAAM;;;;mCAKU,MAAoB;GACtD,MAAM,aAAa,KAAK,YAAY,SAAS,KAAK;AAClD,OAAI,EAAE,cAAc,KAAK,qBAAqB,YAAY;AACxD,QAAI;AACF,gBAAW,sBAAsB,EAAE,UAAU;aACtC,MAAM;AAGf,SAAK,oBAAoB;AACzB,SAAK,WAAW;AAChB,QAAI,KAAK,eACP,MAAK,eAAe,UAAU;AAEhC,QAAI,KAAK,wBAAwB;AAC/B,UAAK,yBAAyB;AAC9B,UAAK,SAAS,MAAM;;;;iCAKQ,MAAa;AAC7C,OAAI,KAAK,UAAU;AACjB,MAAE,gBAAgB;AAClB,MAAE,iBAAiB;;;;;gBApWP,CACd,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAkHJ;;CAgDD,IAAI,UAAwC;AAC1C,SAAO,KAAK;;CAGd,IAAI,yBAAiC;AACnC,MAAI,CAAC,OAAO,MAAM,KAAK,cAAc,CACnC,QAAO,KAAK;AAEd,MAAI,CAAC,OAAO,MAAM,KAAK,qBAAqB,CAC1C,QAAO,KAAK;AAEd,SAAO;;CAGT,IAAI,sBAA8B;AAChC,SAAO,KAAK,cAAc,KAAK,qBAAqB;;CAGtD,IAAI,iBAA0B;AAC5B,SAAO,KAAK,gBAAgB,cAAc,KAAK,YAAY;;CAc7D,eAAuB,GAAiB;EACtC,MAAM,aAAa,KAAK,YAAY,SAAS,KAAK;AAClD,MAAI,CAAC,WAAY;EAEjB,MAAM,WAAW,KAAK;AACtB,MAAI,YAAY,EAAG;AAEnB,MAAI,KAAK,gBAAgB;GAEvB,MAAM,kBAAkB,KAAK,oBAAoB,WAAW,WAAW;AACvE,OAAI,CAAC,gBAAiB;GAEtB,MAAM,sBAAsB,gBAAgB,uBAAuB;GACnE,MAAM,aAAa,gBAAgB,cAAc;GAIjD,IAAI,cAAc;AAClB,OAAI,KAAK,iBAAiB,QAExB,eADkB,KAAK,gBAAgB,QAAQ,uBAAuB,CAC9C,OAAO,oBAAoB,OAAO,gBAAgB;GAI5E,MAAM,gBAAgB,cADZ,EAAE,UAAU,oBAAoB,OAAO;GAEjD,MAAM,iBACJ,KAAK,iBAAiB,IAAI,KAAK,iBAAiB,oBAAoB;AACtE,OAAI,kBAAkB,EAAG;GAEzB,IAAI,UAAU,aAAa,eAAe,UAAU,gBAAgB,KAAK,UAAU;AACnF,aAAU,KAAK,IAAI,GAAG,KAAK,IAAI,SAAS,SAAS,CAAC;GAGlD,IAAI,gBACF,KAAK,OAAO,KAAK,MAAM,IAAI,sBAAsB,SAAS,KAAK,IAAI,GAAG;AACxE,mBAAgB,KAAK,IAAI,GAAG,KAAK,IAAI,eAAe,SAAS,CAAC;AAE9D,QAAK,gBAAgB,gBAAgB;AAErC,OAAI,KAAK,OACP,MAAK,OAAO,cAAc;QACrB;AAEL,SAAK,cACH,IAAI,YAAY,QAAQ;KACtB,QAAQ;KACR,SAAS;KACT,UAAU;KACX,CAAC,CACH;AACD,QAAI,KAAK,QACP,MAAK,QAAQ,gBAAgB;;SAG5B;GAEL,MAAM,OAAO,WAAW,uBAAuB;GAC/C,MAAM,IAAI,EAAE,UAAU,KAAK;GAC3B,MAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC;AAEzD,QAAK,gBAAgB;GACrB,MAAM,SAAS,WAAW;AAE1B,OAAI,KAAK,OACP,MAAK,OAAO,OAAO;QACd;AAEL,SAAK,cACH,IAAI,YAAY,QAAQ;KACtB,QAAQ;KACR,SAAS;KACT,UAAU;KACX,CAAC,CACH;AACD,QAAI,KAAK,QACP,MAAK,QAAQ,gBAAgB;;;;CAyFrC,SAAS;EACP,MAAM,WAAW,KAAK;EACtB,MAAM,cAAc,KAAK;AAEzB,MAAI,YAAY,EACd,QAAO,IAAI;AAGb,MAAI,KAAK,gBAAgB;GAEvB,MAAM,aAAa,KAAK,YAAY,SAAS,KAAK;GAClD,MAAM,iBACJ,KAAK,iBAAiB,IAClB,KAAK,iBACL,YAAY,eAAe,uBAAuB,CAAC,SAAS;GAElE,MAAM,iBACJ,iBAAiB,IACb,aAAa,aAAa,UAAU,gBAAgB,KAAK,UAAU,GACnE;GAEN,MAAM,yBACJ,KAAK,mBAAmB,QAAQ,KAAK,mBAAmB,KAAA,KAAa,iBAAiB,IAClF,aAAa,KAAK,gBAAgB,UAAU,gBAAgB,KAAK,UAAU,GAC3E;AAEN,UAAO,IAAI;UAEP,2BAA2B,QAAQ,2BAA2B,iBAC1D,IAAI;;6BAEW,uBAAuB;uBAEtC,IAAI,GACT;;YAEG,IAAI,KAAK,YAAY,CAAC;;;yBAGT,KAAK,kBAAkB;yBACvB,KAAK,uBAAuB;;;;;2BAK1B,eAAe;2BACf,KAAK,kBAAkB;;;;;;SAMvC;GAEL,MAAM,kBAAkB,WAAW,IAAI,cAAc,WAAW;GAChE,MAAM,kBAAkB,KAAK,WAAW,KAAK,gBAAgB;AAE7D,UAAO,IAAI;;YAEL,IAAI,KAAK,YAAY,CAAC;;;yBAGT,KAAK,kBAAkB;yBACvB,KAAK,uBAAuB;;gEAEW,kBAAkB,IAAI;2DAC3B,kBAAkB,IAAI;;;;;CAM/E,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,SAAO,iBAAiB,aAAa,KAAK,sBAAuC,EAC/E,SAAS,OACV,CAAC;AACF,SAAO,iBAAiB,eAAe,KAAK,wBAAwB,EAClE,SAAS,OACV,CAAC;AACF,SAAO,iBAAiB,iBAAiB,KAAK,0BAA2C,EACvF,SAAS,OACV,CAAC;AACF,OAAK,iBAAiB,eAAe,KAAK,wBAAwB,EAChE,SAAS,OACV,CAAC;AACF,OAAK,iBAAiB,eAAe,KAAK,mBAAoC,EAC5E,SAAS,OACV,CAAC;;CAGJ,uBAAuB;AACrB,QAAM,sBAAsB;AAC5B,SAAO,oBAAoB,aAAa,KAAK,qBAAsC;AACnF,SAAO,oBAAoB,eAAe,KAAK,uBAAuB;AACtE,SAAO,oBAAoB,iBAAiB,KAAK,yBAA0C;AAC3F,OAAK,oBAAoB,eAAe,KAAK,uBAAuB;AACpE,OAAK,oBAAoB,eAAe,KAAK,kBAAmC;AAChF,MAAI,KAAK,wBAAwB;AAC/B,QAAK,yBAAyB;AAC9B,OAAK,KAAK,SAAuC,YAC/C,MAAK,QAAS,MAAM;;;;YAxVzB,QAAQ;CAAE,SAAS;CAAgB,WAAW;CAAM,CAAC,CAAA,EAAA,WAAA,WAAA,WAAA,KAAA,EAAA;YAGrD,QAAQ;CAAE,SAAS;CAAoB,WAAW;CAAM,CAAC,CAAA,EAAA,WAAA,WAAA,wBAAA,KAAA,EAAA;YAGzD,QAAQ;CAAE,SAAS;CAAiB,WAAW;CAAM,CAAC,CAAA,EAAA,WAAA,WAAA,qBAAA,KAAA,EAAA;YAGtD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAe,CAAC,CAAA,EAAA,WAAA,WAAA,eAAA,KAAA,EAAA;YAGpD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAmB,CAAC,CAAA,EAAA,WAAA,WAAA,iBAAA,KAAA,EAAA;YAGxD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAe,CAAC,CAAA,EAAA,WAAA,WAAA,cAAA,KAAA,EAAA;YAGpD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,CAAC,CAAA,EAAA,WAAA,WAAA,aAAA,KAAA,EAAA;YAGnD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAmB,CAAC,CAAA,EAAA,WAAA,WAAA,kBAAA,KAAA,EAAA;YAGxD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAO,CAAC,CAAA,EAAA,WAAA,WAAA,OAAA,KAAA,EAAA;YAG5C,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAqB,CAAC,CAAA,EAAA,WAAA,WAAA,kBAAA,KAAA,EAAA;YAG1D,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,WAAA,WAAA,sBAAA,KAAA,EAAA;YAO9B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,WAAA,WAAA,mBAAA,KAAA,EAAA;YAG9B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,WAAA,WAAA,UAAA,KAAA,EAAA;YAG9B,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,WAAA,WAAA,kBAAA,KAAA,EAAA;YAyB9B,OAAO,CAAA,EAAA,WAAA,WAAA,iBAAA,KAAA,EAAA;YAGP,OAAO,CAAA,EAAA,WAAA,WAAA,YAAA,KAAA,EAAA;yBA9LT,cAAc,cAAc,CAAA,EAAA,WAAA"}
|
package/dist/gui/EFVolume.d.ts
CHANGED
|
@@ -26,12 +26,15 @@ declare const EFVolume_base: (new (...args: any[]) => {
|
|
|
26
26
|
* - `--ef-volume-fill-color`: filled track and thumb color
|
|
27
27
|
*/
|
|
28
28
|
declare class EFVolume extends EFVolume_base {
|
|
29
|
+
#private;
|
|
29
30
|
static styles: _$lit.CSSResult[];
|
|
30
31
|
private contextVolume;
|
|
31
32
|
private contextMuted;
|
|
32
33
|
get context(): ControllableInterface | null;
|
|
33
34
|
private get displayVolume();
|
|
34
35
|
private handleInput;
|
|
36
|
+
updated(changedProperties: Map<string | number | symbol, unknown>): void;
|
|
37
|
+
disconnectedCallback(): void;
|
|
35
38
|
render(): TemplateResult$1<1>;
|
|
36
39
|
}
|
|
37
40
|
declare global {
|
package/dist/gui/EFVolume.js
CHANGED
|
@@ -2,7 +2,7 @@ import { efContext } from "./efContext.js";
|
|
|
2
2
|
import { __decorate } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
|
|
3
3
|
import { mutedContext, volumeContext } from "./volumeContext.js";
|
|
4
4
|
import { TargetOrContextMixin } from "./TargetOrContextMixin.js";
|
|
5
|
-
import { consume } from "@lit/context";
|
|
5
|
+
import { ContextEvent, consume } from "@lit/context";
|
|
6
6
|
import { LitElement, css, html } from "lit";
|
|
7
7
|
import { customElement, state } from "lit/decorators.js";
|
|
8
8
|
//#region src/gui/EFVolume.ts
|
|
@@ -37,7 +37,7 @@ let EFVolume = class EFVolume extends TargetOrContextMixin(LitElement, efContext
|
|
|
37
37
|
width: 100%;
|
|
38
38
|
height: var(--ef-volume-height);
|
|
39
39
|
background: var(--ef-volume-track-color);
|
|
40
|
-
border-radius:
|
|
40
|
+
border-radius: 9999px;
|
|
41
41
|
outline: none;
|
|
42
42
|
cursor: pointer;
|
|
43
43
|
padding: 0;
|
|
@@ -52,6 +52,15 @@ let EFVolume = class EFVolume extends TargetOrContextMixin(LitElement, efContext
|
|
|
52
52
|
border-radius: 50%;
|
|
53
53
|
background: var(--ef-volume-fill-color);
|
|
54
54
|
cursor: grab;
|
|
55
|
+
margin-top: calc((var(--ef-volume-height) - 12px) / 2);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
input[type="range"]:active::-webkit-slider-thumb {
|
|
59
|
+
cursor: grabbing;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
input[type="range"]:active {
|
|
63
|
+
cursor: grabbing;
|
|
55
64
|
}
|
|
56
65
|
|
|
57
66
|
input[type="range"]::-moz-range-thumb {
|
|
@@ -63,6 +72,10 @@ let EFVolume = class EFVolume extends TargetOrContextMixin(LitElement, efContext
|
|
|
63
72
|
cursor: grab;
|
|
64
73
|
}
|
|
65
74
|
|
|
75
|
+
input[type="range"]:active::-moz-range-thumb {
|
|
76
|
+
cursor: grabbing;
|
|
77
|
+
}
|
|
78
|
+
|
|
66
79
|
input[type="range"]::-webkit-slider-runnable-track {
|
|
67
80
|
background: linear-gradient(
|
|
68
81
|
to right,
|
|
@@ -70,30 +83,57 @@ let EFVolume = class EFVolume extends TargetOrContextMixin(LitElement, efContext
|
|
|
70
83
|
var(--ef-volume-track-color) var(--_fill-pct, 100%)
|
|
71
84
|
);
|
|
72
85
|
height: var(--ef-volume-height);
|
|
73
|
-
border-radius:
|
|
86
|
+
border-radius: 9999px;
|
|
74
87
|
}
|
|
75
88
|
|
|
76
89
|
input[type="range"]::-moz-range-track {
|
|
77
90
|
height: var(--ef-volume-height);
|
|
78
91
|
background: var(--ef-volume-track-color);
|
|
79
|
-
border-radius:
|
|
92
|
+
border-radius: 9999px;
|
|
80
93
|
}
|
|
81
94
|
|
|
82
95
|
input[type="range"]::-moz-range-progress {
|
|
83
96
|
height: var(--ef-volume-height);
|
|
84
97
|
background: var(--ef-volume-fill-color);
|
|
85
|
-
border-radius:
|
|
98
|
+
border-radius: 9999px;
|
|
86
99
|
}
|
|
87
100
|
|
|
88
101
|
::part(slider) {}
|
|
89
102
|
`];
|
|
90
103
|
}
|
|
104
|
+
#volUnsubscribe;
|
|
105
|
+
#mutedUnsubscribe;
|
|
91
106
|
get context() {
|
|
92
107
|
return this.effectiveContext;
|
|
93
108
|
}
|
|
94
109
|
get displayVolume() {
|
|
95
110
|
return this.contextMuted ? 0 : this.contextVolume;
|
|
96
111
|
}
|
|
112
|
+
updated(changedProperties) {
|
|
113
|
+
super.updated(changedProperties);
|
|
114
|
+
if (changedProperties.has("targetElement")) this.#syncFromTarget();
|
|
115
|
+
}
|
|
116
|
+
#syncFromTarget() {
|
|
117
|
+
this.#volUnsubscribe?.();
|
|
118
|
+
this.#mutedUnsubscribe?.();
|
|
119
|
+
this.#volUnsubscribe = void 0;
|
|
120
|
+
this.#mutedUnsubscribe = void 0;
|
|
121
|
+
const target = this.targetElement;
|
|
122
|
+
if (!target) return;
|
|
123
|
+
target.dispatchEvent(new ContextEvent(volumeContext, this, (val, unsub) => {
|
|
124
|
+
this.contextVolume = val;
|
|
125
|
+
if (unsub) this.#volUnsubscribe = unsub;
|
|
126
|
+
}, true));
|
|
127
|
+
target.dispatchEvent(new ContextEvent(mutedContext, this, (val, unsub) => {
|
|
128
|
+
this.contextMuted = val;
|
|
129
|
+
if (unsub) this.#mutedUnsubscribe = unsub;
|
|
130
|
+
}, true));
|
|
131
|
+
}
|
|
132
|
+
disconnectedCallback() {
|
|
133
|
+
super.disconnectedCallback();
|
|
134
|
+
this.#volUnsubscribe?.();
|
|
135
|
+
this.#mutedUnsubscribe?.();
|
|
136
|
+
}
|
|
97
137
|
render() {
|
|
98
138
|
const pct = `${this.displayVolume * 100}%`;
|
|
99
139
|
return html`
|
package/dist/gui/EFVolume.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EFVolume.js","names":[],"sources":["../../src/gui/EFVolume.ts"],"mappings":";;;;;;;;AA0BO,IAAA,WAAA,MAAM,iBAAiB,qBAAqB,YAAY,UAAU,CAAC;;;
|
|
1
|
+
{"version":3,"file":"EFVolume.js","names":["#syncFromTarget","#volUnsubscribe","#mutedUnsubscribe"],"sources":["../../src/gui/EFVolume.ts"],"mappings":";;;;;;;;AA0BO,IAAA,WAAA,MAAM,iBAAiB,qBAAqB,YAAY,UAAU,CAAC;;;uBAqFhD;sBAID;sBAiBA,MAAa;GAClC,MAAM,QAAQ,EAAE;GAChB,MAAM,QAAQ,OAAO,WAAW,MAAM,MAAM;AAC5C,OAAI,KAAK,SAAS;AAChB,QAAI,KAAK,QAAQ,SAAS,QAAQ,EAChC,MAAK,QAAQ,QAAQ;AAEvB,SAAK,QAAQ,SAAS;;;;;gBAhHV,CACd,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+EJ;;CAcD;CACA;CAEA,IAAI,UAAwC;AAC1C,SAAO,KAAK;;CAGd,IAAY,gBAAwB;AAClC,SAAO,KAAK,eAAe,IAAI,KAAK;;CActC,QAAiB,mBAA2D;AAC1E,QAAM,QAAQ,kBAAkB;AAChC,MAAI,kBAAkB,IAAI,gBAAgB,CACxC,OAAA,gBAAsB;;CAI1B,kBAAkB;AAChB,QAAA,kBAAwB;AACxB,QAAA,oBAA0B;AAC1B,QAAA,iBAAuB,KAAA;AACvB,QAAA,mBAAyB,KAAA;EAEzB,MAAM,SAAS,KAAK;AACpB,MAAI,CAAC,OAAQ;AAEb,SAAO,cACL,IAAI,aACF,eACA,OACC,KAAa,UAAuB;AACnC,QAAK,gBAAgB;AACrB,OAAI,MAAO,OAAA,iBAAuB;KAEpC,KACD,CACF;AAED,SAAO,cACL,IAAI,aACF,cACA,OACC,KAAc,UAAuB;AACpC,QAAK,eAAe;AACpB,OAAI,MAAO,OAAA,mBAAyB;KAEtC,KACD,CACF;;CAGH,uBAAgC;AAC9B,QAAM,sBAAsB;AAC5B,QAAA,kBAAwB;AACxB,QAAA,oBAA0B;;CAG5B,SAAS;EACP,MAAM,MAAM,GAAG,KAAK,gBAAgB,IAAI;AACxC,SAAO,IAAI;;;;;;;iBAOE,OAAO,KAAK,cAAc,CAAC;8BACd,IAAI;iBACjB,KAAK,YAAY;;;;;YA5F/B,QAAQ;CAAE,SAAS;CAAe,WAAW;CAAM,CAAC,EACpD,OAAO,CAAA,EAAA,SAAA,WAAA,iBAAA,KAAA,EAAA;YAGP,QAAQ;CAAE,SAAS;CAAc,WAAW;CAAM,CAAC,EACnD,OAAO,CAAA,EAAA,SAAA,WAAA,gBAAA,KAAA,EAAA;uBAzFT,cAAc,YAAY,CAAA,EAAA,SAAA"}
|
package/dist/version.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@editframe/elements",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.57.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
],
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@bramus/style-observer": "^1.3.0",
|
|
27
|
-
"@editframe/assets": "0.
|
|
27
|
+
"@editframe/assets": "0.57.0",
|
|
28
28
|
"@lit/context": "^1.1.6",
|
|
29
29
|
"@lit/reactive-element": "^2.1.1",
|
|
30
30
|
"@opentelemetry/api": "^1.9.0",
|