@stanko/ctrls 0.3.0 → 0.3.1

package/README.md

@@ -423,7 +423,7 @@ Thank you for stopping by! If you end up using Ctrls, please let me know, I woul
 * [x] On input event / handler
 * [x] Revisit naming `controls` vs `options` vs `values`
 * [x] Remove lucide as a dependency, swap with local SVGs
-* [x] Add Aleas PRNG instead of seedrandom
+* [x] Add Alea PRNG instead of seedrandom
 * [x] Storage options - none
 * [x] Fix get random value float point error in dual range (modulo with floats)
 * [x] Easing - fix handles jumping to previous positions after selecting preset (no storage)

package/dist/ctrls/ctrl-boolean.d.ts

@@ -7,11 +7,11 @@ export declare class BooleanCtrl implements Ctrl<boolean> {
     label: string;
     value: boolean;
     isRandomizationDisabled: boolean;
-    onChange: CtrlChangeHandler<boolean>;
-    onInput: CtrlChangeHandler<boolean>;
+    onChange: CtrlChangeHandler;
+    onInput: CtrlChangeHandler;
     element: HTMLElement;
     input: HTMLInputElement;
-    constructor(config: CtrlConfig<boolean>, onChange: CtrlChangeHandler<boolean>, onInput: CtrlChangeHandler<boolean>);
+    constructor(config: CtrlConfig<boolean>, onChange: CtrlChangeHandler, onInput: CtrlChangeHandler);
     parse: (string: string) => string is "true";
     getRandomValue: () => boolean;
     getDefaultValue: () => boolean;

package/dist/ctrls/ctrl-boolean.js

@@ -25,11 +25,11 @@ export class BooleanCtrl {
             input.checked = this.value;
             input.addEventListener("change", () => {
                 this.value = input.checked;
-                this.onChange(this.name, this.value);
+                this.onChange(this);
             });
             input.addEventListener("input", () => {
                 this.value = input.checked;
-                this.onInput(this.name, this.value);
+                this.onInput(this);
             });
             const checkmark = document.createElement("span");
             checkmark.classList.add("ctrls__boolean-checkmark");

package/dist/ctrls/ctrl-dual-range.d.ts

@@ -17,8 +17,8 @@ export declare class DualRangeCtrl implements Ctrl<DualRangeValue> {
     label: string;
     value: DualRangeValue;
     isRandomizationDisabled: boolean;
-    onChange: CtrlChangeHandler<DualRangeValue>;
-    onInput: CtrlChangeHandler<DualRangeValue>;
+    onChange: CtrlChangeHandler;
+    onInput: CtrlChangeHandler;
     min: number;
     max: number;
     step: number;
@@ -27,7 +27,7 @@ export declare class DualRangeCtrl implements Ctrl<DualRangeValue> {
     maxInput: HTMLInputElement;
     dualRange: DualRangeInput;
     valueSpan: HTMLSpanElement;
-    constructor(config: ConfigFor<"dual-range">, onChange: CtrlChangeHandler<DualRangeValue>, onInput: CtrlChangeHandler<DualRangeValue>);
+    constructor(config: ConfigFor<"dual-range">, onChange: CtrlChangeHandler, onInput: CtrlChangeHandler);
     parse: (string: string) => {
         min: number;
         max: number;

package/dist/ctrls/ctrl-dual-range.js

@@ -36,7 +36,7 @@ export class DualRangeCtrl {
                     max: parseFloat(maxInput.value),
                 };
                 this.update(this.value);
-                this.onChange(this.name, this.value);
+                this.onChange(this);
             };
             const inputHandler = () => {
                 this.value = {
@@ -44,7 +44,7 @@ export class DualRangeCtrl {
                     max: parseFloat(maxInput.value),
                 };
                 this.update(this.value);
-                this.onInput(this.name, this.value);
+                this.onInput(this);
             };
             const minInput = document.createElement("input");
             minInput.setAttribute("type", "range");

package/dist/ctrls/ctrl-easing.d.ts

@@ -8,8 +8,8 @@ export declare class EasingCtrl implements Ctrl<Easing> {
     label: string;
     value: Easing;
     isRandomizationDisabled: boolean;
-    onChange: CtrlChangeHandler<Easing>;
-    onInput: CtrlChangeHandler<Easing>;
+    onChange: CtrlChangeHandler;
+    onInput: CtrlChangeHandler;
     element: HTMLElement;
     ticks: SVGLineElement[];
     control: HTMLDivElement;
@@ -17,7 +17,7 @@ export declare class EasingCtrl implements Ctrl<Easing> {
     lines: SVGLineElement[];
     path: SVGPathElement;
     presets: Record<string, Easing>;
-    constructor(config: ConfigFor<"easing">, onChange: CtrlChangeHandler<Easing>, onInput: CtrlChangeHandler<Easing>);
+    constructor(config: ConfigFor<"easing">, onChange: CtrlChangeHandler, onInput: CtrlChangeHandler);
     parse: (string: string) => Easing;
     getRandomValue: () => Easing;
     getDefaultValue: () => Easing;

package/dist/ctrls/ctrl-easing.js

@@ -117,14 +117,14 @@ export class EasingCtrl {
                         dragging = false;
                         const newValue = getNewValue(e.clientX, e.clientY);
                         this.value = newValue;
-                        this.onChange(this.name, this.value);
+                        this.onChange(this);
                         this.update();
                     }
                 });
                 document.addEventListener("mousemove", (e) => {
                     if (dragging) {
                         const newValue = getNewValue(e.clientX, e.clientY);
-                        this.onInput(this.name, this.value);
+                        this.onInput(this);
                         this.updateUI(newValue);
                     }
                 });
@@ -145,7 +145,7 @@ export class EasingCtrl {
                     if (dragging) {
                         e.preventDefault();
                         const newValue = getNewValue(e.touches[0].clientX, e.touches[0].clientY);
-                        this.onInput(this.name, this.value);
+                        this.onInput(this);
                         this.updateUI(newValue);
                     }
                 });
@@ -155,7 +155,7 @@ export class EasingCtrl {
                         dragging = false;
                         const newValue = getNewValue(e.changedTouches[0].clientX, e.changedTouches[0].clientY);
                         this.value = newValue;
-                        this.onChange(this.name, this.value);
+                        this.onChange(this);
                         this.update();
                     }
                 });
@@ -175,7 +175,7 @@ export class EasingCtrl {
                         // Cap x values
                         newValue[index] = Math.max(Math.min(newValue[index], 1), 0);
                         this.value = newValue;
-                        this.onChange(this.name, this.value);
+                        this.onChange(this);
                         this.update();
                     }
                 });
@@ -192,7 +192,7 @@ export class EasingCtrl {
                     button.textContent = key.toLowerCase().replace("ease_", "");
                     button.addEventListener("click", () => {
                         this.value = this.presets[key];
-                        this.onChange(this.name, this.value);
+                        this.onChange(this);
                         this.update();
                     });
                     presetButtons.appendChild(button);

package/dist/ctrls/ctrl-radio.d.ts

@@ -15,12 +15,12 @@ export declare class RadioCtrl implements Ctrl<string> {
     label: string;
     value: string;
     isRandomizationDisabled: boolean;
-    onChange: CtrlChangeHandler<string>;
-    onInput: CtrlChangeHandler<string>;
+    onChange: CtrlChangeHandler;
+    onInput: CtrlChangeHandler;
     items: Option[];
     element: HTMLElement;
     columns: 1 | 2 | 3 | 4 | 5;
-    constructor(config: ConfigFor<"radio">, onChange: CtrlChangeHandler<string>, onInput: CtrlChangeHandler<string>);
+    constructor(config: ConfigFor<"radio">, onChange: CtrlChangeHandler, onInput: CtrlChangeHandler);
     parse: (string: string) => string;
     getRandomValue: () => string;
     getDefaultValue: () => string;

package/dist/ctrls/ctrl-radio.js

@@ -29,11 +29,11 @@ export class RadioCtrl {
                 input.checked = item.value === value;
                 input.addEventListener("change", () => {
                     this.value = this.parse(input.value);
-                    this.onChange(this.name, this.value);
+                    this.onChange(this);
                 });
                 input.addEventListener("input", () => {
                     this.value = this.parse(input.value);
-                    this.onInput(this.name, this.value);
+                    this.onInput(this);
                 });
                 const label = document.createElement("span");
                 label.textContent = item.label;

package/dist/ctrls/ctrl-range.d.ts

@@ -7,15 +7,15 @@ export declare class RangeCtrl implements Ctrl<number> {
     label: string;
     value: number;
     isRandomizationDisabled: boolean;
-    onChange: CtrlChangeHandler<number>;
-    onInput: CtrlChangeHandler<number>;
+    onChange: CtrlChangeHandler;
+    onInput: CtrlChangeHandler;
     min: number;
     max: number;
     step: number;
     element: HTMLElement;
     input: HTMLInputElement;
     valueSpan: HTMLSpanElement;
-    constructor(config: ConfigFor<"range">, onChange: CtrlChangeHandler<number>, onInput: CtrlChangeHandler<number>);
+    constructor(config: ConfigFor<"range">, onChange: CtrlChangeHandler, onInput: CtrlChangeHandler);
     parse: (string: string) => number;
     getRandomValue: () => number;
     getDefaultValue: () => number;

package/dist/ctrls/ctrl-range.js

@@ -33,12 +33,12 @@ export class RangeCtrl {
             input.addEventListener("input", () => {
                 this.value = this.parse(input.value);
                 this.update(this.value);
-                this.onInput(this.name, this.value);
+                this.onInput(this);
             });
             input.addEventListener("change", () => {
                 this.value = this.parse(input.value);
                 this.update(this.value);
-                this.onChange(this.name, this.value);
+                this.onChange(this);
             });
             input.addEventListener("input", () => {
                 const value = this.parse(input.value);

package/dist/ctrls/ctrl-seed.d.ts

@@ -7,11 +7,11 @@ export declare class SeedCtrl implements Ctrl<string> {
     label: string;
     value: string;
     isRandomizationDisabled: boolean;
-    onChange: CtrlChangeHandler<string>;
-    onInput: CtrlChangeHandler<string>;
+    onChange: CtrlChangeHandler;
+    onInput: CtrlChangeHandler;
     element: HTMLElement;
     input: HTMLInputElement;
-    constructor(config: CtrlConfig<string>, onChange: CtrlChangeHandler<string>, onInput: CtrlChangeHandler<string>);
+    constructor(config: CtrlConfig<string>, onChange: CtrlChangeHandler, onInput: CtrlChangeHandler);
     parse: (string: string) => string;
     getRandomValue: () => string;
     getDefaultValue: () => string;

package/dist/ctrls/ctrl-seed.js

@@ -30,11 +30,11 @@ export class SeedCtrl {
             input.setAttribute("name", id);
             input.addEventListener("change", () => {
                 this.value = this.parse(input.value);
-                this.onChange(this.name, this.value);
+                this.onChange(this);
             });
             input.addEventListener("input", () => {
                 this.value = this.parse(input.value);
-                this.onInput(this.name, this.value);
+                this.onInput(this);
             });
             const reload = document.createElement("button");
             reload.innerHTML = refreshIcon;
@@ -42,7 +42,7 @@ export class SeedCtrl {
             reload.addEventListener("click", () => {
                 this.value = this.getRandomValue();
                 this.update();
-                this.onChange(this.name, this.getRandomValue());
+                this.onChange(this);
             });
             const right = document.createElement("div");
             right.classList.add("ctrls__control-right");

package/dist/ctrls/index.d.ts

@@ -9,7 +9,7 @@ export interface PRNG {
     (): number;
 }
 export type CtrlType = "boolean" | "range" | "radio" | "seed" | "easing" | "dual-range" | "group";
-export type CtrlChangeHandler<T> = (name: string, value: T) => void;
+export type CtrlChangeHandler = (control: CtrlComponent) => void;
 export type CtrlConfig<T = unknown> = {
     type: CtrlType;
     id?: string;
@@ -26,7 +26,7 @@ export interface Ctrl<T> {
     label: string;
     type: CtrlType;
     isRandomizationDisabled: boolean;
-    onChange: CtrlChangeHandler<T>;
+    onChange: CtrlChangeHandler;
     parse: (value: string) => T;
     getRandomValue: () => T;
     getDefaultValue: () => T;
@@ -130,14 +130,14 @@ export declare class Ctrls<Configs extends readonly ConfigItem[]> {
     onChange?: (updatedValues: Partial<ReturnType<typeof this.getValues>>) => void;
     onInput?: (updatedValues: Partial<ReturnType<typeof this.getValues>>) => void;
     constructor(configs: Configs, options?: ControlsOptions);
-    registerControl: (config: TypedControlConfig, onChangeControlHandler: (name: string, value: unknown) => void, onInputControlHandler: (name: string, value: unknown) => void, group?: string) => void;
+    registerControl: (config: TypedControlConfig, onChangeControlHandler: (control: CtrlComponent) => void, onInputControlHandler: (control: CtrlComponent) => void, group?: string) => void;
     buildUI: () => HTMLDivElement;
     toggleVisibility: () => void;
     addHashListeners: () => void;
     getHash: () => string;
     setHash: () => void;
     updateFromHash: () => void;
-    updateValuesObject(options: any, control: CtrlComponent): void;
+    updateValuesObject(values: any, control: CtrlComponent): void;
     getValues(): OptionsMap<Configs>;
     randomize: () => void;
 }

package/dist/ctrls/index.js

@@ -40,11 +40,11 @@ export class Ctrls {
             // because it is nicer that URL be all lowercase
             config.name = toCamelCase(config.name);
             if (group) {
+                config.group = group;
                 config.id = toCamelCase(`${group}-${config.name}`);
             }
             const ControlComponent = controlMap[config.type];
             const control = new ControlComponent(config, onChangeControlHandler, onInputControlHandler);
-            control.group = group;
             this.controlsMap[control.id] = control;
             this.controls.push(control);
         };
@@ -122,22 +122,22 @@ export class Ctrls {
             const items = [];
             pairs.forEach((pair) => {
                 const [kebabCaseName, value] = pair.split(":");
-                const name = toCamelCase(kebabCaseName);
-                const control = this.controlsMap[name];
+                const id = toCamelCase(kebabCaseName);
+                const control = this.controlsMap[id];
                 if (control) {
                     const parsed = control.parse(value);
                     items.push({
-                        name,
+                        id,
                         value: parsed,
                     });
                 }
             });
             const updatedValues = {};
             items.forEach((item) => {
-                const { name, value } = item;
-                const control = this.controlsMap[name];
+                const { id, value } = item;
+                const control = this.controlsMap[id];
                 if (control && JSON.stringify(value) !== JSON.stringify(control.value)) {
-                    updatedValues[name] = value;
+                    this.updateValuesObject(updatedValues, control);
                     control.update(value);
                 }
             });
@@ -154,7 +154,7 @@ export class Ctrls {
                 }
                 control.value = control.getRandomValue();
                 control.update(control.value);
-                updatedValues[control.name] = control.value;
+                this.updateValuesObject(updatedValues, control);
             });
             if (Object.keys(updatedValues).length > 0) {
                 this.onChange?.(updatedValues);
@@ -170,14 +170,18 @@ export class Ctrls {
             theme: "system",
             ...options,
         };
-        const onChangeControlHandler = (name, value) => {
-            this.onChange?.({ [name]: value });
+        const onChangeControlHandler = (control) => {
+            const updatedValues = {};
+            this.updateValuesObject(updatedValues, control);
+            this.onChange?.(updatedValues);
             if (this.options.storage === "hash") {
                 this.setHash();
             }
         };
-        const onInputControlHandler = (name, value) => {
-            this.onInput?.({ [name]: value });
+        const onInputControlHandler = (control) => {
+            const updatedValues = {};
+            this.updateValuesObject(updatedValues, control);
+            this.onInput?.(updatedValues);
         };
         configs.map((config) => {
             if (config.type === "group") {
@@ -197,28 +201,27 @@ export class Ctrls {
             this.options.parent.appendChild(this.element);
         }
     }
-    updateValuesObject(options, control) {
-        options[control.name] = control.value;
+    updateValuesObject(values, control) {
+        let objectToUpdate = values;
+        if (control.group) {
+            if (!values[control.group]) {
+                values[control.group] = {};
+            }
+            objectToUpdate = values[control.group];
+        }
+        objectToUpdate[control.name] = control.value;
         if (control.type === "easing") {
-            options[control.name + "Easing"] = BezierEasing(...control.value);
+            objectToUpdate[control.name + "Easing"] = BezierEasing(...control.value);
         }
         else if (control.type === "seed") {
-            options[control.name + "Rng"] = Alea(...control.value.split("-"));
+            objectToUpdate[control.name + "Rng"] = Alea(...control.value.split("-"));
         }
     }
     getValues() {
-        const options = {};
+        const values = {};
         this.controls.forEach((control) => {
-            if (control.group) {
-                if (!options[control.group]) {
-                    options[control.group] = {};
-                }
-                this.updateValuesObject(options[control.group], control);
-            }
-            else {
-                this.updateValuesObject(options, control);
-            }
+            this.updateValuesObject(values, control);
         });
-        return options;
+        return values;
     }
 }

package/dist/ctrls.css

@@ -320,22 +320,15 @@
   background: var(--ctrls-btn-hover-bg);
 }
 
-.ctrls__title {
-  border-block-end: 1px solid var(--ctrls-border);
-}
-
 .ctrls__controls {
   display: grid;
-  padding-top: 0.5rem;
+  padding-block: 0.5rem;
+  gap: 0.5rem;
   overflow: auto;
   scrollbar-width: thin;
   scrollbar-color: var(--ctrls-scrollbar-thumb-bg) transparent;
 }
 
-.ctrls__controls > * {
-  margin-bottom: 0.5rem;
-}
-
 .ctrls--hidden .ctrls__controls {
   display: none;
 }
@@ -392,14 +385,15 @@
 
 /* ----- Groups ----- */
 .ctrls__group {
+  margin: 0 0.5rem;
   display: grid;
   gap: 0.5rem;
   padding-block-end: 0.5rem;
-  border-block: 1px solid var(--ctrls-border);
+  border: 1px solid var(--ctrls-border);
+  border-radius: var(--ctrls-radius);
 }
 
 .ctrls__group .ctrls__control {
-  padding-inline-start: 1rem;
   grid-template-columns: calc(var(--ctrls-label-width) - 0.5rem) minmax(0, 1fr);
 }
 

package/dist/ctrls.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../node_modules/@stanko/dual-range-input/dist/index.css","../src/scss/_ctrls.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;;AC3IF;EACE;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EACA;EAEA;EACA;EAGA;EAGA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EAEA;EAEA;EACA;EAEA;EAGA;EAEA;EACA;;;AA+CF;EACE;IA3CA;IAEA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IAGA;IAGA;IACA;IACA;IAGA;IACA;IAGA;IAGA;IAEA;IAGA;IAGA;AAAA;AAAA;;;AAWF;EAhDE;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EAGA;EAGA;AAAA;AAAA;;;AAiBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;AAAA;AAAA;EAEE;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;;AAGF;EACE;EACA;EACA,YACE;;AAIJ;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;;AAOA;EACE;;AAGF;AAAA;AAAA;EAEE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKA;AAAA;EACE;EACA;EACA;;;AAIJ;AAEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAmCJ;EA5BE;EACA;EACA;EACA;EACA;EAEA;;;AA0BF;EAhCE;EACA;EACA;EACA;EACA;EAEA;;;AA8BF;EAtBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAkBA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EAvDE;EACA;EACA;EACA;EACA;EAEA;;;AAqDF;EA7CE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAwCA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EAGE;;AAEA;EACE;;AANJ;EASE;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAEF;EACA;EACA;;AAEA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAIE;EACE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAEA;EACE;EACA","file":"ctrls.css"}
+{"version":3,"sourceRoot":"","sources":["../node_modules/@stanko/dual-range-input/dist/index.css","../src/scss/_ctrls.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;;AC3IF;EACE;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EACA;EAEA;EACA;EAGA;EAGA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EAEA;EAEA;EACA;EAEA;EAGA;EAEA;EACA;;;AA+CF;EACE;IA3CA;IAEA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IAGA;IAGA;IACA;IACA;IAGA;IACA;IAGA;IAGA;IAEA;IAGA;IAGA;AAAA;AAAA;;;AAWF;EAhDE;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EAGA;EAGA;AAAA;AAAA;;;AAiBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;AAAA;AAAA;EAEE;EACA;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;;AAGF;EACE;EACA;EACA,YACE;;AAIJ;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;;AAOA;EACE;;AAGF;AAAA;AAAA;EAEE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKA;AAAA;EACE;EACA;EACA;;;AAIJ;AAEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAmCJ;EA5BE;EACA;EACA;EACA;EACA;EAEA;;;AA0BF;EAhCE;EACA;EACA;EACA;EACA;EAEA;;;AA8BF;EAtBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAkBA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EAvDE;EACA;EACA;EACA;EACA;EAEA;;;AAqDF;EA7CE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAwCA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EAGE;;AAEA;EACE;;AANJ;EASE;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAEF;EACA;EACA;;AAEA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAIE;EACE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAEA;EACE;EACA","file":"ctrls.css"}

package/dist/utils/alea.js

@@ -1,28 +1,35 @@
 // Algorithm by Johannes Baagøe
 // Slim TypeScript version of this implementation:
 // https://github.com/coverslide/node-alea
-const getMash = () => {
-    let n = 0xefc8249d;
-    const mash = (seed) => {
-        for (let i = 0; i < seed.length; i++) {
-            n += seed.charCodeAt(i);
-            let h = 0.02519603282416938 * n;
-            n = h >>> 0;
-            h -= n;
-            h *= n;
-            n = h >>> 0;
-            h -= n;
-            n += h * 0x100000000; // 2^32
-        }
-        return (n >>> 0) * 2.3283064365386963e-10; // 2^-32
-    };
-    return mash;
-};
 const Alea = (...seeds) => {
+    const getMash = () => {
+        let n = 0xefc8249d;
+        const mash = (seed) => {
+            for (let i = 0; i < seed.length; i++) {
+                n += seed.charCodeAt(i);
+                let h = 0.02519603282416938 * n;
+                n = h >>> 0;
+                h -= n;
+                h *= n;
+                n = h >>> 0;
+                h -= n;
+                n += h * 0x100000000; // 2^32
+            }
+            return (n >>> 0) * 2.3283064365386963e-10; // 2^-32
+        };
+        return mash;
+    };
+    const getRandomSeeds = () => {
+        return [
+            Math.random().toString(36).slice(2),
+            Math.random().toString(36).slice(2),
+            Math.random().toString(36).slice(2),
+        ];
+    };
     const mash = getMash();
     const s = [mash(" "), mash(" "), mash(" ")];
     let c = 1;
-    seeds.forEach((seed) => {
+    (seeds || getRandomSeeds()).forEach((seed) => {
         s.forEach((_, i) => {
             s[i] -= mash(seed);
             if (s[i] < 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stanko/ctrls",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "scripts": {
     "test": "vitest",
@@ -20,13 +20,13 @@
   ],
   "devDependencies": {
     "highlight.js": "^11.11.1",
-    "marked": "^16.2.1",
-    "marked-highlight": "^2.2.2",
-    "sass": "^1.92.1",
+    "marked": "^17.0.0",
+    "marked-highlight": "^2.2.3",
+    "sass": "^1.94.0",
     "simplex-noise": "^4.0.3",
-    "typescript": "~5.9.2",
-    "vite": "^7.1.5",
-    "vitest": "^4.0.9"
+    "typescript": "~5.9.3",
+    "vite": "^7.2.2",
+    "vitest": "^4.0.10"
   },
   "dependencies": {
     "@stanko/dual-range-input": "^1.0.1",