@livepeer-frameworks/streamcrafter-wc 0.1.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.
Files changed (81) hide show
  1. package/dist/cjs/components/fw-sc-advanced.js +198 -0
  2. package/dist/cjs/components/fw-sc-advanced.js.map +1 -0
  3. package/dist/cjs/components/fw-sc-compositor.js +116 -0
  4. package/dist/cjs/components/fw-sc-compositor.js.map +1 -0
  5. package/dist/cjs/components/fw-sc-layer-list.js +253 -0
  6. package/dist/cjs/components/fw-sc-layer-list.js.map +1 -0
  7. package/dist/cjs/components/fw-sc-scene-switcher.js +164 -0
  8. package/dist/cjs/components/fw-sc-scene-switcher.js.map +1 -0
  9. package/dist/cjs/components/fw-sc-volume.js +183 -0
  10. package/dist/cjs/components/fw-sc-volume.js.map +1 -0
  11. package/dist/cjs/components/fw-streamcrafter.js +508 -0
  12. package/dist/cjs/components/fw-streamcrafter.js.map +1 -0
  13. package/dist/cjs/controllers/ingest-controller-host.js +236 -0
  14. package/dist/cjs/controllers/ingest-controller-host.js.map +1 -0
  15. package/dist/cjs/define.js +25 -0
  16. package/dist/cjs/define.js.map +1 -0
  17. package/dist/cjs/icons/index.js +283 -0
  18. package/dist/cjs/icons/index.js.map +1 -0
  19. package/dist/cjs/index.js +38 -0
  20. package/dist/cjs/index.js.map +1 -0
  21. package/dist/cjs/node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.57.1_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js +33 -0
  22. package/dist/cjs/node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.57.1_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js.map +1 -0
  23. package/dist/cjs/styles/shared-styles.js +2019 -0
  24. package/dist/cjs/styles/shared-styles.js.map +1 -0
  25. package/dist/cjs/styles/utility-styles.js +182 -0
  26. package/dist/cjs/styles/utility-styles.js.map +1 -0
  27. package/dist/esm/components/fw-sc-advanced.js +198 -0
  28. package/dist/esm/components/fw-sc-advanced.js.map +1 -0
  29. package/dist/esm/components/fw-sc-compositor.js +116 -0
  30. package/dist/esm/components/fw-sc-compositor.js.map +1 -0
  31. package/dist/esm/components/fw-sc-layer-list.js +253 -0
  32. package/dist/esm/components/fw-sc-layer-list.js.map +1 -0
  33. package/dist/esm/components/fw-sc-scene-switcher.js +164 -0
  34. package/dist/esm/components/fw-sc-scene-switcher.js.map +1 -0
  35. package/dist/esm/components/fw-sc-volume.js +183 -0
  36. package/dist/esm/components/fw-sc-volume.js.map +1 -0
  37. package/dist/esm/components/fw-streamcrafter.js +508 -0
  38. package/dist/esm/components/fw-streamcrafter.js.map +1 -0
  39. package/dist/esm/controllers/ingest-controller-host.js +234 -0
  40. package/dist/esm/controllers/ingest-controller-host.js.map +1 -0
  41. package/dist/esm/define.js +23 -0
  42. package/dist/esm/define.js.map +1 -0
  43. package/dist/esm/icons/index.js +253 -0
  44. package/dist/esm/icons/index.js.map +1 -0
  45. package/dist/esm/index.js +8 -0
  46. package/dist/esm/index.js.map +1 -0
  47. package/dist/esm/node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.57.1_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js +31 -0
  48. package/dist/esm/node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.57.1_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js.map +1 -0
  49. package/dist/esm/styles/shared-styles.js +2017 -0
  50. package/dist/esm/styles/shared-styles.js.map +1 -0
  51. package/dist/esm/styles/utility-styles.js +180 -0
  52. package/dist/esm/styles/utility-styles.js.map +1 -0
  53. package/dist/fw-streamcrafter.iife.js +3121 -0
  54. package/dist/fw-streamcrafter.iife.js.map +1 -0
  55. package/dist/types/components/fw-sc-advanced.d.ts +20 -0
  56. package/dist/types/components/fw-sc-compositor.d.ts +19 -0
  57. package/dist/types/components/fw-sc-layer-list.d.ts +30 -0
  58. package/dist/types/components/fw-sc-scene-switcher.d.ts +23 -0
  59. package/dist/types/components/fw-sc-volume.d.ts +30 -0
  60. package/dist/types/components/fw-streamcrafter.d.ts +49 -0
  61. package/dist/types/controllers/ingest-controller-host.d.ts +77 -0
  62. package/dist/types/define.d.ts +1 -0
  63. package/dist/types/icons/index.d.ts +29 -0
  64. package/dist/types/iife-entry.d.ts +11 -0
  65. package/dist/types/index.d.ts +12 -0
  66. package/dist/types/styles/shared-styles.d.ts +1 -0
  67. package/dist/types/styles/utility-styles.d.ts +1 -0
  68. package/package.json +55 -0
  69. package/src/components/fw-sc-advanced.ts +221 -0
  70. package/src/components/fw-sc-compositor.ts +162 -0
  71. package/src/components/fw-sc-layer-list.ts +251 -0
  72. package/src/components/fw-sc-scene-switcher.ts +163 -0
  73. package/src/components/fw-sc-volume.ts +171 -0
  74. package/src/components/fw-streamcrafter.ts +515 -0
  75. package/src/controllers/ingest-controller-host.ts +358 -0
  76. package/src/define.ts +23 -0
  77. package/src/icons/index.ts +291 -0
  78. package/src/iife-entry.ts +11 -0
  79. package/src/index.ts +15 -0
  80. package/src/styles/shared-styles.ts +2014 -0
  81. package/src/styles/utility-styles.ts +177 -0
@@ -0,0 +1,164 @@
1
+ 'use strict';
2
+
3
+ var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.57.1_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
4
+ var lit = require('lit');
5
+ var decorators_js = require('lit/decorators.js');
6
+ var classMap_js = require('lit/directives/class-map.js');
7
+ var sharedStyles = require('../styles/shared-styles.js');
8
+ var utilityStyles = require('../styles/utility-styles.js');
9
+
10
+ exports.FwScSceneSwitcher = class FwScSceneSwitcher extends lit.LitElement {
11
+ constructor() {
12
+ super(...arguments);
13
+ this.scenes = [];
14
+ this.activeSceneId = null;
15
+ this.showTransitionControls = true;
16
+ this._selectedTransition = "fade";
17
+ this._transitionDuration = 500;
18
+ this._isTransitioning = false;
19
+ }
20
+ render() {
21
+ return lit.html `
22
+ <div class="fw-sc-scene-switcher">
23
+ <div class="fw-sc-scene-switcher-header">
24
+ <span class="fw-sc-scene-switcher-title">Scenes</span>
25
+ ${this.showTransitionControls
26
+ ? lit.html `
27
+ <div class="fw-sc-transition-controls">
28
+ <select
29
+ class="fw-sc-transition-select"
30
+ .value=${this._selectedTransition}
31
+ @change=${(e) => {
32
+ this._selectedTransition = e.target
33
+ .value;
34
+ }}
35
+ >
36
+ <option value="cut">Cut</option>
37
+ <option value="fade">Fade</option>
38
+ <option value="slide-left">Slide Left</option>
39
+ <option value="slide-right">Slide Right</option>
40
+ <option value="slide-up">Slide Up</option>
41
+ <option value="slide-down">Slide Down</option>
42
+ </select>
43
+ <input
44
+ type="number"
45
+ class="fw-sc-transition-duration"
46
+ .value=${String(this._transitionDuration)}
47
+ @change=${(e) => {
48
+ this._transitionDuration = Number(e.target.value);
49
+ }}
50
+ min="0"
51
+ max="3000"
52
+ step="100"
53
+ title="Transition duration (ms)"
54
+ />
55
+ <span class="fw-sc-transition-unit">ms</span>
56
+ </div>
57
+ `
58
+ : lit.nothing}
59
+ </div>
60
+
61
+ <div class="fw-sc-scene-list">
62
+ ${this.scenes.map((scene) => lit.html `
63
+ <div
64
+ class=${classMap_js.classMap({
65
+ "fw-sc-scene-item": true,
66
+ "fw-sc-scene-item--active": scene.id === this.activeSceneId,
67
+ "fw-sc-scene-item--transitioning": this._isTransitioning,
68
+ })}
69
+ @click=${() => this._handleSceneClick(scene.id)}
70
+ style="background-color:${scene.backgroundColor}"
71
+ >
72
+ <span class="fw-sc-scene-name">${scene.name}</span>
73
+ <span class="fw-sc-scene-layer-count">${scene.layers.length} layers</span>
74
+ ${this.scenes.length > 1 && scene.id !== this.activeSceneId
75
+ ? lit.html `
76
+ <button
77
+ class="fw-sc-scene-delete"
78
+ @click=${(e) => {
79
+ e.stopPropagation();
80
+ this._handleDelete(scene.id);
81
+ }}
82
+ title="Delete scene"
83
+ >
84
+ ×
85
+ </button>
86
+ `
87
+ : lit.nothing}
88
+ </div>
89
+ `)}
90
+
91
+ <button
92
+ class="fw-sc-scene-add"
93
+ @click=${() => this.dispatchEvent(new CustomEvent("fw-sc-scene-create", { bubbles: true, composed: true }))}
94
+ title="Create new scene"
95
+ >
96
+ +
97
+ </button>
98
+ </div>
99
+ </div>
100
+ `;
101
+ }
102
+ async _handleSceneClick(sceneId) {
103
+ if (sceneId === this.activeSceneId || this._isTransitioning)
104
+ return;
105
+ this._isTransitioning = true;
106
+ try {
107
+ this.dispatchEvent(new CustomEvent("fw-sc-scene-select", {
108
+ detail: {
109
+ sceneId,
110
+ transition: {
111
+ type: this._selectedTransition,
112
+ durationMs: this._transitionDuration,
113
+ easing: "ease-in-out",
114
+ },
115
+ },
116
+ bubbles: true,
117
+ composed: true,
118
+ }));
119
+ }
120
+ finally {
121
+ this._isTransitioning = false;
122
+ }
123
+ }
124
+ _handleDelete(sceneId) {
125
+ if (this.scenes.length <= 1)
126
+ return;
127
+ this.dispatchEvent(new CustomEvent("fw-sc-scene-delete", {
128
+ detail: { sceneId },
129
+ bubbles: true,
130
+ composed: true,
131
+ }));
132
+ }
133
+ };
134
+ exports.FwScSceneSwitcher.styles = [
135
+ sharedStyles.sharedStyles,
136
+ utilityStyles.utilityStyles,
137
+ lit.css `
138
+ :host {
139
+ display: block;
140
+ }
141
+ `,
142
+ ];
143
+ tslib_es6.__decorate([
144
+ decorators_js.property({ attribute: false })
145
+ ], exports.FwScSceneSwitcher.prototype, "scenes", void 0);
146
+ tslib_es6.__decorate([
147
+ decorators_js.property({ type: String, attribute: "active-scene-id" })
148
+ ], exports.FwScSceneSwitcher.prototype, "activeSceneId", void 0);
149
+ tslib_es6.__decorate([
150
+ decorators_js.property({ type: Boolean, attribute: "show-transition-controls" })
151
+ ], exports.FwScSceneSwitcher.prototype, "showTransitionControls", void 0);
152
+ tslib_es6.__decorate([
153
+ decorators_js.state()
154
+ ], exports.FwScSceneSwitcher.prototype, "_selectedTransition", void 0);
155
+ tslib_es6.__decorate([
156
+ decorators_js.state()
157
+ ], exports.FwScSceneSwitcher.prototype, "_transitionDuration", void 0);
158
+ tslib_es6.__decorate([
159
+ decorators_js.state()
160
+ ], exports.FwScSceneSwitcher.prototype, "_isTransitioning", void 0);
161
+ exports.FwScSceneSwitcher = tslib_es6.__decorate([
162
+ decorators_js.customElement("fw-sc-scene-switcher")
163
+ ], exports.FwScSceneSwitcher);
164
+ //# sourceMappingURL=fw-sc-scene-switcher.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fw-sc-scene-switcher.js","sources":["../../../../src/components/fw-sc-scene-switcher.ts"],"sourcesContent":[null],"names":["FwScSceneSwitcher","LitElement","html","nothing","classMap","sharedStyles","utilityStyles","css","__decorate","property","state","customElement"],"mappings":";;;;;;;;;AAgBaA,yBAAiB,GAAvB,MAAM,iBAAkB,SAAQC,cAAU,CAAA;AAA1C,IAAA,WAAA,GAAA;;QAC2B,IAAA,CAAA,MAAM,GAAY,EAAE;QACM,IAAA,CAAA,aAAa,GAAkB,IAAI;QACzB,IAAA,CAAA,sBAAsB,GAAG,IAAI;QAEhF,IAAA,CAAA,mBAAmB,GAAmB,MAAM;QAC5C,IAAA,CAAA,mBAAmB,GAAG,GAAG;QACzB,IAAA,CAAA,gBAAgB,GAAG,KAAK;IAqI3C;IAzHY,MAAM,GAAA;AACd,QAAA,OAAOC,QAAI,CAAA;;;;AAIH,UAAA,EAAA,IAAI,CAAC;cACHA,QAAI,CAAA;;;;AAIW,2BAAA,EAAA,IAAI,CAAC,mBAAmB;8BACvB,CAAC,CAAQ,KAAI;AACrB,gBAAA,IAAI,CAAC,mBAAmB,GAAI,CAAC,CAAC;AAC3B,qBAAA,KAAuB;YAC5B,CAAC;;;;;;;;;;;;AAYQ,2BAAA,EAAA,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC;8BAC/B,CAAC,CAAQ,KAAI;gBACrB,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;YACzE,CAAC;;;;;;;;AAQN,cAAA;AACH,cAAEC,WAAO;;;;YAIT,IAAI,CAAC,MAAM,CAAC,GAAG,CACf,CAAC,KAAK,KAAKD,QAAI,CAAA;;AAEH,sBAAA,EAAAE,oBAAQ,CAAC;AACf,YAAA,kBAAkB,EAAE,IAAI;AACxB,YAAA,0BAA0B,EAAE,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,aAAa;YAC3D,iCAAiC,EAAE,IAAI,CAAC,gBAAgB;SACzD,CAAC;yBACO,MAAM,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;AACrB,wCAAA,EAAA,KAAK,CAAC,eAAe,CAAA;;AAEd,+CAAA,EAAA,KAAK,CAAC,IAAI,CAAA;wDACH,KAAK,CAAC,MAAM,CAAC,MAAM,CAAA;AACzD,gBAAA,EAAA,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;cAC1CF,QAAI,CAAA;;;iCAGS,CAAC,CAAQ,KAAI;gBACpB,CAAC,CAAC,eAAe,EAAE;AACnB,gBAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,CAAC;;;;;AAKJ,oBAAA;AACH,cAAEC,WAAO;;aAEd,CACF;;;;qBAIU,MACP,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,oBAAoB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CACzE;;;;;;;KAOV;IACH;IAEQ,MAAM,iBAAiB,CAAC,OAAe,EAAA;QAC7C,IAAI,OAAO,KAAK,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,gBAAgB;YAAE;AAC7D,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI;AAC5B,QAAA,IAAI;AACF,YAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,oBAAoB,EAAE;AACpC,gBAAA,MAAM,EAAE;oBACN,OAAO;AACP,oBAAA,UAAU,EAAE;wBACV,IAAI,EAAE,IAAI,CAAC,mBAAmB;wBAC9B,UAAU,EAAE,IAAI,CAAC,mBAAmB;AACpC,wBAAA,MAAM,EAAE,aAAsB;AACJ,qBAAA;AAC7B,iBAAA;AACD,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA,CAAC,CACH;QACH;gBAAU;AACR,YAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;QAC/B;IACF;AAEQ,IAAA,aAAa,CAAC,OAAe,EAAA;AACnC,QAAA,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC;YAAE;AAC7B,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,oBAAoB,EAAE;YACpC,MAAM,EAAE,EAAE,OAAO,EAAE;AACnB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CACH;IACH;;AAlIOH,yBAAA,CAAA,MAAM,GAAG;IACdK,yBAAY;IACZC,2BAAa;AACb,IAAAC,OAAG,CAAA;;;;AAIF,IAAA,CAAA;AACF,CARY;AARmBC,oBAAA,CAAA;AAA/B,IAAAC,sBAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE;AAAuB,CAAA,EAAAT,yBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AACKQ,oBAAA,CAAA;IAAzDC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE;AAAsC,CAAA,EAAAT,yBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAC1BQ,oBAAA,CAAA;IAAnEC,sBAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,0BAA0B,EAAE;AAAgC,CAAA,EAAAT,yBAAA,CAAA,SAAA,EAAA,wBAAA,EAAA,MAAA,CAAA;AAEjFQ,oBAAA,CAAA;AAAhB,IAAAE,mBAAK;AAAwD,CAAA,EAAAV,yBAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,MAAA,CAAA;AAC7CQ,oBAAA,CAAA;AAAhB,IAAAE,mBAAK;AAAqC,CAAA,EAAAV,yBAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,MAAA,CAAA;AAC1BQ,oBAAA,CAAA;AAAhB,IAAAE,mBAAK;AAAoC,CAAA,EAAAV,yBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAP/BA,yBAAiB,GAAAQ,oBAAA,CAAA;IAD7BG,2BAAa,CAAC,sBAAsB;AACxB,CAAA,EAAAX,yBAAiB,CA4I7B;;"}
@@ -0,0 +1,183 @@
1
+ 'use strict';
2
+
3
+ var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.57.1_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
4
+ var lit = require('lit');
5
+ var decorators_js = require('lit/decorators.js');
6
+ var sharedStyles = require('../styles/shared-styles.js');
7
+
8
+ exports.FwScVolume = class FwScVolume extends lit.LitElement {
9
+ constructor() {
10
+ super(...arguments);
11
+ this.value = 1;
12
+ this.min = 0;
13
+ this.max = 2;
14
+ this.snapThreshold = 0.05;
15
+ this.compact = false;
16
+ this._isDragging = false;
17
+ this._popupPosition = 0;
18
+ }
19
+ get _displayValue() {
20
+ return Math.round(this.value * 100);
21
+ }
22
+ get _isBoost() {
23
+ return this.value > 1;
24
+ }
25
+ get _isDefault() {
26
+ return this.value === 1;
27
+ }
28
+ get _accentColor() {
29
+ if (this._isBoost)
30
+ return "#e0af68";
31
+ if (this._isDefault)
32
+ return "#9ece6a";
33
+ return "#7aa2f7";
34
+ }
35
+ _handleChange(e) {
36
+ let newValue = parseInt(e.target.value, 10) / 100;
37
+ if (Math.abs(newValue - 1) <= this.snapThreshold)
38
+ newValue = 1;
39
+ this.dispatchEvent(new CustomEvent("fw-sc-volume-change", {
40
+ detail: { value: newValue },
41
+ bubbles: true,
42
+ composed: true,
43
+ }));
44
+ this._updatePopupPosition(newValue);
45
+ }
46
+ _handleMouseDown() {
47
+ this._isDragging = true;
48
+ this._updatePopupPosition(this.value);
49
+ }
50
+ _handleMouseUp() {
51
+ this._isDragging = false;
52
+ }
53
+ _updatePopupPosition(value) {
54
+ if (this._slider) {
55
+ const rect = this._slider.getBoundingClientRect();
56
+ const percent = (value - this.min) / (this.max - this.min);
57
+ this._popupPosition = percent * rect.width;
58
+ }
59
+ }
60
+ render() {
61
+ const markerLeft = `${(1 / this.max) * 100}%`;
62
+ const markerBg = this._isDefault ? "#9ece6a" : "rgba(158, 206, 106, 0.3)";
63
+ return lit.html `
64
+ ${this._isDragging
65
+ ? lit.html `
66
+ <div
67
+ class="popup"
68
+ style="left:${this._popupPosition}px;background:${this._accentColor}"
69
+ >
70
+ ${this._displayValue}%${this._isDefault ? " (default)" : ""}
71
+ <div class="popup-arrow" style="border-top:6px solid ${this._accentColor}"></div>
72
+ </div>
73
+ `
74
+ : ""}
75
+ <div class="track">
76
+ <div class="marker" style="left:${markerLeft};background:${markerBg}"></div>
77
+ <input
78
+ type="range"
79
+ .min=${String(this.min * 100)}
80
+ .max=${String(this.max * 100)}
81
+ .value=${String(Math.round(this.value * 100))}
82
+ @input=${this._handleChange}
83
+ @mousedown=${this._handleMouseDown}
84
+ @mouseup=${this._handleMouseUp}
85
+ @mouseleave=${this._handleMouseUp}
86
+ @touchstart=${this._handleMouseDown}
87
+ @touchend=${this._handleMouseUp}
88
+ style="accent-color:${this._accentColor}"
89
+ />
90
+ </div>
91
+ `;
92
+ }
93
+ };
94
+ exports.FwScVolume.styles = [
95
+ sharedStyles.sharedStyles,
96
+ lit.css `
97
+ :host {
98
+ display: inline-flex;
99
+ position: relative;
100
+ flex: 1;
101
+ }
102
+ :host([compact]) {
103
+ min-width: 60px;
104
+ }
105
+ :host(:not([compact])) {
106
+ min-width: 100px;
107
+ }
108
+ .track {
109
+ position: relative;
110
+ width: 100%;
111
+ }
112
+ .marker {
113
+ position: absolute;
114
+ top: 0;
115
+ bottom: 0;
116
+ width: 2px;
117
+ border-radius: 1px;
118
+ z-index: 1;
119
+ pointer-events: none;
120
+ transform: translateX(-50%);
121
+ }
122
+ input[type="range"] {
123
+ width: 100%;
124
+ height: 6px;
125
+ border-radius: 3px;
126
+ cursor: pointer;
127
+ }
128
+ .popup {
129
+ position: absolute;
130
+ bottom: 100%;
131
+ transform: translateX(-50%);
132
+ margin-bottom: 8px;
133
+ padding: 4px 8px;
134
+ color: #1a1b26;
135
+ border-radius: 4px;
136
+ font-size: 12px;
137
+ font-weight: 600;
138
+ font-family: monospace;
139
+ white-space: nowrap;
140
+ pointer-events: none;
141
+ z-index: 100;
142
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
143
+ }
144
+ .popup-arrow {
145
+ position: absolute;
146
+ top: 100%;
147
+ left: 50%;
148
+ transform: translateX(-50%);
149
+ width: 0;
150
+ height: 0;
151
+ border-left: 6px solid transparent;
152
+ border-right: 6px solid transparent;
153
+ }
154
+ `,
155
+ ];
156
+ tslib_es6.__decorate([
157
+ decorators_js.property({ type: Number })
158
+ ], exports.FwScVolume.prototype, "value", void 0);
159
+ tslib_es6.__decorate([
160
+ decorators_js.property({ type: Number })
161
+ ], exports.FwScVolume.prototype, "min", void 0);
162
+ tslib_es6.__decorate([
163
+ decorators_js.property({ type: Number })
164
+ ], exports.FwScVolume.prototype, "max", void 0);
165
+ tslib_es6.__decorate([
166
+ decorators_js.property({ type: Number, attribute: "snap-threshold" })
167
+ ], exports.FwScVolume.prototype, "snapThreshold", void 0);
168
+ tslib_es6.__decorate([
169
+ decorators_js.property({ type: Boolean })
170
+ ], exports.FwScVolume.prototype, "compact", void 0);
171
+ tslib_es6.__decorate([
172
+ decorators_js.state()
173
+ ], exports.FwScVolume.prototype, "_isDragging", void 0);
174
+ tslib_es6.__decorate([
175
+ decorators_js.state()
176
+ ], exports.FwScVolume.prototype, "_popupPosition", void 0);
177
+ tslib_es6.__decorate([
178
+ decorators_js.query("input[type=range]")
179
+ ], exports.FwScVolume.prototype, "_slider", void 0);
180
+ exports.FwScVolume = tslib_es6.__decorate([
181
+ decorators_js.customElement("fw-sc-volume")
182
+ ], exports.FwScVolume);
183
+ //# sourceMappingURL=fw-sc-volume.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fw-sc-volume.js","sources":["../../../../src/components/fw-sc-volume.ts"],"sourcesContent":[null],"names":["FwScVolume","LitElement","html","sharedStyles","css","__decorate","property","state","query","customElement"],"mappings":"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"}