@grame/faustwasm 0.0.25

package/README.md

@@ -0,0 +1,181 @@
+# FaustWasm
+
+WebAssembly version of [Faust Compiler](https://github.com/grame-cncm/faust) for [Node.js](https://nodejs.org) and web browsers, built with [Emscripten](https://emscripten.org/) 3.1.31
+
+## Usage
+
+Please use a stable version of [Node.js](https://nodejs.org) 16+ to work with this project.
+
+### Use the command line interface
+
+Clone and get into this project:
+```bash
+git clone https://github.com/grame-cncm/faustwasm.git
+cd faustwasm
+```
+
+Build the files:
+```bash
+npm run build
+```
+
+#### Generate WebAssembly version of a Faust DSP
+For example:
+```bash
+rm -rf test/out # make sure you are under the faustwasm directory.
+node scripts/faust2wasm.js test/mono.dsp test/out
+```
+or
+```bash
+rm -rf test/out # make sure you are under the faustwasm directory.
+node scripts/faust2wasm.js test/poly.dsp test/out -poly
+```
+You can create standalone DSP on a web page using the same command line
+```bash
+rm -rf test/out # make sure you are under the faustwasm directory.
+node scripts/faust2wasm.js test/rev.dsp test/out -standalone
+```
+
+#### Generate SVG Diagrams of a Faust DSP
+For example:
+```bash
+rm -rf test/out # make sure you are under the faustwasm directory.
+node scripts/faust2svg.js test/mono.dsp test/out
+```
+The main diagram should be in `test/out/process.svg`.
+
+#### Generate or process audio files
+Options:
+- `-bs     <num>` to setup the rendering buffer size in frames (default: 64)
+- `-bd     16|24|32` to setup the output file bit-depth (default: 16)
+- `-c      <samples>` to setup the output file length in frames, when -ct is not used (default: SR*5)
+- `-in     <inputWav.wav>` specify an input file to process
+- `-sr     <num>` to setup the output file sample rate (default: 44100)
+See this help:
+
+```bash
+node scripts/faust2sndfile.js -h
+```
+
+For example:
+```bash
+rm -rf test/out # make sure you are under the faustwasm directory.
+mkdir test/out
+node scripts/faust2sndfile.js test/p-dj.dsp test/out/p-dj.wav -c 192000 -sr 48000 -bd 24
+```
+Now the `test/out/p-dj.wav` should be generated.
+
+```bash
+node scripts/faust2sndfile.js test/rev.dsp test/out/p-dj-rev.wav -c 192000 -sr 48000 -bd 24 -in test/out/p-dj.wav
+```
+
+### Use the JavaScript Module
+
+```bash
+npm i -D @shren/faustwasm
+```
+
+In JavaScript:
+```JavaScript
+const FaustWasm = require("@shren/faustwasm");
+const path = require("path");
+const fs = require("fs");
+
+const {
+    instantiateFaustModuleFromFile,
+    LibFaust,
+    WavEncoder,
+    FaustMonoDspGenerator,
+    FaustCompiler,
+    FaustSvgDiagrams
+} = FaustWasm;
+
+(async () => {
+    const faustModulePath = path.join(__dirname, "../node_modules/@shren/faustwasm/ libfaust-wasm/libfaust-wasm.js");
+
+    // initialize the libfaust wasm
+    const faustModule = await instantiateFaustModuleFromFile(faustModulePath);
+
+    // Get the Faust compiler
+    const libFaust = new LibFaust(faustModule);
+    console.log(libFaust.version());
+    const compiler = new FaustCompiler(libFaust);
+    const generator = new FaustMonoDspGenerator();
+    const sampleRate = 48000;
+    const name = "Djembe"
+    const argv = ["-I", "libraries/"];
+    const code = `
+import("stdfaust.lib");
+process = ba.pulsen(1, 10000) : pm.djembe(60, 0.3, 0.4, 1);
+`;
+    // Compile the DSP
+    await generator.compile(compiler, name, code, argv.join(" "));
+    const processor = await generator.createOfflineProcessor(sampleRate, 1024);
+
+    // Generate SVG diagrams.
+    const svgDiagrams = new FaustSvgDiagrams(compiler);
+    const svgs = svgDiagrams.from(name, code, argv.join(" "));
+    console.log(Object.keys(svgs));
+
+    const out = processor.render(null, 192000);
+    const wav = WavEncoder.encode(out, { sampleRate, bitDepth: 24 });
+
+    // The wav file is generated
+    fs.writeFileSync(`${__dirname}/out.wav`, new Uint8Array(wav));
+})();
+```
+
+### Use in a web browser
+```JavaScript
+
+(async () => {
+    const {
+        instantiateFaustModuleFromFile,
+        LibFaust,
+        WavEncoder,
+        FaustMonoDspGenerator,
+        FaustCompiler,
+        FaustSvgDiagrams
+    } = await import("../node_modules/@shren/faustwasm/dist/esm/index.js");
+
+    // initialize the libfaust wasm
+    const faustModule = await instantiateFaustModuleFromFile("../node_modules/@shren/faustwasm/libfaust-wasm/libfaust-wasm.js");
+
+    // Get the Faust compiler
+    const libFaust = new LibFaust(faustModule);
+    window.libFaust = libFaust;
+    console.log(libFaust.version());
+    const compiler = new FaustCompiler(libFaust);
+    const generator = new FaustMonoDspGenerator();
+    const sampleRate = 48000;
+    const name = "Djembe"
+    const argv = ["-I", "libraries/"];
+    const code = `
+import("stdfaust.lib");
+process = ba.pulsen(1, 10000) : pm.djembe(60, 0.3, 0.4, 1);
+`;
+    // Compile the DSP
+    await generator.compile(compiler, name, code, argv.join(" "));
+    const processor = await generator.createOfflineProcessor(sampleRate, 1024);
+
+    // Generate SVG diagrams.
+    const svgDiagrams = new FaustSvgDiagrams(compiler);
+    const svgs = svgDiagrams.from(name, code, argv.join(" "));
+    console.log(Object.keys(svgs));
+
+    const out = processor.render(null, 192000);
+    const wav = WavEncoder.encode(out, { sampleRate, bitDepth: 24 });
+
+    // The wav file is generated
+    const blob = new Blob([wav], { type: "audio/wav" });
+    const player = document.createElement("audio");
+    player.controls = true;
+    player.src = URL.createObjectURL(blob);
+    document.body.appendChild(player);
+    const svg = document.createElement("div");
+    svg.innerHTML = svgs["process.svg"];
+    document.body.appendChild(svg);
+})();
+```
+
+The implementation description can be [read here](library.md).

package/assets/standalone/faust-ui/index.css

@@ -0,0 +1,414 @@
+/*!*******************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Base.scss ***!
+  \*******************************************************************************************************************/
+.faust-ui-component {
+  display: flex;
+  position: absolute;
+  flex-direction: column;
+  overflow: hidden;
+}
+.faust-ui-component:focus {
+  outline: none;
+}
+.faust-ui-component > .faust-ui-component-label {
+  position: relative;
+  margin-top: 4px;
+  width: 100%;
+  user-select: none;
+}
+.faust-ui-component > .faust-ui-component-label > canvas {
+  position: relative;
+  display: block;
+  max-width: 100%;
+  max-height: 100%;
+}
+.faust-ui-component input {
+  box-shadow: none;
+}
+/*!**********************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/VSlider.scss ***!
+  \**********************************************************************************************************************/
+.faust-ui-component.faust-ui-component-vslider {
+  align-items: center;
+}
+.faust-ui-component.faust-ui-component-vslider > .faust-ui-component-label {
+  flex: 0 0 auto;
+}
+.faust-ui-component.faust-ui-component-vslider > .faust-ui-component-vslider-flexdiv {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  width: 100%;
+  height: auto;
+}
+.faust-ui-component.faust-ui-component-vslider > .faust-ui-component-vslider-flexdiv > .faust-ui-component-vslider-canvasdiv {
+  position: relative;
+  display: block;
+  flex: 1 1 auto;
+  width: 100%;
+}
+.faust-ui-component.faust-ui-component-vslider > .faust-ui-component-vslider-flexdiv > .faust-ui-component-vslider-canvasdiv > canvas {
+  position: absolute;
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+.faust-ui-component.faust-ui-component-vslider > .faust-ui-component-vslider-flexdiv input {
+  position: relative;
+  display: block;
+  flex: 0 1 auto;
+  text-align: center;
+  background-color: rgba(255, 255, 255, 0.25);
+  margin: 5px auto auto auto;
+  border-width: 0px;
+  border-radius: 4px;
+  height: 5%;
+  max-width: calc(100% - 8px);
+  padding: 2px 4px;
+  -moz-appearance: textfield;
+}
+.faust-ui-component.faust-ui-component-vslider > .faust-ui-component-vslider-flexdiv input::-webkit-inner-spin-button, .faust-ui-component.faust-ui-component-vslider > .faust-ui-component-vslider-flexdiv input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+/*!**********************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/HSlider.scss ***!
+  \**********************************************************************************************************************/
+.faust-ui-component.faust-ui-component-hslider > .faust-ui-component-label {
+  flex: 0 0 auto;
+}
+.faust-ui-component.faust-ui-component-hslider > .faust-ui-component-hslider-flexdiv {
+  position: relative;
+  display: flex;
+  flex-direction: row-reverse;
+  flex: 1 1 auto;
+  width: 100%;
+  height: auto;
+}
+.faust-ui-component.faust-ui-component-hslider > .faust-ui-component-hslider-flexdiv > .faust-ui-component-hslider-canvasdiv {
+  position: relative;
+  display: block;
+  flex: 1 1 auto;
+  height: 100%;
+  margin: auto;
+}
+.faust-ui-component.faust-ui-component-hslider > .faust-ui-component-hslider-flexdiv > .faust-ui-component-hslider-canvasdiv > canvas {
+  position: absolute;
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+.faust-ui-component.faust-ui-component-hslider > .faust-ui-component-hslider-flexdiv > input {
+  position: relative;
+  display: block;
+  flex: 0 1 auto;
+  text-align: center;
+  background-color: rgba(255, 255, 255, 0.25);
+  margin: auto 5px auto auto;
+  border-width: 0px;
+  border-radius: 4px;
+  width: calc(20% - 13px);
+  padding: 2px 4px;
+  -moz-appearance: textfield;
+}
+.faust-ui-component.faust-ui-component-hslider > .faust-ui-component-hslider-flexdiv > input::-webkit-inner-spin-button, .faust-ui-component.faust-ui-component-hslider > .faust-ui-component-hslider-flexdiv > input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+/*!*********************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Nentry.scss ***!
+  \*********************************************************************************************************************/
+.faust-ui-component.faust-ui-component-nentry {
+  align-items: center;
+}
+.faust-ui-component.faust-ui-component-nentry input {
+  margin: 0px;
+  text-align: center;
+  border-width: 1px;
+  border-radius: 4px;
+  padding: 2px 4px;
+  width: calc(100% - 8px);
+}
+.faust-ui-component.faust-ui-component-nentry input::-webkit-inner-spin-button, .faust-ui-component.faust-ui-component-nentry input::-webkit-outer-spin-button {
+  opacity: 1;
+}
+/*!*********************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Button.scss ***!
+  \*********************************************************************************************************************/
+.faust-ui-component.faust-ui-component-button > div {
+  display: flex;
+  position: relative;
+  cursor: pointer;
+  border-width: 1px;
+  text-align: center;
+  border-radius: 4px;
+  flex: 1 0 auto;
+  border-style: solid;
+}
+.faust-ui-component.faust-ui-component-button > div > span {
+  user-select: none;
+  margin: auto;
+}
+/*!***********************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Checkbox.scss ***!
+  \***********************************************************************************************************************/
+.faust-ui-component.faust-ui-component-checkbox > div {
+  display: flex;
+  position: relative;
+  cursor: pointer;
+  border-width: 1px;
+  text-align: center;
+  border-radius: 1px;
+  flex: 1 0 auto;
+  border-style: solid;
+}
+.faust-ui-component.faust-ui-component-checkbox > div > span {
+  margin: auto;
+  user-select: none;
+}
+/*!*******************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Knob.scss ***!
+  \*******************************************************************************************************************/
+.faust-ui-component.faust-ui-component-knob {
+  align-items: center;
+}
+.faust-ui-component.faust-ui-component-knob > canvas {
+  position: relative;
+  display: block;
+  flex: 1 1 auto;
+  min-height: 50%;
+  width: 100%;
+}
+.faust-ui-component.faust-ui-component-knob > input {
+  position: relative;
+  display: block;
+  flex: 0 1 auto;
+  text-align: center;
+  background-color: rgba(255, 255, 255, 0.25);
+  margin: 0px;
+  border-width: 0px;
+  border-radius: 4px;
+  max-width: calc(100% - 8px);
+  padding: 2px 4px;
+  -moz-appearance: textfield;
+}
+.faust-ui-component.faust-ui-component-knob > input::-webkit-inner-spin-button, .faust-ui-component.faust-ui-component-knob > input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+/*!*******************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Menu.scss ***!
+  \*******************************************************************************************************************/
+.faust-ui-component.faust-ui-component-menu {
+  align-items: center;
+}
+.faust-ui-component.faust-ui-component-menu > select {
+  margin: 0px;
+  text-align: center;
+  border-width: 1px;
+  border-radius: 4px;
+  padding: 2px 4px;
+  width: calc(100% - 8px);
+}
+/*!********************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Radio.scss ***!
+  \********************************************************************************************************************/
+.faust-ui-component.faust-ui-component-radio {
+  align-items: center;
+}
+.faust-ui-component.faust-ui-component-radio > .faust-ui-component-label {
+  flex: 0 0 auto;
+  margin-top: auto;
+}
+.faust-ui-component.faust-ui-component-radio > .faust-ui-component-radio-group {
+  flex: 0 0 auto;
+  margin-bottom: auto;
+  border-width: 1px;
+  border-radius: 4px;
+  padding: 2px 4px;
+  width: calc(100% - 8px);
+}
+.faust-ui-component.faust-ui-component-radio > .faust-ui-component-radio-group > div {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+/*!******************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Led.scss ***!
+  \******************************************************************************************************************/
+.faust-ui-component.faust-ui-component-led {
+  align-items: center;
+}
+.faust-ui-component.faust-ui-component-led > .faust-ui-component-label {
+  flex: 0 0 auto;
+}
+.faust-ui-component.faust-ui-component-led > .faust-ui-component-led-canvasdiv {
+  position: relative;
+  display: block;
+  flex: 1 1 auto;
+  width: 100%;
+}
+.faust-ui-component.faust-ui-component-led > .faust-ui-component-led-canvasdiv > canvas {
+  position: absolute;
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+/*!************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Numerical.scss ***!
+  \************************************************************************************************************************/
+.faust-ui-component.faust-ui-component-numerical {
+  align-items: center;
+}
+.faust-ui-component.faust-ui-component-numerical > input {
+  position: relative;
+  display: block;
+  flex: 0 1 auto;
+  text-align: center;
+  background-color: rgba(255, 255, 255, 0.25);
+  margin: auto;
+  border-width: 0px;
+  border-radius: 4px;
+  width: calc(100% - 8px);
+  padding: 2px 4px;
+}
+/*!************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/VBargraph.scss ***!
+  \************************************************************************************************************************/
+.faust-ui-component.faust-ui-component-vbargraph {
+  align-items: center;
+}
+.faust-ui-component.faust-ui-component-vbargraph > .faust-ui-component-label {
+  flex: 0 0 auto;
+}
+.faust-ui-component.faust-ui-component-vbargraph > .faust-ui-component-vbargraph-flexdiv {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  width: 100%;
+  height: inherit;
+}
+.faust-ui-component.faust-ui-component-vbargraph > .faust-ui-component-vbargraph-flexdiv > .faust-ui-component-vbargraph-canvasdiv {
+  position: relative;
+  display: block;
+  flex: 1 1 auto;
+  width: 100%;
+}
+.faust-ui-component.faust-ui-component-vbargraph > .faust-ui-component-vbargraph-flexdiv > .faust-ui-component-vbargraph-canvasdiv > canvas {
+  position: absolute;
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+.faust-ui-component.faust-ui-component-vbargraph > .faust-ui-component-vbargraph-flexdiv > input {
+  position: relative;
+  display: block;
+  flex: 0 1 auto;
+  text-align: center;
+  background-color: rgba(255, 255, 255, 0.25);
+  margin: 5px auto auto auto;
+  border-width: 0px;
+  border-radius: 4px;
+  height: 5%;
+  width: calc(100% - 8px);
+  padding: 2px 4px;
+}
+/*!************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/HBargraph.scss ***!
+  \************************************************************************************************************************/
+.faust-ui-component.faust-ui-component-hbargraph > .faust-ui-component-label {
+  flex: 0 0 auto;
+}
+.faust-ui-component.faust-ui-component-hbargraph > .faust-ui-component-hbargraph-flexdiv {
+  position: relative;
+  display: flex;
+  flex-direction: row-reverse;
+  flex: 1 1 auto;
+  width: 100%;
+  height: auto;
+}
+.faust-ui-component.faust-ui-component-hbargraph > .faust-ui-component-hbargraph-flexdiv > .faust-ui-component-hbargraph-canvasdiv {
+  position: relative;
+  display: block;
+  flex: 1 1 auto;
+  height: 100%;
+  margin: auto;
+}
+.faust-ui-component.faust-ui-component-hbargraph > .faust-ui-component-hbargraph-flexdiv > .faust-ui-component-hbargraph-canvasdiv > canvas {
+  position: absolute;
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+.faust-ui-component.faust-ui-component-hbargraph > .faust-ui-component-hbargraph-flexdiv > input {
+  position: relative;
+  display: block;
+  flex: 0 1 auto;
+  text-align: center;
+  background-color: rgba(255, 255, 255, 0.25);
+  margin: auto 5px auto auto;
+  border-width: 0px;
+  border-radius: 4px;
+  width: calc(20% - 13px);
+  padding: 2px 4px;
+}
+/*!********************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Group.scss ***!
+  \********************************************************************************************************************/
+.faust-ui-group {
+  position: absolute;
+  display: block;
+  background-color: rgba(80, 80, 80, 0.75);
+  border-radius: 4px;
+  border: 1px rgba(255, 255, 255, 0.25) solid;
+}
+.faust-ui-group > .faust-ui-group-label {
+  position: relative;
+  margin: 4px;
+  width: calc(100% - 8px);
+  user-select: none;
+}
+.faust-ui-group > .faust-ui-group-label > canvas {
+  position: relative;
+  display: block;
+  max-width: 100%;
+  max-height: 100%;
+}
+.faust-ui-group .faust-ui-tgroup-tabs {
+  position: absolute;
+  display: inline-block;
+}
+.faust-ui-group .faust-ui-tgroup-tabs .faust-ui-tgroup-tab {
+  position: relative;
+  display: inline-block;
+  border-radius: 5px;
+  cursor: pointer;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  user-select: none;
+  margin: 10px;
+  text-align: center;
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.faust-ui-group .faust-ui-tgroup-tabs .faust-ui-tgroup-tab:hover {
+  background-color: rgb(255, 255, 255);
+}
+.faust-ui-group .faust-ui-tgroup-tabs .faust-ui-tgroup-tab.active {
+  background-color: rgb(40, 40, 40);
+  color: white;
+}
+/*!*********************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/index.scss ***!
+  \*********************************************************************************************************/
+.faust-ui-root {
+  margin: 0px auto;
+  flex: 1 0 auto;
+  position: relative !important;
+  background-color: transparent !important;
+  border: none !important;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+/*# sourceMappingURL=index.css.map*/

package/assets/standalone/faust-ui/index.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.css","mappings":";;;AAAA;EACI;EACA;EACA;EACA;AACJ;AAAI;EACI;AAER;AAAI;EACI;EACA;EACA;EACA;AAER;AADQ;EACI;EACA;EACA;EACA;AAGZ;AAAI;EACI;AAER,C;;;;ACvBA;EACI;AACJ;AAAI;EACI;AAER;AAAI;EACI;EACA;EACA;EACA;EACA;EACA;AAER;AADQ;EACI;EACA;EACA;EACA;AAGZ;AAFY;EACI;EACA;EACA;EACA;AAIhB;AADQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGZ;AAFY;EAEI;EACA;AAGhB,C;;;;AC1CI;EACI;AAAR;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;AAAR;AACQ;EACI;EACA;EACA;EACA;EACA;AACZ;AAAY;EACI;EACA;EACA;EACA;AAEhB;AACQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACZ;AAAY;EAEI;EACA;AAChB,C;;;;ACxCA;EACI;AACJ;AAAI;EACI;EACA;EACA;EACA;EACA;EACA;AAER;AADQ;EAEI;AAEZ,C;;;;ACZI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAR;AACQ;EACI;EACA;AACZ,C;;;;ACZI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAR;AACQ;EACI;EACA;AACZ,C;;;;ACbA;EACI;AACJ;AAAI;EACI;EACA;EACA;EACA;EACA;AAER;AAAI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAER;AADQ;EAEI;EACA;AAEZ,C;;;;AC1BA;EACI;AACJ;AAAI;EACI;EACA;EACA;EACA;EACA;EACA;AAER,C;;;;ACVA;EACI;AACJ;AAAI;EACI;EACA;AAER;AAAI;EACI;EACA;EACA;EACA;EACA;EACA;AAER;AADQ;EACI;EACA;EACA;AAGZ,C;;;;ACnBA;EACI;AACJ;AAAI;EACI;AAER;AAAI;EACI;EACA;EACA;EACA;AAER;AADQ;EACI;EACA;EACA;EACA;AAGZ,C;;;;ACjBA;EACI;AACJ;AAAI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAER,C;;;;ACdA;EACI;AACJ;AAAI;EACI;AAER;AAAI;EACI;EACA;EACA;EACA;EACA;EACA;AAER;AADQ;EACI;EACA;EACA;EACA;AAGZ;AAFY;EACI;EACA;EACA;EACA;AAIhB;AADQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGZ,C;;;;ACrCI;EACI;AAAR;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;AAAR;AACQ;EACI;EACA;EACA;EACA;EACA;AACZ;AAAY;EACI;EACA;EACA;EACA;AAEhB;AACQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACZ,C;;;;AClCA;EACI;EACA;EACA;EACA;EACA;AAAJ;AACI;EACI;EACA;EACA;EACA;AACR;AAAQ;EACI;EACA;EACA;EACA;AAEZ;AACI;EACI;EACA;AACR;AAAQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEZ;AADY;EACI;AAGhB;AADY;EACI;EACA;AAGhB,C;;;;ACzCA;EACI;EACA;EACA;EACA;EACA;EACA;AACJ,C","sources":["webpack://@shren/faust-ui/./src/components/Base.scss","webpack://@shren/faust-ui/./src/components/VSlider.scss","webpack://@shren/faust-ui/./src/components/HSlider.scss","webpack://@shren/faust-ui/./src/components/Nentry.scss","webpack://@shren/faust-ui/./src/components/Button.scss","webpack://@shren/faust-ui/./src/components/Checkbox.scss","webpack://@shren/faust-ui/./src/components/Knob.scss","webpack://@shren/faust-ui/./src/components/Menu.scss","webpack://@shren/faust-ui/./src/components/Radio.scss","webpack://@shren/faust-ui/./src/components/Led.scss","webpack://@shren/faust-ui/./src/components/Numerical.scss","webpack://@shren/faust-ui/./src/components/VBargraph.scss","webpack://@shren/faust-ui/./src/components/HBargraph.scss","webpack://@shren/faust-ui/./src/components/Group.scss","webpack://@shren/faust-ui/./src/index.scss"],"sourcesContent":[".faust-ui-component {\n    display: flex;\n    position: absolute;\n    flex-direction: column;\n    overflow: hidden;\n    &:focus {\n        outline: none;\n    }\n    & > .faust-ui-component-label {\n        position: relative;\n        margin-top: 4px;\n        width: 100%;\n        user-select: none;\n        & > canvas {\n            position: relative;\n            display: block;\n            max-width: 100%;\n            max-height: 100%;\n        }\n    }\n    & input {\n        box-shadow: none;\n    }\n}",".faust-ui-component.faust-ui-component-vslider {\n    align-items: center;\n    & > .faust-ui-component-label {\n        flex: 0 0 auto;\n    }\n    & > .faust-ui-component-vslider-flexdiv {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        flex: 1 1 auto;\n        width: 100%;\n        height: auto;\n        & > .faust-ui-component-vslider-canvasdiv {\n            position: relative;\n            display: block;\n            flex: 1 1 auto;\n            width: 100%;\n            & > canvas {\n                position: absolute;\n                display: block;\n                height: 100%;\n                width: 100%;\n            }\n        }\n        & input {\n            position: relative;\n            display: block;\n            flex: 0 1 auto;\n            text-align: center;\n            background-color: rgba(255, 255, 255, 0.25);\n            margin: 5px auto auto auto;\n            border-width: 0px;\n            border-radius: 4px;\n            height: 5%;\n            max-width: calc(100% - 8px);\n            padding: 2px 4px;\n            -moz-appearance:textfield;\n            &::-webkit-inner-spin-button, \n            &::-webkit-outer-spin-button {\n                -webkit-appearance: none;\n                margin: 0;\n            }\n        }\n    }\n}",".faust-ui-component.faust-ui-component-hslider {\n    & > .faust-ui-component-label {\n        flex: 0 0 auto;\n    }\n    & > .faust-ui-component-hslider-flexdiv {\n        position: relative;\n        display: flex;\n        flex-direction: row-reverse;\n        flex: 1 1 auto;\n        width: 100%;\n        height: auto;\n        & > .faust-ui-component-hslider-canvasdiv {\n            position: relative;\n            display: block;\n            flex: 1 1 auto;\n            height: 100%;\n            margin: auto;\n            & > canvas {\n                position: absolute;\n                display: block;\n                height: 100%;\n                width: 100%;\n            }\n        }\n        & > input {\n            position: relative;\n            display: block;\n            flex: 0 1 auto;\n            text-align: center;\n            background-color: rgba(255, 255, 255, 0.25);\n            margin: auto 5px auto auto;\n            border-width: 0px;\n            border-radius: 4px;\n            width: calc(20% - 13px);\n            padding: 2px 4px;\n            -moz-appearance:textfield;\n            &::-webkit-inner-spin-button, \n            &::-webkit-outer-spin-button {\n                -webkit-appearance: none;\n                margin: 0;\n            }\n        }\n    }\n}\n",".faust-ui-component.faust-ui-component-nentry {\n    align-items: center;\n    & input {\n        margin: 0px;\n        text-align: center;\n        border-width: 1px;\n        border-radius: 4px;\n        padding: 2px 4px;\n        width: calc(100% - 8px);\n        &::-webkit-inner-spin-button, \n        &::-webkit-outer-spin-button {\n            opacity: 1;\n        }\n    }\n}",".faust-ui-component.faust-ui-component-button {\n    & > div {\n        display: flex;\n        position: relative;\n        cursor: pointer;\n        border-width: 1px;\n        text-align: center;\n        border-radius: 4px;\n        flex: 1 0 auto;\n        border-style: solid;\n        & > span {\n            user-select: none;\n            margin: auto;\n        }\n    }\n}",".faust-ui-component.faust-ui-component-checkbox {\n    & > div {\n        display: flex;\n        position: relative;\n        cursor: pointer;\n        border-width: 1px;\n        text-align: center;\n        border-radius: 1px;\n        flex: 1 0 auto;\n        border-style: solid;\n        & > span {\n            margin: auto;\n            user-select: none;\n        }\n    }\n}",".faust-ui-component.faust-ui-component-knob {\n    align-items: center;\n    & > canvas {\n        position: relative;\n        display: block;\n        flex: 1 1 auto;\n        min-height: 50%;\n        width: 100%;\n    }\n    & > input {\n        position: relative;\n        display: block;\n        flex: 0 1 auto;\n        text-align: center;\n        background-color: rgba(255, 255, 255, 0.25);\n        margin: 0px;\n        border-width: 0px;\n        border-radius: 4px;\n        max-width: calc(100% - 8px);\n        padding: 2px 4px;\n        -moz-appearance:textfield;\n        &::-webkit-inner-spin-button, \n        &::-webkit-outer-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n        }\n    }\n}",".faust-ui-component.faust-ui-component-menu {\n    align-items: center;\n    & > select {\n        margin: 0px;\n        text-align: center;\n        border-width: 1px;\n        border-radius: 4px;\n        padding: 2px 4px;\n        width: calc(100% - 8px);\n    }\n}",".faust-ui-component.faust-ui-component-radio {\n    align-items: center;\n    & > .faust-ui-component-label {\n        flex: 0 0 auto;\n        margin-top: auto;\n    }\n    & > .faust-ui-component-radio-group {\n        flex: 0 0 auto;\n        margin-bottom: auto;\n        border-width: 1px;\n        border-radius: 4px;\n        padding: 2px 4px;\n        width: calc(100% - 8px);\n        & > div {\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            overflow: hidden;\n        }\n    }\n}",".faust-ui-component.faust-ui-component-led {\n    align-items: center;\n    & > .faust-ui-component-label {\n        flex: 0 0 auto;\n    }\n    & > .faust-ui-component-led-canvasdiv {\n        position: relative;\n        display: block;\n        flex: 1 1 auto;\n        width: 100%;\n        & > canvas {\n            position: absolute;\n            display: block;\n            height: 100%;\n            width: 100%;\n        }\n    }\n}\n",".faust-ui-component.faust-ui-component-numerical {\n    align-items: center;\n    & > input {\n        position: relative;\n        display: block;\n        flex: 0 1 auto;\n        text-align: center;\n        background-color: rgba(255, 255, 255, 0.25);\n        margin: auto;\n        border-width: 0px;\n        border-radius: 4px;\n        width: calc(100% - 8px);\n        padding: 2px 4px;\n    }\n}",".faust-ui-component.faust-ui-component-vbargraph {\n    align-items: center;\n    & > .faust-ui-component-label {\n        flex: 0 0 auto;\n    }\n    & > .faust-ui-component-vbargraph-flexdiv {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        flex: 1 1 auto;\n        width: 100%;\n        height: inherit;\n        & > .faust-ui-component-vbargraph-canvasdiv {\n            position: relative;\n            display: block;\n            flex: 1 1 auto;\n            width: 100%;\n            & > canvas {\n                position: absolute;\n                display: block;\n                height: 100%;\n                width: 100%;\n            }\n        }\n        & > input {\n            position: relative;\n            display: block;\n            flex: 0 1 auto;\n            text-align: center;\n            background-color: rgba(255, 255, 255, 0.25);\n            margin: 5px auto auto auto;\n            border-width: 0px;\n            border-radius: 4px;\n            height: 5%;\n            width: calc(100% - 8px);\n            padding: 2px 4px;\n        }\n    }\n}\n",".faust-ui-component.faust-ui-component-hbargraph {\n    & > .faust-ui-component-label {\n        flex: 0 0 auto;\n    }\n    & > .faust-ui-component-hbargraph-flexdiv {\n        position: relative;\n        display: flex;\n        flex-direction: row-reverse;\n        flex: 1 1 auto;\n        width: 100%;\n        height: auto;\n        & > .faust-ui-component-hbargraph-canvasdiv {\n            position: relative;\n            display: block;\n            flex: 1 1 auto;\n            height: 100%;\n            margin: auto;\n            & > canvas {\n                position: absolute;\n                display: block;\n                height: 100%;\n                width: 100%;\n            }\n        }\n        & > input {\n            position: relative;\n            display: block;\n            flex: 0 1 auto;\n            text-align: center;\n            background-color: rgba(255, 255, 255, 0.25);\n            margin: auto 5px auto auto;\n            border-width: 0px;\n            border-radius: 4px;\n            width: calc(20% - 13px);\n            padding: 2px 4px;\n        }\n    }\n}","\n.faust-ui-group {\n    position: absolute;\n    display: block;\n    background-color: rgba(80, 80, 80, 0.75);\n    border-radius: 4px;\n    border: 1px rgba(255, 255, 255, 0.25) solid;\n    & > .faust-ui-group-label {\n        position: relative;\n        margin: 4px;\n        width: calc(100% - 8px);\n        user-select: none;\n        & > canvas {\n            position: relative;\n            display: block;\n            max-width: 100%;\n            max-height: 100%;\n        }\n    }\n    & .faust-ui-tgroup-tabs {\n        position: absolute;\n        display: inline-block;\n        & .faust-ui-tgroup-tab {\n            position: relative;\n            display: inline-block;\n            border-radius: 5px;\n            cursor: pointer;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            user-select: none;\n            margin: 10px;\n            text-align: center;\n            background-color: rgba(255, 255, 255, 0.5);\n            &:hover {\n                background-color: rgba(255, 255, 255, 1);\n            }\n            &.active {\n                background-color: rgba(40, 40, 40, 1);\n                color: white;\n            }\n        }\n    }\n}",".faust-ui-root {\n    margin: 0px auto;\n    flex: 1 0 auto;\n    position: relative !important;\n    background-color: transparent !important;\n    border: none !important;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}"],"names":[],"sourceRoot":""}

package/assets/standalone/faust-ui/index.d.ts

@@ -0,0 +1 @@
+export * from "@shren/faust-ui";