diff --git a/bin/effectListing b/bin/fade
copy from bin/effectListing
copy to bin/fade
--- a/bin/effectListing
+++ b/bin/fade
@@ -1,4 +1,4 @@
#!/bin/sh
-pnpx vite -c light9/effect/listing/web/vite.config.ts &
+pnpx vite -c light9/fade/web/vite.config.ts &
wait
diff --git a/light9/fade/web/Light9FadeUi.ts b/light9/fade/web/Light9FadeUi.ts
new file mode 100644
--- /dev/null
+++ b/light9/fade/web/Light9FadeUi.ts
@@ -0,0 +1,88 @@
+import debug from "debug";
+import { css, html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { NamedNode } from "n3";
+import { getTopGraph } from "../../web/RdfdbSyncedGraph";
+import { SyncedGraph } from "../../web/SyncedGraph";
+
+import { provideFASTDesignSystem, fastSlider, fastSliderLabel } from "@microsoft/fast-components";
+
+provideFASTDesignSystem().register(fastSlider(), fastSliderLabel());
+
+debug.enable("*");
+const log = debug("fade");
+
+@customElement("light9-fade-ui")
+export class Light9FadeUi extends LitElement {
+ static styles = [
+ css`
+ :host {
+ display: block;
+ }
+ `,
+ ];
+ render() {
+ return html`
+
+
+
+
+
+ `;
+ }
+
+ graph!: SyncedGraph;
+
+ constructor() {
+ super();
+ getTopGraph().then((g) => {
+ this.graph = g;
+ });
+ }
+}
+
+@customElement("light9-fader")
+export class Light9Fader extends LitElement {
+ static styles = [
+ css`
+ :host {
+ display: inline-block;
+ }
+ fast-slider {
+ height: 256px;
+ }
+ fast-slider > .track {
+ background: #e3bbc0;
+ box-shadow: 0 0 8px;
+ }
+ fast-slider {
+ --accent-foreground-rest: #0a0a0c;
+ }
+ `,
+ ];
+ render() {
+ return html`
+
+
+
+
+ ${this.value.toPrecision(3)}
+ curtain
+ Slider 1
+ `;
+ }
+
+ graph!: SyncedGraph;
+ @property() value: number = 0.111;
+
+ constructor() {
+ super();
+ getTopGraph().then((g) => {
+ this.graph = g;
+ });
+ }
+ onSliderInput(ev: CustomEvent) {
+ this.value = (ev.target as any).valueAsNumber;
+
+ }
+}
diff --git a/light9/effect/listing/web/index.html b/light9/fade/web/index.html
copy from light9/effect/listing/web/index.html
copy to light9/fade/web/index.html
--- a/light9/effect/listing/web/index.html
+++ b/light9/fade/web/index.html
@@ -1,12 +1,12 @@
- effect listing
+ fade
-
+
-
+
diff --git a/light9/effect/listing/web/vite.config.ts b/light9/fade/web/vite.config.ts
copy from light9/effect/listing/web/vite.config.ts
copy to light9/fade/web/vite.config.ts
--- a/light9/effect/listing/web/vite.config.ts
+++ b/light9/fade/web/vite.config.ts
@@ -1,9 +1,9 @@
import { defineConfig } from "vite";
-const servicePort = 8218;
+const servicePort = 8219;
export default defineConfig({
- base: "/effectListing/",
- root: "./light9/effect/listing/web",
+ base: "/fade/",
+ root: "./light9/fade/web",
publicDir: "../web",
server: {
host: "0.0.0.0",
diff --git a/package.json b/package.json
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
},
"dependencies": {
"@material/mwc-slider": "^0.26.1",
+ "@microsoft/fast-components": "^2.30.6",
"@types/async": "^3.2.13",
"@types/d3": "^7.1.0",
"@types/debug": "^4.1.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2,6 +2,7 @@ lockfileVersion: 5.3
specifiers:
'@material/mwc-slider': ^0.26.1
+ '@microsoft/fast-components': ^2.30.6
'@types/async': ^3.2.13
'@types/d3': ^7.1.0
'@types/debug': ^4.1.7
@@ -26,6 +27,7 @@ specifiers:
dependencies:
'@material/mwc-slider': 0.26.1
+ '@microsoft/fast-components': 2.30.6
'@types/async': 3.2.13
'@types/d3': 7.1.0
'@types/debug': 4.1.7
@@ -169,6 +171,39 @@ packages:
tslib: 2.4.0
dev: false
+ /@microsoft/fast-colors/5.3.0:
+ resolution: {integrity: sha512-MtuVlnvoirgc3cyEGzkDdv+zlEt0dEm7y3HaBqoOYwti5OVROi7x99Kbn/cWGlqF13+a/TEX6L8IkYW0/LT7Yw==}
+ dev: false
+
+ /@microsoft/fast-components/2.30.6:
+ resolution: {integrity: sha512-q6nPiRyA/8HHqCbN4ClziJfOfFaTIVIyBUTSJTcO7ODzkr8oEin7VzKJNoIP/qMpKMkg90wxwLOucr6nsokApw==}
+ dependencies:
+ '@microsoft/fast-colors': 5.3.0
+ '@microsoft/fast-element': 1.10.2
+ '@microsoft/fast-foundation': 2.46.9
+ '@microsoft/fast-web-utilities': 5.4.1
+ tslib: 1.14.1
+ dev: false
+
+ /@microsoft/fast-element/1.10.2:
+ resolution: {integrity: sha512-Nh80AEx/caDe4jhFYNT75sTG4k6MWy1N6XfgyhmejAX0ylivYy0M78WI2JgQOqi2ZRozCiNcpAPLVhYyAVN9sA==}
+ dev: false
+
+ /@microsoft/fast-foundation/2.46.9:
+ resolution: {integrity: sha512-jgkVT7bAWIV844eDj3V9cmYFsRIcJ8vMuB4h2SlkJ9EmFbCfimvh6RyAhsHv+bC6QZSS0N0bpZHm5A5QsWgi3Q==}
+ dependencies:
+ '@microsoft/fast-element': 1.10.2
+ '@microsoft/fast-web-utilities': 5.4.1
+ tabbable: 5.3.3
+ tslib: 1.14.1
+ dev: false
+
+ /@microsoft/fast-web-utilities/5.4.1:
+ resolution: {integrity: sha512-ReWYncndjV3c8D8iq9tp7NcFNc1vbVHvcBFPME2nNFKNbS1XCesYZGlIlf3ot5EmuOXPlrzUHOWzQ2vFpIkqDg==}
+ dependencies:
+ exenv-es6: 1.1.1
+ dev: false
+
/@rdfjs/types/1.1.0:
resolution: {integrity: sha512-5zm8bN2/CC634dTcn/0AhTRLaQRjXDZs3QfcAsQKNturHT7XVWcKy/8p3P5gXl+YkZTAmy7T5M/LyiT/jbkENw==}
dependencies:
@@ -887,6 +922,10 @@ packages:
esbuild-windows-arm64: 0.14.34
dev: false
+ /exenv-es6/1.1.1:
+ resolution: {integrity: sha512-vlVu3N8d6yEMpMsEm+7sUBAI81aqYYuEvfK0jNqmdb/OPXzzH7QWDDnVjMvDSY47JdHEqx/dfC/q8WkfoTmpGQ==}
+ dev: false
+
/fsevents/2.3.2:
resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -1075,6 +1114,14 @@ packages:
engines: {node: '>=0.2.6'}
dev: false
+ /tabbable/5.3.3:
+ resolution: {integrity: sha512-QD9qKY3StfbZqWOPLp0++pOrAVb/HbUi5xCc8cUo4XjP19808oaMiDzn0leBY5mCespIBM0CIZePzZjgzR83kA==}
+ dev: false
+
+ /tslib/1.14.1:
+ resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
+ dev: false
+
/tslib/2.4.0:
resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
dev: false
diff --git a/show/dance2019/networking.n3 b/show/dance2019/networking.n3
--- a/show/dance2019/networking.n3
+++ b/show/dance2019/networking.n3
@@ -21,6 +21,7 @@ sh:netHome
:timeline ;
:live ;
:effectListing ;
+ :fade ;
:collector ;
:collectorZmq .
@@ -38,4 +39,5 @@ sh:netHome
:vidref :urlPath "vidref" .
:timeline :urlPath "timeline" .
:live :urlPath "live" .
-:effectListing :urlPath "effectListing" .
\ No newline at end of file
+:effectListing :urlPath "effectListing" .
+:fade :urlPath "fade" .