@benev/tact 0.4.0-1 → 0.4.0-3

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 (26) hide show
  1. package/README.md +22 -17
  2. package/package.json +1 -1
  3. package/s/demo/main.css +38 -3
  4. package/s/index.html.ts +25 -19
  5. package/s/lib/ui/deck/controls/internal/data.ts +7 -5
  6. package/s/lib/ui/deck/setup/tact.ts +1 -1
  7. package/s/lib/ui/views/theme.css.ts +1 -1
  8. package/s/lib/ui/views/visualizer/style.css.ts +8 -6
  9. package/s/lib/ui/views/visualizer/view.ts +1 -0
  10. package/x/demo/main.bundle.min.js +50 -47
  11. package/x/demo/main.bundle.min.js.map +4 -4
  12. package/x/demo/main.css +38 -3
  13. package/x/gamepad/index.html +1 -1
  14. package/x/index.html +27 -21
  15. package/x/index.html.js +25 -19
  16. package/x/index.html.js.map +1 -1
  17. package/x/lib/ui/deck/controls/internal/data.d.ts +1 -1
  18. package/x/lib/ui/deck/controls/internal/data.js +4 -1
  19. package/x/lib/ui/deck/controls/internal/data.js.map +1 -1
  20. package/x/lib/ui/deck/setup/tact.js +1 -1
  21. package/x/lib/ui/deck/setup/tact.js.map +1 -1
  22. package/x/lib/ui/views/theme.css.js +1 -1
  23. package/x/lib/ui/views/visualizer/style.css.js +8 -6
  24. package/x/lib/ui/views/visualizer/style.css.js.map +1 -1
  25. package/x/lib/ui/views/visualizer/view.js +1 -0
  26. package/x/lib/ui/views/visualizer/view.js.map +1 -1
package/x/demo/main.css CHANGED
@@ -53,6 +53,10 @@
53
53
  background: var(--bg);
54
54
  }
55
55
 
56
+ html {
57
+ scrollbar-gutter: stable;
58
+ }
59
+
56
60
  body {
57
61
  display: flex;
58
62
  flex-direction: column;
@@ -67,10 +71,34 @@
67
71
  }
68
72
 
69
73
  > header {
74
+ display: flex;
75
+ flex-wrap: wrap;
76
+ justify-content: space-between;
77
+ align-items: end;
78
+ gap: 1em;
70
79
  padding: 0 2em;
71
- h1 small { font-size: 0.6em; font-weight: normal; }
72
- * + * { margin-top: 0.5em; }
73
- label { padding-left: 1em; }
80
+
81
+ h1 small {
82
+ font-size: 0.6em;
83
+ font-weight: normal;
84
+ }
85
+
86
+ blockquote {
87
+ opacity: 0.5;
88
+ font-style: italic;
89
+ padding-left: 1em;
90
+ }
91
+
92
+ label {
93
+ display: flex;
94
+ flex-direction: column;
95
+ align-items: end;
96
+ gap: 0.1em;
97
+ }
98
+
99
+ .links span {
100
+ opacity: 0.5;
101
+ }
74
102
  }
75
103
 
76
104
  > section {
@@ -79,6 +107,13 @@
79
107
  padding-left: 1em;
80
108
  }
81
109
  }
110
+
111
+ > footer {
112
+ padding: 1em 2em;
113
+ p {
114
+ opacity: 0.5;
115
+ }
116
+ }
82
117
  }
83
118
  }
84
119
 
package/x/gamepad/index.html CHANGED
@@ -26,7 +26,7 @@
26
26
  <header>
27
27
  <h1>
28
28
  <strong>@benev/tact gamepad</strong>
29
- <small>v0.4.0-1</small>
29
+ <small>v0.4.0-3</small>
30
30
  </h1>
31
31
  </header>
32
32
 
package/x/index.html CHANGED
@@ -9,8 +9,8 @@
9
9
  <style>@layer base{html{background:#111}}</style>
10
10
 
11
11
  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='90'>🎮</text></svg>"/>
12
- <link rel="stylesheet" href="demo/main.css?v=f320aaba59b5"/>
13
- <script type="module" src="demo/main.bundle.min.js?v=e9cc4ccb0dae"></script>
12
+ <link rel="stylesheet" href="demo/main.css?v=1f568a399ed6"/>
13
+ <script type="module" src="demo/main.bundle.min.js?v=5848b3a37824"></script>
14
14
 
15
15
 
16
16
  <meta property="og:type" content="website"/>
@@ -24,29 +24,35 @@
24
24
  </head>
25
25
  <body>
26
26
  <header>
27
- <h1>
28
- <strong>@benev/tact</strong>
29
- <small>v0.4.0-1</small>
30
- </h1>
31
27
  <div>
32
- <blockquote>"from keypress to couch co-op"</blockquote>
33
- <p class=links>
34
- <a href="./gamepad/">gamepad visualizer</a>
35
- —
36
- <a href="https://github.com/benev-gg/tact">github</a>
37
- —
38
- <a href="https://benev.gg/">benev.gg</a>
39
- </p>
40
- <p>
41
- <label>
42
- <span>➣ choose your color:</span>
43
- <input type="color"/>
44
- </label>
45
- </p>
28
+ <h1>
29
+ <strong>@benev/tact</strong>
30
+ <small>v0.4.0-3</small>
31
+ </h1>
32
+ <div>
33
+ <blockquote>"from keypress to couch co-op"</blockquote>
34
+ <p class=links>
35
+ <a href="./gamepad/">gamepad visualizer</a>
36
+ <span>—</span>
37
+ <a href="https://github.com/benev-gg/tact">github</a>
38
+ <span>—</span>
39
+ <a href="https://benev.gg/">benev.gg</a>
40
+ </p>
41
+ </div>
42
+ </div>
43
+ <div>
44
+ <label>
45
+ <input type="color"/>
46
+ <span>choose your color ☝️</span>
47
+ </label>
46
48
  </div>
47
49
  </header>
48
50
 
49
51
  <tact-deck></tact-deck>
50
- <tact-visualizer></tact-visualizer>
52
+
53
+ <footer>
54
+ <p>binary data visualizer</p>
55
+ <tact-visualizer></tact-visualizer>
56
+ </footer>
51
57
  </body>
52
58
  </html>
package/x/index.html.js CHANGED
@@ -28,30 +28,36 @@ export default template(import.meta.url, async (orb) => html `
28
28
  </head>
29
29
  <body>
30
30
  <header>
31
- <h1>
32
- <strong>@benev/tact</strong>
33
- <small>v${orb.packageVersion()}</small>
34
- </h1>
35
31
  <div>
36
- <blockquote>"from keypress to couch co-op"</blockquote>
37
- <p class=links>
38
- <a href="./gamepad/">gamepad visualizer</a>
39
- —
40
- <a href="https://github.com/benev-gg/tact">github</a>
41
- —
42
- <a href="https://benev.gg/">benev.gg</a>
43
- </p>
44
- <p>
45
- <label>
46
- <span>➣ choose your color:</span>
47
- <input type="color"/>
48
- </label>
49
- </p>
32
+ <h1>
33
+ <strong>@benev/tact</strong>
34
+ <small>v${orb.packageVersion()}</small>
35
+ </h1>
36
+ <div>
37
+ <blockquote>"from keypress to couch co-op"</blockquote>
38
+ <p class=links>
39
+ <a href="./gamepad/">gamepad visualizer</a>
40
+ <span>—</span>
41
+ <a href="https://github.com/benev-gg/tact">github</a>
42
+ <span>—</span>
43
+ <a href="https://benev.gg/">benev.gg</a>
44
+ </p>
45
+ </div>
46
+ </div>
47
+ <div>
48
+ <label>
49
+ <input type="color"/>
50
+ <span>choose your color ☝️</span>
51
+ </label>
50
52
  </div>
51
53
  </header>
52
54
 
53
55
  <tact-deck></tact-deck>
54
- <tact-visualizer></tact-visualizer>
56
+
57
+ <footer>
58
+ <p>binary data visualizer</p>
59
+ <tact-visualizer></tact-visualizer>
60
+ </footer>
55
61
  </body>
56
62
  </html>
57
63
  `);
package/x/index.html.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAC,MAAM,aAAa,CAAA;AAEpE,MAAM,KAAK,GAAG,aAAa,CAAA;AAC3B,MAAM,MAAM,GAAG,eAAe,CAAA;AAC9B,MAAM,OAAO,GAAG,eAAe,CAAA;AAC/B,MAAM,WAAW,GAAG,gCAAgC,CAAA;AAEpD,eAAe,QAAQ,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,IAAI,CAAA;;;;YAI9C,KAAK;;;;;;;4BAOW,YAAY,CAAC,IAAI,CAAC;kCACZ,GAAG,CAAC,OAAO,CAAC,eAAe,CAAC;gCAC9B,GAAG,CAAC,OAAO,CAAC,yBAAyB,CAAC;;KAEjE,UAAU,CAAC;IACZ,KAAK;IACL,WAAW;IACX,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,WAAW,MAAM,GAAG,OAAO,EAAE;CACpC,CAAC;;;;;;eAMU,GAAG,CAAC,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;CAwBlC,CAAC,CAAA"}
1
+ {"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAC,MAAM,aAAa,CAAA;AAEpE,MAAM,KAAK,GAAG,aAAa,CAAA;AAC3B,MAAM,MAAM,GAAG,eAAe,CAAA;AAC9B,MAAM,OAAO,GAAG,eAAe,CAAA;AAC/B,MAAM,WAAW,GAAG,gCAAgC,CAAA;AAEpD,eAAe,QAAQ,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,IAAI,CAAA;;;;YAI9C,KAAK;;;;;;;4BAOW,YAAY,CAAC,IAAI,CAAC;kCACZ,GAAG,CAAC,OAAO,CAAC,eAAe,CAAC;gCAC9B,GAAG,CAAC,OAAO,CAAC,yBAAyB,CAAC;;KAEjE,UAAU,CAAC;IACZ,KAAK;IACL,WAAW;IACX,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,WAAW,MAAM,GAAG,OAAO,EAAE;CACpC,CAAC;;;;;;;gBAOW,GAAG,CAAC,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BnC,CAAC,CAAA"}
package/x/lib/ui/deck/controls/internal/data.d.ts CHANGED
@@ -5,7 +5,7 @@ import { Bindings } from "../../../../input/types.js";
5
5
  import { Controller } from "../../../../input/controller.js";
6
6
  import { ControllerMeta, ControlsOptions } from "../types.js";
7
7
  export type ControlsData<B extends Bindings> = (ReturnType<typeof makeControlsData<B>>);
8
- export declare function makeControlsData<B extends Bindings>({ kv, presets, }: ControlsOptions<B>): {
8
+ export declare function makeControlsData<B extends Bindings>(options: ControlsOptions<B>): {
9
9
  subby: import("@e280/stz").Subby<[]>;
10
10
  kv: import("@e280/kv").Kv<unknown>;
11
11
  presets: import("../../types.js").Presets<B>;
package/x/lib/ui/deck/controls/internal/data.js CHANGED
@@ -1,9 +1,12 @@
1
1
  import { RMap } from "@e280/strata";
2
2
  import { got, IdCounter, setEntries, subby } from "@e280/stz";
3
- export function makeControlsData({ kv, presets, }) {
3
+ import { hashBindings } from "../../../../input/investigate/hash-bindings.js";
4
+ export function makeControlsData(options) {
5
+ const { presets } = options;
4
6
  const fallbackKey = got(Object.keys(presets)[0], "missing presets");
5
7
  const fallbackProfile = got(presets[fallbackKey]);
6
8
  const bindings = fallbackProfile.bindings;
9
+ const kv = options.kv.scope(hashBindings(bindings).toString());
7
10
  const profiles = {
8
11
  presets: new RMap(),
9
12
  customs: new RMap(),
package/x/lib/ui/deck/controls/internal/data.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"data.js","sourceRoot":"","sources":["../../../../../../s/lib/ui/deck/controls/internal/data.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AACjC,OAAO,EAAC,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,WAAW,CAAA;AAW3D,MAAM,UAAU,gBAAgB,CAAqB,EACnD,EAAE,EACF,OAAO,GACa;IAErB,MAAM,WAAW,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAA;IACnE,MAAM,eAAe,GAAG,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAA;IACjD,MAAM,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAA;IAEzC,MAAM,QAAQ,GAAG;QAChB,OAAO,EAAE,IAAI,IAAI,EAA0B;QAC3C,OAAO,EAAE,IAAI,IAAI,EAA0B;QAC3C,QAAQ,EAAE,EAAC,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAC;KACtD,CAAA;IAED,UAAU,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;IAErD,OAAO;QACN,KAAK,EAAE,KAAK,EAAE;QAEd,EAAE;QACF,OAAO;QACP,QAAQ;QACR,SAAS,EAAE,IAAI,SAAS,EAAE;QAE1B,QAAQ;QAER,WAAW,EAAE,IAAI,IAAI,EAA8B;QACnD,WAAW,EAAE,IAAI,IAAI,EAA0B;QAC/C,WAAW,EAAE,IAAI,IAAI,EAAgC;QAErD,GAAG,EAAE;YACJ,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAU,UAAU,CAAC;YACvC,WAAW,EAAE,EAAE,CAAC,KAAK,CAAa,aAAa,CAAC;SAChD;KACD,CAAA;AACF,CAAC"}
1
+ {"version":3,"file":"data.js","sourceRoot":"","sources":["../../../../../../s/lib/ui/deck/controls/internal/data.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AACjC,OAAO,EAAC,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,WAAW,CAAA;AAK3D,OAAO,EAAC,YAAY,EAAC,MAAM,gDAAgD,CAAA;AAO3E,MAAM,UAAU,gBAAgB,CAAqB,OAA2B;IAC/E,MAAM,EAAC,OAAO,EAAC,GAAG,OAAO,CAAA;IACzB,MAAM,WAAW,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAA;IACnE,MAAM,eAAe,GAAG,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAA;IACjD,MAAM,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAA;IAEzC,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,KAAK,CAC1B,YAAY,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,CACjC,CAAA;IAED,MAAM,QAAQ,GAAG;QAChB,OAAO,EAAE,IAAI,IAAI,EAA0B;QAC3C,OAAO,EAAE,IAAI,IAAI,EAA0B;QAC3C,QAAQ,EAAE,EAAC,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAC;KACtD,CAAA;IAED,UAAU,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAA;IAErD,OAAO;QACN,KAAK,EAAE,KAAK,EAAE;QAEd,EAAE;QACF,OAAO;QACP,QAAQ;QACR,SAAS,EAAE,IAAI,SAAS,EAAE;QAE1B,QAAQ;QAER,WAAW,EAAE,IAAI,IAAI,EAA8B;QACnD,WAAW,EAAE,IAAI,IAAI,EAA0B;QAC/C,WAAW,EAAE,IAAI,IAAI,EAAgC;QAErD,GAAG,EAAE;YACJ,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAU,UAAU,CAAC;YACvC,WAAW,EAAE,EAAE,CAAC,KAAK,CAAa,aAAa,CAAC;SAChD;KACD,CAAA;AACF,CAAC"}
package/x/lib/ui/deck/setup/tact.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { register } from "@e280/sly";
2
2
  import { setupDeck } from "./deck.js";
3
3
  import { autoGamepads } from "../auto-gamepads.js";
4
+ import { ellipsis } from "../../../utils/ellipsis.js";
4
5
  import { firstPreset } from "../utils/first-preset.js";
5
6
  import { Controller } from "../../../input/controller.js";
6
7
  import { Sources } from "../../../input/sources/sources.js";
@@ -13,7 +14,6 @@ import { makeVisualizerElement } from "../../views/visualizer/view.js";
13
14
  import { makeControllersElement } from "../../views/controllers/view.js";
14
15
  import devicesSvg from "../../icons/akar/devices.svg.js";
15
16
  import gameControllerSvg from "../../icons/akar/game-controller.svg.js";
16
- import { ellipsis } from "../../../utils/ellipsis.js";
17
17
  export async function setupTact(params) {
18
18
  const deck = await setupDeck(params);
19
19
  const visualizer = new Visualizer();
package/x/lib/ui/deck/setup/tact.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tact.js","sourceRoot":"","sources":["../../../../../s/lib/ui/deck/setup/tact.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAA;AAElC,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAA;AAGnC,OAAO,EAAC,YAAY,EAAC,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAC,OAAO,EAAC,MAAM,mCAAmC,CAAA;AACzD,OAAO,EAAC,UAAU,EAAC,MAAM,sCAAsC,CAAA;AAC/D,OAAO,EAAC,aAAa,EAAC,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EAAC,cAAc,EAAC,MAAM,oCAAoC,CAAA;AAEjE,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAC,oBAAoB,EAAC,MAAM,+BAA+B,CAAA;AAClE,OAAO,EAAC,qBAAqB,EAAC,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAC,sBAAsB,EAAC,MAAM,iCAAiC,CAAA;AAEtE,OAAO,UAAU,MAAM,iCAAiC,CAAA;AACxD,OAAO,iBAAiB,MAAM,yCAAyC,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAErD,MAAM,CAAC,KAAK,UAAU,SAAS,CAAqB,MAAsB;IACzE,MAAM,IAAI,GAAG,MAAM,SAAS,CAAC,MAAM,CAAC,CAAA;IACpC,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE,CAAA;IAEnC,MAAM,QAAQ,GAAG;QAChB,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC;QAC/B,aAAa,EAAE,oBAAoB,CAAC,IAAI,CAAC;QACzC,eAAe,EAAE,sBAAsB,CAAC,IAAI,CAAC;QAC7C,cAAc,EAAE,qBAAqB,CAAC,UAAU,CAAC;KACjD,CAAA;IAED,SAAS,QAAQ,CAAC,iBAA0B;QAC3C,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE;YACpD,MAAM,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,EAAE,CAAA;YACzE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE;gBAChC,IAAI,EAAE,iBAAiB;gBACvB,MAAM;gBACN,OAAO,EAAE,MAAM;gBACf,IAAI,EAAE,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC;gBAC1B,iBAAiB,EAAE,iBAAiB,IAAI,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG;aAC9E,CAAC,CAAA;YACF,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;IACH,CAAC;IAED,SAAS,aAAa;QACrB,MAAM,EAAC,GAAG,EAAE,OAAO,EAAC,GAAG,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QAEzD,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC;YACjC,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,MAAM,EAAE,IAAI,OAAO,CAClB,IAAI,cAAc,EAAE,EACpB,IAAI,aAAa,EAAE,CACnB;SACD,CAAC,CAAA;QAEF,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAEzB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE;YAChC,IAAI,EAAE,UAAU;YAChB,MAAM,EAAE,UAAU;YAClB,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,GAAG;SACtB,CAAC,CAAA;QAEF,OAAO,UAAU,CAAA;IAClB,CAAC;IAED,SAAS,gBAAgB;QACxB,QAAQ,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC;IAED,OAAO;QACN,IAAI;QACJ,QAAQ;QACR,aAAa;QACb,UAAU;QACV,QAAQ;QACR,gBAAgB;KAChB,CAAA;AACF,CAAC"}
1
+ {"version":3,"file":"tact.js","sourceRoot":"","sources":["../../../../../s/lib/ui/deck/setup/tact.ts"],"names":[],"mappings":"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"}
package/x/lib/ui/views/theme.css.js CHANGED
@@ -80,7 +80,7 @@ ${cssReset}
80
80
  --base: var(--tint, var(--prime));
81
81
  font: inherit;
82
82
  color: inherit;
83
- background: transparent;
83
+ background: var(--bg);
84
84
  border: 1px solid var(--base);
85
85
  border-radius: var(--round);
86
86
  padding: var(--nib) var(--pad);
package/x/lib/ui/views/visualizer/style.css.js CHANGED
@@ -7,15 +7,17 @@ export default css `@layer view {
7
7
 
8
8
  output {
9
9
  opacity: 0.5;
10
- color: var(--prime);
11
- font-size: 1em;
12
- font-family: monospace;
13
10
  display: block;
14
- overflow-wrap: anywhere;
15
- text-overflow: ellipsis;
11
+
12
+ font-size: 1em;
16
13
  height: 8em;
17
- padding: 0 4em;
14
+
18
15
  overflow: hidden;
16
+ overflow-wrap: anywhere;
17
+
18
+ font-family: monospace;
19
+ color: var(--prime);
20
+ text-overflow: ellipsis;
19
21
  }
20
22
 
21
23
  }`;
package/x/lib/ui/views/visualizer/style.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../../s/lib/ui/views/visualizer/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;EAmBhB,CAAA"}
1
+ {"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../../s/lib/ui/views/visualizer/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;EAqBhB,CAAA"}
package/x/lib/ui/views/visualizer/view.js CHANGED
@@ -5,6 +5,7 @@ import themeCss from "../theme.css.js";
5
5
  export const [VisualizerView, makeVisualizerElement] = shadowDuplex((visualizer) => {
6
6
  useCss(themeCss, styleCss);
7
7
  return html `
8
+ <slot></slot>
8
9
  <output class=viz>${visualizer.$hex()}</output>
9
10
  `;
10
11
  });
package/x/lib/ui/views/visualizer/view.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../../s/lib/ui/views/visualizer/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,YAAY,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAE9C,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAGtC,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,qBAAqB,CAAC,GAAG,YAAY,CAAC,CAAC,UAAsB,EAAE,EAAE;IAC9F,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE1B,OAAO,IAAI,CAAA;sBACU,UAAU,CAAC,IAAI,EAAE;EACrC,CAAA;AACF,CAAC,CAAC,CAAA"}
1
+ {"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../../s/lib/ui/views/visualizer/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,YAAY,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAE9C,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAGtC,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,qBAAqB,CAAC,GAAG,YAAY,CAAC,CAAC,UAAsB,EAAE,EAAE;IAC9F,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE1B,OAAO,IAAI,CAAA;;sBAEU,UAAU,CAAC,IAAI,EAAE;EACrC,CAAA;AACF,CAAC,CAAC,CAAA"}