@targoninc/jess-components 0.0.21 → 0.0.23

package/dist/index.js

@@ -1,4 +1,54 @@
 // @bun
+// node_modules/uuid/dist/esm/stringify.js
+var byteToHex = [];
+for (let i = 0;i < 256; ++i) {
+  byteToHex.push((i + 256).toString(16).slice(1));
+}
+function unsafeStringify(arr, offset = 0) {
+  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
+// node_modules/uuid/dist/esm/rng.js
+import { randomFillSync } from "crypto";
+var rnds8Pool = new Uint8Array(256);
+var poolPtr = rnds8Pool.length;
+function rng() {
+  if (poolPtr > rnds8Pool.length - 16) {
+    randomFillSync(rnds8Pool);
+    poolPtr = 0;
+  }
+  return rnds8Pool.slice(poolPtr, poolPtr += 16);
+}
+
+// node_modules/uuid/dist/esm/native.js
+import { randomUUID } from "crypto";
+var native_default = { randomUUID };
+
+// node_modules/uuid/dist/esm/v4.js
+function v4(options, buf, offset) {
+  if (native_default.randomUUID && !buf && !options) {
+    return native_default.randomUUID();
+  }
+  options = options || {};
+  const rnds = options.random ?? options.rng?.() ?? rng();
+  if (rnds.length < 16) {
+    throw new Error("Random bytes length must be >= 16");
+  }
+  rnds[6] = rnds[6] & 15 | 64;
+  rnds[8] = rnds[8] & 63 | 128;
+  if (buf) {
+    offset = offset || 0;
+    if (offset < 0 || offset + 16 > buf.length) {
+      throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);
+    }
+    for (let i = 0;i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+    return buf;
+  }
+  return unsafeStringify(rnds);
+}
+var v4_default = v4;
 // node_modules/@targoninc/jess/dist/index.js
 class Signal {
   _callbacks = [];
@@ -861,8 +911,15 @@ function icon(config) {
 }
 function select(config) {
   const options = config.options ?? signal([]);
-  const value = config.value ?? signal(null);
-  return create("div").applyGenericConfig(config).classes("jessc-select", "flex-v", "relative").children(when(config.label, create("label").classes("jess").text(config.label).build()), signalMap(options, create("select").classes("jessc-select-inner").onchange((e) => config.onchange ? config.onchange(e.target.value) : undefined).value(value), (option) => create("option").value(option.id).text(option.name).build())).build();
+  const value$ = config.value ?? signal(null);
+  const selectId = v4_default();
+  function setSelected(value) {
+    const opts = document.querySelectorAll(`select#${selectId} option`);
+    opts.forEach((opt) => opt.selected = opt.value === value);
+  }
+  value$.subscribe(setSelected);
+  setSelected(value$.value);
+  return create("div").applyGenericConfig(config).classes("jessc-select", "flex-v", "relative").children(when(config.label, create("label").classes("jess").text(config.label).build()), signalMap(options, create("select").classes("jessc-select-inner").id(selectId).onchange((e) => config.onchange ? config.onchange(e.target.value) : undefined).value(value$), (option) => create("option").value(option.id).text(option.name).build())).build();
 }
 function searchableSelect(config) {
   const options = config.options ?? signal([]);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@targoninc/jess-components",
   "type": "module",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -17,7 +17,8 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@targoninc/jess": "^0.0.19"
+    "@targoninc/jess": "^0.0.19",
+    "uuid": "^11.1.0"
   },
   "devDependencies": {
     "@types/bun": "latest",