@kitlangton/knobs 0.1.0 → 0.3.0

package/dist/dev/{chunk-qtt698hp.js → chunk-7xgkerd2.js}

@@ -248,6 +248,17 @@ function comboParts2(combo, apple = isApple()) {
 function comboLabel2(combo, apple = isApple()) {
   return comboParts2(combo, apple).join(apple ? "" : "+");
 }
+function isTypingTarget(target) {
+  let el = target;
+  if (!el || typeof el.tagName !== "string")
+    return !1;
+  let tag = el.tagName;
+  if (tag === "SELECT" || el.isContentEditable)
+    return !0;
+  if (tag === "TEXTAREA")
+    return !el.readOnly;
+  return tag === "INPUT" && !el.readOnly && !["range", "checkbox", "radio", "button", "submit", "reset", "color"].includes(el.type);
+}
 
 // src/core/ramp.ts
 var MAX_STOPS = 32, MAX_POINTS = 64, GRADIENT_SAMPLES = 64, CURVE_SAMPLES = 129, clamp = (v, lo, hi) => Math.min(hi, Math.max(lo, v)), finite = (v) => typeof v === "number" && Number.isFinite(v), round4 = (v) => Math.round(v * 1e4) / 1e4 || 0;
@@ -531,11 +542,9 @@ function withMeta(base, meta) {
   return checkShortcut(meta?.shortcut), Object.freeze({ ...base, ...pickMeta(meta) });
 }
 function knob2(value, options) {
-  let step = options.step ?? ((options.max - options.min) / 100 || 1);
-  if (![value, options.min, options.max, step].every(Number.isFinite) || options.max < options.min || step <= 0)
+  if (!Number.isFinite(value))
     throw Error("A knob needs finite bounds and a positive step.");
-  if (options.decimals !== void 0 && !(Number.isInteger(options.decimals) && options.decimals >= 0))
-    throw Error("A knob's decimals must be a whole number.");
+  let step = bounds(options, "A knob");
   checkShortcut(options.shortcut);
   let field = { ...options, kind: "knob", value, step };
   return Object.freeze({ ...field, value: normalizeField(field, value) });
@@ -553,7 +562,15 @@ function choice2(value, options, meta) {
   }, meta);
 }
 function action2(label, meta) {
-  return withMeta({ kind: "action", ...meta?.run ? { run: meta.run } : {} }, { ...meta, ...label !== void 0 ? { label } : {} });
+  let { shortcut, global, rebind, run, ...rest } = meta ?? {}, key = shortcutOf({ ...shortcut ? { shortcut } : {}, ...global ? { global } : {} }), combo = key ? normalizeCombo2(key.key) : "";
+  if (key && !combo)
+    throw Error("An action's shortcut must name a key.");
+  return withMeta({
+    kind: "action",
+    ...run ? { run } : {},
+    ...key ? { shortcut: combo, scope: key.scope } : {},
+    ...rebind ? { rebind: !0 } : {}
+  }, { ...rest, ...label !== void 0 ? { label } : {} });
 }
 function flatSpring2(parts = {}, meta = {}) {
   let id = meta.id ?? meta.label ?? `spring-${++springIds}`, half = (part, input, fallback) => {
@@ -579,7 +596,7 @@ function flatSpring2(parts = {}, meta = {}) {
 }
 var springIds = 0;
 function toggle2(value, meta) {
-  return withMeta({ kind: "toggle", value }, meta);
+  return withMeta({ kind: "toggle", value }, { ...meta, random: meta?.random ?? !1 });
 }
 function spring2(value = {}, meta) {
   let field = { kind: "spring", value: { duration: 0.5, bounce: 0 } };
@@ -722,13 +739,19 @@ function curve2(points, options = {}) {
     ...presets && Object.keys(presets).length ? { presets } : {}
   }, options);
 }
-function toolbarShortcut2(item) {
-  let s = item.shortcut;
+function shortcutOf(o) {
+  let s = o.shortcut;
   if (!s)
     return;
   if (typeof s === "string")
-    return { key: s, scope: item.global ? "page" : "panel" };
-  return s.key ? { key: s.key, scope: s.scope ?? (item.global ? "page" : "panel") } : void 0;
+    return { key: s, scope: o.global ? "page" : "panel" };
+  return s.key ? { key: s.key, scope: s.scope ?? (o.global ? "page" : "panel") } : void 0;
+}
+function toolbarShortcut2(item) {
+  return shortcutOf(item);
+}
+function actionShortcut2(field) {
+  return field.shortcut ? { key: field.shortcut, scope: field.scope ?? "panel" } : void 0;
 }
 function toolbar2(items, meta) {
   if (!items.length)
@@ -1115,4 +1138,4 @@ function urlFlag2(name) {
 }
 var storageKey = (id, part) => `knobs:${encodeURIComponent(id)}:${part}:v1`;
 
-export { __preload, __chunks, maxChroma, oklchToRgb, parseColor2, fitColor, formatColor, colorHex2, EASINGS2, EASING_Y, easingName, bezierPoint2, bezierCss2, normalizeCombo2, letterOf2, comboFromEvent2, heldMods, matchesCombo2, comboParts2, comboLabel2, GRADIENT_SAMPLES, sampleGradient2, gradientSamples, gradientCss2, stopColorAt, sampleCurve2, curveSamples, CURVE_SHAPES2, inRange, sameRamp, randomStops, mutateStops, randomPoints, mutatePoints, pickMeta, isReadout2, hasValue2, SPRING2, valueKeys, knob2, choice2, action2, flatSpring2, toggle2, spring2, color2, point2, easing2, vec22, vec32, range2, angle2, seed2, keybind2, gradient2, curve2, toolbarShortcut2, toolbar2, watch2, sparkline2, graph2, meter2, table2, log2, wrapAngle2, normalizeField, normalize, isRecord, same, equal, Spring, springMotion2, springResponse, springEasing, springCss2, RESHAPE, RESET_KEYS, REFRESHES, readoutState, pushReadout, READOUT, memoryStorage2, browserStorage, urlFlag2, storageKey };
+export { __preload, __chunks, maxChroma, oklchToRgb, parseColor2, fitColor, formatColor, colorHex2, EASINGS2, EASING_Y, easingName, bezierPoint2, bezierCss2, normalizeCombo2, letterOf2, comboFromEvent2, heldMods, matchesCombo2, comboParts2, comboLabel2, isTypingTarget, GRADIENT_SAMPLES, sampleGradient2, gradientSamples, gradientCss2, stopColorAt, sampleCurve2, curveSamples, CURVE_SHAPES2, inRange, sameRamp, randomStops, mutateStops, randomPoints, mutatePoints, pickMeta, isReadout2, hasValue2, SPRING2, valueKeys, knob2, choice2, action2, flatSpring2, toggle2, spring2, color2, point2, easing2, vec22, vec32, range2, angle2, seed2, keybind2, gradient2, curve2, toolbarShortcut2, actionShortcut2, toolbar2, watch2, sparkline2, graph2, meter2, table2, log2, wrapAngle2, normalizeField, normalize, isRecord, same, equal, Spring, springMotion2, springResponse, springEasing, springCss2, RESHAPE, RESET_KEYS, REFRESHES, readoutState, pushReadout, READOUT, memoryStorage2, browserStorage, urlFlag2, storageKey };