@xsynaptic/sonic-ui 0.1.0 → 0.3.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 (128) hide show
  1. package/README.md +8 -1
  2. package/dist/default/define/dial.js +7 -0
  3. package/dist/default/define/key.js +7 -0
  4. package/dist/default/define/meter.js +7 -0
  5. package/dist/default/define/number.js +7 -0
  6. package/dist/default/define/segmented.js +7 -0
  7. package/dist/default/define/slider.js +7 -0
  8. package/dist/{define.js → default/define.js} +1 -0
  9. package/dist/default/elements/define-once.js +7 -0
  10. package/dist/default/elements/dial.js +81 -0
  11. package/dist/default/elements/form-element.js +56 -0
  12. package/dist/default/elements/key.js +144 -0
  13. package/dist/{elements → default/elements}/meter.js +27 -16
  14. package/dist/default/elements/number.js +46 -0
  15. package/dist/default/elements/range-element.js +433 -0
  16. package/dist/{elements → default/elements}/range-entry.js +5 -4
  17. package/dist/default/elements/segmented.js +173 -0
  18. package/dist/default/elements/slider.js +99 -0
  19. package/dist/default/elements/sonic-element.js +153 -0
  20. package/dist/{index.js → default/index.js} +3 -1
  21. package/dist/default/lib/copy-node.js +30 -0
  22. package/dist/default/lib/percent.js +12 -0
  23. package/dist/default/lib/read-px-property.js +8 -0
  24. package/dist/{lib → default/lib}/render.js +9 -2
  25. package/dist/{lib → default/lib}/taper.js +4 -2
  26. package/dist/default/lib/write-attribute.js +11 -0
  27. package/dist/dev/define/dial.js.map +1 -0
  28. package/dist/dev/define/key.js.map +1 -0
  29. package/dist/dev/define/meter.js.map +1 -0
  30. package/dist/dev/define/number.d.ts +2 -0
  31. package/dist/dev/define/number.js +8 -0
  32. package/dist/dev/define/number.js.map +1 -0
  33. package/dist/dev/define/segmented.js.map +1 -0
  34. package/dist/dev/define/slider.js.map +1 -0
  35. package/dist/{define.d.ts → dev/define.d.ts} +3 -1
  36. package/dist/dev/define.js +6 -0
  37. package/dist/dev/elements/define-once.js.map +1 -0
  38. package/dist/{elements → dev/elements}/dial.d.ts +7 -0
  39. package/dist/{elements → dev/elements}/dial.js +31 -6
  40. package/dist/dev/elements/dial.js.map +1 -0
  41. package/dist/dev/elements/form-element.d.ts +22 -0
  42. package/dist/dev/elements/form-element.js +57 -0
  43. package/dist/dev/elements/form-element.js.map +1 -0
  44. package/dist/dev/elements/key.d.ts +30 -0
  45. package/dist/{elements → dev/elements}/key.js +71 -25
  46. package/dist/dev/elements/key.js.map +1 -0
  47. package/dist/{elements → dev/elements}/meter.d.ts +6 -0
  48. package/dist/dev/elements/meter.js +131 -0
  49. package/dist/dev/elements/meter.js.map +1 -0
  50. package/dist/dev/elements/number.d.ts +16 -0
  51. package/dist/dev/elements/number.js +47 -0
  52. package/dist/dev/elements/number.js.map +1 -0
  53. package/dist/dev/elements/range-element.d.ts +56 -0
  54. package/dist/{elements → dev/elements}/range-element.js +153 -67
  55. package/dist/dev/elements/range-element.js.map +1 -0
  56. package/dist/dev/elements/range-entry.js +75 -0
  57. package/dist/dev/elements/range-entry.js.map +1 -0
  58. package/dist/{elements → dev/elements}/segmented.d.ts +5 -2
  59. package/dist/dev/elements/segmented.js +174 -0
  60. package/dist/dev/elements/segmented.js.map +1 -0
  61. package/dist/{elements → dev/elements}/slider.d.ts +8 -0
  62. package/dist/{elements → dev/elements}/slider.js +37 -7
  63. package/dist/dev/elements/slider.js.map +1 -0
  64. package/dist/dev/elements/sonic-element.d.ts +33 -0
  65. package/dist/dev/elements/sonic-element.js +169 -0
  66. package/dist/dev/elements/sonic-element.js.map +1 -0
  67. package/dist/{index.d.ts → dev/index.d.ts} +3 -1
  68. package/dist/dev/index.js +9 -0
  69. package/dist/dev/lib/copy-node.js +31 -0
  70. package/dist/dev/lib/copy-node.js.map +1 -0
  71. package/dist/dev/lib/percent.d.ts +5 -0
  72. package/dist/dev/lib/percent.js +13 -0
  73. package/dist/dev/lib/percent.js.map +1 -0
  74. package/dist/dev/lib/read-px-property.js.map +1 -0
  75. package/dist/dev/lib/render.js +27 -0
  76. package/dist/dev/lib/render.js.map +1 -0
  77. package/dist/dev/lib/taper.js +36 -0
  78. package/dist/dev/lib/taper.js.map +1 -0
  79. package/dist/dev/lib/write-attribute.js.map +1 -0
  80. package/dist/skins/ivory.css +3 -3
  81. package/dist/skins/slate.css +4 -4
  82. package/dist/styles/controls.css +2 -1
  83. package/dist/styles/dial.css +70 -16
  84. package/dist/styles/key.css +71 -11
  85. package/dist/styles/led.css +75 -0
  86. package/dist/styles/material.css +154 -25
  87. package/dist/styles/meter.css +44 -8
  88. package/dist/styles/number.css +81 -0
  89. package/dist/styles/screen.css +6 -33
  90. package/dist/styles/segmented.css +45 -7
  91. package/dist/styles/slider.css +68 -4
  92. package/package.json +16 -13
  93. package/dist/define/dial.js.map +0 -1
  94. package/dist/define/key.js.map +0 -1
  95. package/dist/define/meter.js.map +0 -1
  96. package/dist/define/segmented.js.map +0 -1
  97. package/dist/define/slider.js.map +0 -1
  98. package/dist/elements/define-once.js.map +0 -1
  99. package/dist/elements/dial.js.map +0 -1
  100. package/dist/elements/key.d.ts +0 -17
  101. package/dist/elements/key.js.map +0 -1
  102. package/dist/elements/meter.js.map +0 -1
  103. package/dist/elements/range-element.d.ts +0 -32
  104. package/dist/elements/range-element.js.map +0 -1
  105. package/dist/elements/range-entry.js.map +0 -1
  106. package/dist/elements/segmented.js +0 -104
  107. package/dist/elements/segmented.js.map +0 -1
  108. package/dist/elements/slider.js.map +0 -1
  109. package/dist/elements/sonic-element.d.ts +0 -20
  110. package/dist/elements/sonic-element.js +0 -94
  111. package/dist/elements/sonic-element.js.map +0 -1
  112. package/dist/lib/read-px-property.js.map +0 -1
  113. package/dist/lib/render.js.map +0 -1
  114. package/dist/lib/taper.js.map +0 -1
  115. package/dist/lib/write-attribute.js.map +0 -1
  116. /package/dist/{define → dev/define}/dial.d.ts +0 -0
  117. /package/dist/{define → dev/define}/dial.js +0 -0
  118. /package/dist/{define → dev/define}/key.d.ts +0 -0
  119. /package/dist/{define → dev/define}/key.js +0 -0
  120. /package/dist/{define → dev/define}/meter.d.ts +0 -0
  121. /package/dist/{define → dev/define}/meter.js +0 -0
  122. /package/dist/{define → dev/define}/segmented.d.ts +0 -0
  123. /package/dist/{define → dev/define}/segmented.js +0 -0
  124. /package/dist/{define → dev/define}/slider.d.ts +0 -0
  125. /package/dist/{define → dev/define}/slider.js +0 -0
  126. /package/dist/{elements → dev/elements}/define-once.js +0 -0
  127. /package/dist/{lib → dev/lib}/read-px-property.js +0 -0
  128. /package/dist/{lib → dev/lib}/write-attribute.js +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"render.js","names":[],"sources":["../../src/lib/render.ts"],"sourcesContent":["export function requireChild<Child extends Element>(\n\troot: Element,\n\tselector: string,\n\tchild: new () => Child,\n): Child {\n\tconst found = root.querySelector(selector);\n\tif (!(found instanceof child)) throw new Error(`A template is missing its ${selector}`);\n\n\treturn found;\n}\n\nexport function template<Root extends Element>(html: string, root: new () => Root): () => Root {\n\tconst parsed = document.createElement('template');\n\n\tparsed.innerHTML = html;\n\n\treturn () => {\n\t\tconst clone = document.importNode(parsed.content, true).firstElementChild;\n\t\tif (!(clone instanceof root)) throw new Error(`A template's root is not a ${root.name}`);\n\n\t\treturn clone;\n\t};\n}\n"],"mappings":";AAAA,SAAgB,aACf,MACA,UACA,OACQ;CACR,MAAM,QAAQ,KAAK,cAAc,QAAQ;CACzC,IAAI,EAAE,iBAAiB,QAAQ,MAAM,IAAI,MAAM,6BAA6B,UAAU;CAEtF,OAAO;AACR;AAEA,SAAgB,SAA+B,MAAc,MAAkC;CAC9F,MAAM,SAAS,SAAS,cAAc,UAAU;CAEhD,OAAO,YAAY;CAEnB,aAAa;EACZ,MAAM,QAAQ,SAAS,WAAW,OAAO,SAAS,IAAI,CAAC,CAAC;EACxD,IAAI,EAAE,iBAAiB,OAAO,MAAM,IAAI,MAAM,8BAA8B,KAAK,MAAM;EAEvF,OAAO;CACR;AACD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"taper.js","names":[],"sources":["../../src/lib/taper.ts"],"sourcesContent":["// Positions run 0 to 1 along the travel\nexport interface Taper {\n\tposition: (value: number) => number;\n\tvalue: (position: number) => number;\n}\n\nexport function clampUnit(fraction: number): number {\n\treturn Math.min(1, Math.max(0, fraction));\n}\n\nexport function linearTaper(min: number, max: number): Taper {\n\tconst range = max - min;\n\n\treturn {\n\t\tposition: (value) => (range > 0 ? clampUnit((value - min) / range) : 0),\n\t\tvalue: (position) => min + clampUnit(position) * range,\n\t};\n}\n\nexport function logTaper(min: number, max: number): Taper | undefined {\n\tif (min <= 0 || max <= min) return undefined;\n\n\tconst span = Math.log(max / min);\n\n\treturn {\n\t\tposition: (value) => clampUnit(Math.log(Math.max(min, value) / min) / span),\n\t\tvalue: (position) => min * Math.exp(clampUnit(position) * span),\n\t};\n}\n\n// JUCE's skew: a power curve through `midpoint` at half the travel\nexport function skewTaper(min: number, max: number, midpoint: number): Taper | undefined {\n\tconst range = max - min;\n\tconst proportion = (midpoint - min) / range;\n\n\tif (proportion === 0.5 || !(proportion > 0 && proportion < 1)) return undefined;\n\n\tconst skew = Math.log(0.5) / Math.log(proportion);\n\n\treturn {\n\t\tposition: (value) => clampUnit((value - min) / range) ** skew,\n\t\tvalue: (position) => min + range * clampUnit(position) ** (1 / skew),\n\t};\n}\n"],"mappings":";AAMA,SAAgB,UAAU,UAA0B;CACnD,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,QAAQ,CAAC;AACzC;AAEA,SAAgB,YAAY,KAAa,KAAoB;CAC5D,MAAM,QAAQ,MAAM;CAEpB,OAAO;EACN,WAAW,UAAW,QAAQ,IAAI,WAAW,QAAQ,OAAO,KAAK,IAAI;EACrE,QAAQ,aAAa,MAAM,UAAU,QAAQ,IAAI;CAClD;AACD;AAEA,SAAgB,SAAS,KAAa,KAAgC;CACrE,IAAI,OAAO,KAAK,OAAO,KAAK,OAAO;CAEnC,MAAM,OAAO,KAAK,IAAI,MAAM,GAAG;CAE/B,OAAO;EACN,WAAW,UAAU,UAAU,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,IAAI,IAAI;EAC1E,QAAQ,aAAa,MAAM,KAAK,IAAI,UAAU,QAAQ,IAAI,IAAI;CAC/D;AACD;AAGA,SAAgB,UAAU,KAAa,KAAa,UAAqC;CACxF,MAAM,QAAQ,MAAM;CACpB,MAAM,cAAc,WAAW,OAAO;CAEtC,IAAI,eAAe,MAAO,EAAE,aAAa,KAAK,aAAa,IAAI,OAAO;CAEtE,MAAM,OAAO,KAAK,IAAI,EAAG,IAAI,KAAK,IAAI,UAAU;CAEhD,OAAO;EACN,WAAW,UAAU,WAAW,QAAQ,OAAO,KAAK,KAAK;EACzD,QAAQ,aAAa,MAAM,QAAQ,UAAU,QAAQ,MAAM,IAAI;CAChE;AACD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"write-attribute.js","names":[],"sources":["../../src/lib/write-attribute.ts"],"sourcesContent":["export function writeAttribute(element: Element, name: string, value: string | undefined): void {\n\tif (value === undefined) {\n\t\telement.removeAttribute(name);\n\t\treturn;\n\t}\n\n\telement.setAttribute(name, value);\n}\n"],"mappings":";AAAA,SAAgB,eAAe,SAAkB,MAAc,OAAiC;CAC/F,IAAI,UAAU,QAAW;EACxB,QAAQ,gBAAgB,IAAI;EAC5B;CACD;CAEA,QAAQ,aAAa,MAAM,KAAK;AACjC"}
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes