slexkit 0.2.0 → 0.3.1

package/dist/components/input.js

@@ -25,7 +25,7 @@ import {
   text1 as text,
   user_derived,
   user_effect
-} from "../chunks/accordion-nw12ytps.js";
+} from "../chunks/button-cr1fhsa7.js";
 
 // src/components/entries/input.ts
 import { register } from "../runtime.js";
@@ -117,26 +117,11 @@ function parseEngineeringNumber(input) {
 var nextInputId = 0;
 var root_1 = from_html(`<label class="slex-input-label"> </label>`);
 var root_2 = from_html(`<span class="slex-input-unit" aria-hidden="true"> </span>`);
-var root_3 = from_html(`<span class="slex-input-controls"><button class="slex-input-step" type="button">-</button> <button class="slex-input-step" type="button">+</button></span>`);
-var root_4 = from_html(`<div class="slex-input-description"> </div>`);
-var root_5 = from_html(`<div class="slex-input-error" role="alert"> </div>`);
-var root = from_html(`<div class="slex-input-field"><!> <div class="slex-input-control"><input class="slex-input"/> <!> <!></div> <!> <!></div>`);
+var root_3 = from_html(`<div class="slex-input-description"> </div>`);
+var root_4 = from_html(`<div class="slex-input-error" role="alert"> </div>`);
+var root = from_html(`<div class="slex-input-field"><!> <div class="slex-input-control"><input class="slex-input"/> <!></div> <!> <!></div>`);
 function Input($$anchor, $$props) {
   push($$props, true);
-  const engineeringPrefixFactors = {
-    p: 0.000000000001,
-    n: 0.000000001,
-    u: 0.000001,
-    "µ": 0.000001,
-    "碌": 0.000001,
-    m: 0.001,
-    k: 1000,
-    K: 1000,
-    M: 1e6,
-    meg: 1e6,
-    G: 1e9,
-    T: 1000000000000
-  };
   let p = state(proxy({}));
   let value = state("");
   const fallbackId = `slex-input-${++nextInputId}`;
@@ -148,8 +133,6 @@ function Input($$anchor, $$props) {
   const readonly = user_derived(() => bool(get(p).readonly) || bool(get(p).readOnly));
   const required = user_derived(() => bool(get(p).required));
   const invalid2 = user_derived(() => bool(get(p).invalid) || !!get(errorText));
-  const steppable = user_derived(isSteppableInput);
-  const controls = user_derived(() => get(steppable) && get(p).controls !== false && get(p).controls !== "false");
   const componentId = user_derived(() => safeId($$props.componentName));
   const inputId = user_derived(() => text(get(p).id) || (get(componentId) ? `slex-input-${get(componentId)}` : fallbackId));
   const descriptionId = user_derived(() => `${get(inputId)}-description`);
@@ -160,10 +143,6 @@ function Input($$anchor, $$props) {
     get(descriptionText) ? get(descriptionId) : "",
     get(errorText) ? get(errorId) : ""
   ].filter(Boolean).join(" "));
-  const numericValue = user_derived(readNumericValue);
-  const controlLabel = user_derived(() => get(labelText) || text(get(p).placeholder) || $$props.componentName || "input");
-  const decrementDisabled = user_derived(() => !canStep(-1));
-  const incrementDisabled = user_derived(() => !canStep(1));
   user_effect(() => bindPropStore($$props.props, (next) => {
     set(p, next, true);
     set(value, text(next.value), true);
@@ -174,72 +153,6 @@ function Input($$anchor, $$props) {
   function inputType() {
     return text(get(p).type, "text") === "engineering" ? "text" : text(get(p).type, "text");
   }
-  function isSteppableInput() {
-    const kind = text(get(p).type, "text");
-    return kind === "number" || kind === "engineering" || get(p).min !== undefined || get(p).max !== undefined || get(p).step !== undefined;
-  }
-  function numericProp(input) {
-    if (input === undefined || input === null || input === "")
-      return;
-    const next = Number(input);
-    return Number.isFinite(next) ? next : undefined;
-  }
-  function stepSize() {
-    const next = numericProp(get(p).step);
-    if (next !== undefined && next > 0)
-      return next;
-    if (text(get(p).type, "text") !== "engineering")
-      return 1;
-    const parsed = parseEngineeringNumber(get(value));
-    if (!parsed.valid || !parsed.prefix)
-      return 1;
-    return engineeringPrefixFactors[parsed.prefix] ?? 1;
-  }
-  function readNumericValue() {
-    if (text(get(p).type, "text") === "engineering") {
-      const parsed = parseEngineeringNumber(get(value));
-      return parsed.valid && parsed.number !== null ? parsed.number : null;
-    }
-    const next = Number(get(value));
-    return Number.isFinite(next) ? next : null;
-  }
-  function clamp(next) {
-    const min = numericProp(get(p).min);
-    const max = numericProp(get(p).max);
-    let clamped = next;
-    if (min !== undefined)
-      clamped = Math.max(min, clamped);
-    if (max !== undefined)
-      clamped = Math.min(max, clamped);
-    return clamped;
-  }
-  function canStep(direction) {
-    if (!get(controls) || get(disabled) || get(readonly) || get(numericValue) === null)
-      return false;
-    return clamp(get(numericValue) + direction * stepSize()) !== get(numericValue);
-  }
-  function formatSteppedValue(next) {
-    if (text(get(p).type, "text") !== "engineering")
-      return text(next);
-    const parsed = parseEngineeringNumber(get(value));
-    if (!parsed.valid)
-      return text(next);
-    const factor = parsed.prefix ? engineeringPrefixFactors[parsed.prefix] : undefined;
-    const visibleNumber = factor ? next / factor : next;
-    return `${formatNumber(visibleNumber)}${parsed.prefix}${parsed.unit}`;
-  }
-  function formatNumber(next) {
-    return text(Number(next.toPrecision(12)));
-  }
-  function emitValue(nextValue) {
-    set(value, nextValue, true);
-    emit($$props.ctx, "change", text(get(p).type, "text") === "engineering" ? parseEngineeringNumber(get(value)) : get(value));
-  }
-  function stepBy(direction) {
-    if (!canStep(direction) || get(numericValue) === null)
-      return;
-    emitValue(formatSteppedValue(clamp(get(numericValue) + direction * stepSize())));
-  }
   function update(event) {
     if (get(disabled) || get(readonly))
       return;
@@ -265,9 +178,9 @@ function Input($$anchor, $$props) {
     });
   }
   var div_1 = sibling(node, 2);
-  var input_1 = child(div_1);
-  remove_input_defaults(input_1);
-  var node_1 = sibling(input_1, 2);
+  var input = child(div_1);
+  remove_input_defaults(input);
+  var node_1 = sibling(input, 2);
   {
     var consequent_1 = ($$anchor2) => {
       var span = root_2();
@@ -281,33 +194,11 @@ function Input($$anchor, $$props) {
         $$render(consequent_1);
     });
   }
-  var node_2 = sibling(node_1, 2);
-  {
-    var consequent_2 = ($$anchor2) => {
-      var span_1 = root_3();
-      var button = child(span_1);
-      var button_1 = sibling(button, 2);
-      reset(span_1);
-      template_effect(() => {
-        set_attribute(button, "aria-label", `Decrease ${get(controlLabel)}`);
-        button.disabled = get(decrementDisabled);
-        set_attribute(button_1, "aria-label", `Increase ${get(controlLabel)}`);
-        button_1.disabled = get(incrementDisabled);
-      });
-      delegated("click", button, () => stepBy(-1));
-      delegated("click", button_1, () => stepBy(1));
-      append($$anchor2, span_1);
-    };
-    if_block(node_2, ($$render) => {
-      if (get(controls))
-        $$render(consequent_2);
-    });
-  }
   reset(div_1);
-  var node_3 = sibling(div_1, 2);
+  var node_2 = sibling(div_1, 2);
   {
-    var consequent_3 = ($$anchor2) => {
-      var div_2 = root_4();
+    var consequent_2 = ($$anchor2) => {
+      var div_2 = root_3();
       var text_3 = child(div_2, true);
       reset(div_2);
       template_effect(() => {
@@ -316,15 +207,15 @@ function Input($$anchor, $$props) {
       });
       append($$anchor2, div_2);
     };
-    if_block(node_3, ($$render) => {
+    if_block(node_2, ($$render) => {
       if (get(descriptionText))
-        $$render(consequent_3);
+        $$render(consequent_2);
     });
   }
-  var node_4 = sibling(node_3, 2);
+  var node_3 = sibling(node_2, 2);
   {
-    var consequent_4 = ($$anchor2) => {
-      var div_3 = root_5();
+    var consequent_3 = ($$anchor2) => {
+      var div_3 = root_4();
       var text_4 = child(div_3, true);
       reset(div_3);
       template_effect(() => {
@@ -333,9 +224,9 @@ function Input($$anchor, $$props) {
       });
       append($$anchor2, div_3);
     };
-    if_block(node_4, ($$render) => {
+    if_block(node_3, ($$render) => {
       if (get(errorText))
-        $$render(consequent_4);
+        $$render(consequent_3);
     });
   }
   reset(div);
@@ -344,21 +235,20 @@ function Input($$anchor, $$props) {
     set_attribute(div, "data-required", get(required) ? "true" : undefined);
     set_attribute(div, "data-readonly", get(readonly) ? "true" : undefined);
     set_attribute(div_1, "data-has-unit", get(unitText) ? "true" : undefined);
-    set_attribute(div_1, "data-has-controls", get(controls) ? "true" : undefined);
-    set_attribute(input_1, "id", get(inputId));
-    set_attribute(input_1, "type", $0);
-    set_attribute(input_1, "inputmode", $1);
-    set_attribute(input_1, "name", $2);
-    set_attribute(input_1, "placeholder", $3);
-    input_1.disabled = get(disabled);
-    input_1.readOnly = get(readonly);
-    input_1.required = get(required);
-    set_attribute(input_1, "min", $4);
-    set_attribute(input_1, "max", $5);
-    set_attribute(input_1, "step", $6);
-    set_attribute(input_1, "aria-label", get(computedAriaLabel) || undefined);
-    set_attribute(input_1, "aria-describedby", get(describedBy) || undefined);
-    set_attribute(input_1, "aria-invalid", get(invalid2) ? "true" : undefined);
+    set_attribute(input, "id", get(inputId));
+    set_attribute(input, "type", $0);
+    set_attribute(input, "inputmode", $1);
+    set_attribute(input, "name", $2);
+    set_attribute(input, "placeholder", $3);
+    input.disabled = get(disabled);
+    input.readOnly = get(readonly);
+    input.required = get(required);
+    set_attribute(input, "min", $4);
+    set_attribute(input, "max", $5);
+    set_attribute(input, "step", $6);
+    set_attribute(input, "aria-label", get(computedAriaLabel) || undefined);
+    set_attribute(input, "aria-describedby", get(describedBy) || undefined);
+    set_attribute(input, "aria-invalid", get(invalid2) ? "true" : undefined);
   }, [
     () => inputType(),
     () => text(get(p).type, "text") === "engineering" ? "decimal" : undefined,
@@ -368,12 +258,12 @@ function Input($$anchor, $$props) {
     () => get(p).max === undefined ? undefined : text(get(p).max),
     () => get(p).step === undefined ? undefined : text(get(p).step)
   ]);
-  delegated("input", input_1, update);
-  bind_value(input_1, () => get(value), ($$value) => set(value, $$value));
+  delegated("input", input, update);
+  bind_value(input, () => get(value), ($$value) => set(value, $$value));
   append($$anchor, div);
   pop();
 }
-delegate(["input", "click"]);
+delegate(["input"]);
 
 // src/components/entries/input.ts
 register("input", createSvelteRenderer("input", Input), { state: "value" });

package/dist/components/link.js

@@ -1,6 +1,6 @@
 import {
   InlineIcon
-} from "../chunks/accordion-cw5r75jm.js";
+} from "../chunks/button-xv2dz7vn.js";
 import {
   append,
   bindPropStore,
@@ -21,7 +21,7 @@ import {
   template_effect,
   text1 as text,
   user_effect
-} from "../chunks/accordion-nw12ytps.js";
+} from "../chunks/button-cr1fhsa7.js";
 
 // src/components/entries/link.ts
 import { register } from "../runtime.js";

package/dist/components/progress.js

@@ -1,6 +1,6 @@
 import {
   InlineIcon
-} from "../chunks/accordion-cw5r75jm.js";
+} from "../chunks/button-xv2dz7vn.js";
 import {
   append,
   bindPropStore,
@@ -22,7 +22,7 @@ import {
   template_effect,
   text1 as text,
   user_effect
-} from "../chunks/accordion-nw12ytps.js";
+} from "../chunks/button-cr1fhsa7.js";
 
 // src/components/entries/progress.ts
 import { register } from "../runtime.js";

package/dist/components/radio-group.js

@@ -1,6 +1,6 @@
 import {
   InlineIcon
-} from "../chunks/accordion-cw5r75jm.js";
+} from "../chunks/button-xv2dz7vn.js";
 import {
   append,
   bindPropStore,
@@ -31,7 +31,7 @@ import {
   text1 as text,
   user_derived,
   user_effect
-} from "../chunks/accordion-nw12ytps.js";
+} from "../chunks/button-cr1fhsa7.js";
 
 // src/components/entries/radio-group.ts
 import { register } from "../runtime.js";
@@ -150,6 +150,7 @@ function RadioGroup($$anchor, $$props) {
     reset(label);
     reset(span_1);
     template_effect(($0, $1, $2) => {
+      set_attribute(label, "data-disabled", get(disabled) ? "true" : undefined);
       set_attribute(input, "name", $0);
       set_value(input, $1);
       set_checked(input, get(itemValue) === get(value));

package/dist/components/row.js

@@ -17,7 +17,7 @@ import {
   template_effect,
   text1 as text,
   user_effect
-} from "../chunks/accordion-nw12ytps.js";
+} from "../chunks/button-cr1fhsa7.js";
 
 // src/components/entries/row.ts
 import { register } from "../runtime.js";

package/dist/components/section.js

@@ -1,6 +1,6 @@
 import {
   InlineIcon
-} from "../chunks/accordion-cw5r75jm.js";
+} from "../chunks/button-xv2dz7vn.js";
 import {
   action,
   append,
@@ -23,7 +23,7 @@ import {
   template_effect,
   text1 as text,
   user_effect
-} from "../chunks/accordion-nw12ytps.js";
+} from "../chunks/button-cr1fhsa7.js";
 
 // src/components/entries/section.ts
 import { register } from "../runtime.js";