@jamesrock/rockjs 1.36.0 → 1.38.0

package/index.js

@@ -412,6 +412,18 @@ export class DisplayObject {
 		return this;
 
 	};
+	on(event, handler, passive = true) {
+
+    this.node.addEventListener(event, handler, {passive});
+    return this;
+
+  };
+  once(event, handler, passive = true) {
+
+    this.node.addEventListener(event, handler, {passive, once: true});
+    return this;
+
+  };
 	dispatchEvent(event) {
 
 		this.node.dispatchEvent(new Event(event));
@@ -892,7 +904,7 @@ export class SoundManager {
 
     if(!this.buffers[sound]) {
       console.log(`SoundManager: '${sound}' not loaded!`);
-      return;
+      return this;
     };
 
     const source = this.context.createBufferSource();
@@ -907,6 +919,8 @@ export class SoundManager {
 
     source.start();
 
+    return this;
+
   };
   volume(sound, value) {
 
@@ -933,6 +947,75 @@ export class SoundManager {
   };
 };
 
+export class Tempo {
+  constructor() {
+
+    this.taps = [];
+
+  };
+  tap(base = 120) {
+
+    const now = performance.now();
+    this.taps.push(now);
+
+    if(this.taps.length > 1 && now - this.taps[this.taps.length - 2] > 2000) {
+      taps = [now];
+      return base;
+    };
+
+    if(this.taps.length < 2) return base;
+    if(this.taps.length > 10) this.taps.shift();
+
+    const intervals = [];
+    for(let i = 1; i < this.taps.length; i++) {
+      intervals.push(this.taps[i] - this.taps[i - 1]);
+    };
+
+    const averageInterval = intervals.reduce((a, b) => a + b) / intervals.length;
+
+    return floorTo(60000 / averageInterval);
+
+  };
+};
+
+export class Toggle extends DisplayObject {
+  constructor(items, name = '{name}', initialValue, className) {
+
+    super();
+
+    this.node = makeNode('form', className);
+    this.name = name;
+    this.initialValue = initialValue;
+    this.toggle = makeToggle(items, name, initialValue);
+
+    append(this.node)(this.toggle);
+
+  };
+  getValue() {
+
+    const data = new FormData(this.node);
+    return data.get(this.name);
+
+  };
+  getValueAsNumber() {
+
+    return Number(this.getValue());
+
+  };
+  updateItemLabel(value, label) {
+
+    this.toggle.querySelector(`label[for="${this.name}-${value}"]`).innerText = label;
+    return this;
+
+  };
+  scrollIntoView() {
+
+    this.toggle.querySelector(`input[value="${this.initialValue}"]`).scrollIntoView({block: 'center'});
+    return this;
+
+  };
+};
+
 // temporary alias
 export const createNode = makeNode;
 export const createSVGNode = makeSVGNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jamesrock/rockjs",
-  "version": "1.36.0",
+  "version": "1.38.0",
   "description": "utility bliss",
   "license": "ISC",
   "author": "James Rock",