@selvajs/selva 4.2.1 → 4.3.0

package/build/server/chunks/{_page.svelte-Dp_jpQFu.js → _page.svelte-6m8-zq9_.js}

@@ -2,7 +2,7 @@ import { clsx } from 'clsx';
 import { GrasshopperResponseProcessor } from '@selvajs/compute';
 import { as as run, av as setContext, Y as getContext, o as attr_style, I as derived, aa as is_array, $ as get_prototype_of, ak as object_prototype, n as attr_class, aD as stringify, T as escape_html, q as bind_props, aA as spread_props, Q as ensure_array_like, an as props_id, p as attributes, a2 as hasContext, v as clsx$1, m as attr } from './renderer-x4cX3Aau.js';
 import { S as Server } from './server-C3-deqCy.js';
-import { A as AppShell, T as Triangle_alert, U as UserChip, D as Dialog_trigger, f as formatFileSize, g as getBase64FileSize, i as isFileData, M as MIME_BY_EXT, C as Chevron_right, d as downloadFiles } from './UserChip-CFEkil-Y.js';
+import { a as AppShell, T as Triangle_alert, U as UserChip, D as Dialog_trigger, f as formatFileSize, g as getBase64FileSize, i as isFileData, M as MIME_BY_EXT, C as Chevron_right, d as downloadFiles, A as APP_DEFAULTS } from './UserChip-fy4ucYa9.js';
 import { p as page } from './index-CtiRmlms.js';
 import { o as onDestroy, t as tick } from './index-server2-BiZ3ccb0.js';
 import { F as FOOTER_CONTEXT_KEY, w as watch } from './footerContext.svelte-oP__zW9C.js';
@@ -7350,6 +7350,9 @@ function isTextWidget(item) {
 function isDropdownWidget(item) {
   return item.type === "input" && item.widgetType === "dropdown";
 }
+function isDynamicValueListWidget(item) {
+  return item.type === "input" && item.widgetType === "dynamicValueList";
+}
 function isCheckboxWidget(item) {
   return item.type === "input" && item.widgetType === "checkbox";
 }
@@ -7788,6 +7791,10 @@ function FileInput($$renderer, $$props) {
         alert(`File format not accepted: ${fileEnding}`);
         return;
       }
+      if (file.size > APP_DEFAULTS.FILE_UPLOAD.MAX_SIZE_BYTES) {
+        alert(`File too large: ${(file.size / 1024 / 1024).toFixed(2)}MB (max ${APP_DEFAULTS.FILE_UPLOAD.MAX_SIZE_MB}MB).`);
+        return;
+      }
       uploadedFileName = file.name;
       const reader = new FileReader();
       reader.onload = (e) => {
@@ -8202,7 +8209,8 @@ function InputControl($$renderer, $$props) {
       value = void 0,
       displayName,
       onChange,
-      disabled = false
+      disabled = false,
+      dynamicOptions
     } = $$props;
     const inputId = derived(() => `input-${item.paramId}`);
     const label = derived(() => displayName || item.displayName || item.paramId);
@@ -8224,6 +8232,14 @@ function InputControl($$renderer, $$props) {
       return `≤ ${cfg.maximum}`;
     });
     const showRangeInLabel = derived(() => isNumberWidget(item) && numberRangeHint() !== null);
+    const dynamicListConfig = derived(() => isDynamicValueListWidget(item) ? item.config : void 0);
+    const dynamicListOptions = derived(() => dynamicOptions && Object.keys(dynamicOptions).length > 0 ? dynamicOptions : Object.fromEntries(Object.entries(dynamicListConfig()?.defaultOptions ?? {}).filter((entry) => entry[1] !== void 0)));
+    const dynamicListHasOptions = derived(() => Object.keys(dynamicListOptions()).length > 0);
+    const dynamicListAsDropdownConfig = derived(() => ({
+      options: dynamicListOptions(),
+      displayAs: dynamicListConfig()?.displayAs ?? "dropdown"
+    }));
+    const hideDynamicListWhenEmpty = derived(() => isDynamicValueListWidget(item) && !dynamicListHasOptions() && (dynamicListConfig()?.emptyBehavior ?? "hide") === "hide");
     function commit(newValue) {
       value = newValue;
       onChange(item.paramId, newValue);
@@ -8242,8 +8258,8 @@ function InputControl($$renderer, $$props) {
         $$renderer2.push("<!--[-1-->");
       }
       $$renderer2.push(`<!--]-->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
+    } else if (!hideDynamicListWhenEmpty()) {
+      $$renderer2.push("<!--[1-->");
       if (Field) {
         $$renderer2.push("<!--[-->");
         Field($$renderer2, {
@@ -8406,8 +8422,36 @@ function InputControl($$renderer, $$props) {
                 });
               }
               $$renderer3.push(`<!--]-->`);
-            } else if (isFileWidget(item)) {
+            } else if (isDynamicValueListWidget(item)) {
               $$renderer3.push("<!--[4-->");
+              if (dynamicListHasOptions()) {
+                $$renderer3.push("<!--[0-->");
+                if (dynamicListAsDropdownConfig().displayAs === "checklist") {
+                  $$renderer3.push("<!--[0-->");
+                  ChecklistInput($$renderer3, {
+                    inputId: inputId(),
+                    value: Array.isArray(value) ? value : typeof value === "string" && value ? [value] : [],
+                    config: dynamicListAsDropdownConfig(),
+                    onChange: commit,
+                    disabled
+                  });
+                } else {
+                  $$renderer3.push("<!--[-1-->");
+                  DropdownInput($$renderer3, {
+                    value: typeof value === "string" ? value : "",
+                    config: dynamicListAsDropdownConfig(),
+                    onChange: commit,
+                    disabled
+                  });
+                }
+                $$renderer3.push(`<!--]-->`);
+              } else {
+                $$renderer3.push("<!--[-1-->");
+                $$renderer3.push(`<p class="text-sm text-muted-foreground">No options available yet.</p>`);
+              }
+              $$renderer3.push(`<!--]-->`);
+            } else if (isFileWidget(item)) {
+              $$renderer3.push("<!--[5-->");
               const config = item.config;
               FileInput($$renderer3, {
                 value: typeof value === "string" ? value : "",
@@ -8417,7 +8461,7 @@ function InputControl($$renderer, $$props) {
                 allowedInputModes: config?.allowedInputModes
               });
             } else if (isColorWidget(item)) {
-              $$renderer3.push("<!--[5-->");
+              $$renderer3.push("<!--[6-->");
               ColorInput($$renderer3, {
                 value: typeof value === "string" ? value : "#000000"
               });
@@ -8433,6 +8477,8 @@ function InputControl($$renderer, $$props) {
         $$renderer2.push("<!--[!-->");
         $$renderer2.push("<!--]-->");
       }
+    } else {
+      $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]-->`);
     bind_props($$props, { value });
@@ -8819,61 +8865,67 @@ function OutputDisplay($$renderer, $$props) {
       }
       $$renderer3.push(`<!--]-->`);
     }
-    $$renderer2.push(`<div class="gap-2 flex flex-col">`);
-    fieldHeader($$renderer2);
-    $$renderer2.push(`<!----> `);
-    if (item.widgetType === "chart") {
+    if (item.widgetType !== "dynamicValueList") {
       $$renderer2.push("<!--[0-->");
-      ChartOutput($$renderer2, {
-        value: typeof value === "string" ? value : value != null ? JSON.stringify(value) : ""
-      });
-    } else if (item.widgetType === "image") {
-      $$renderer2.push("<!--[1-->");
-      ImageOutput($$renderer2, { item, value });
-    } else if (item.widgetType === "file") {
-      $$renderer2.push("<!--[2-->");
-      fileDisplay($$renderer2);
-    } else if (item.widgetType === "number") {
-      $$renderer2.push("<!--[3-->");
-      $$renderer2.push(`<div${attr_class(`${stringify(boxClass)} flex items-center bg-muted/50 wrap-break-word`)}>`);
-      if (hasValue()) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<span class="font-bold text-primary">${escape_html(formattedValue())}</span>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-        placeholder($$renderer2);
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    } else if (item.widgetType === "text") {
-      $$renderer2.push("<!--[4-->");
-      $$renderer2.push(`<div class="group relative">`);
-      if (isObjectValue()) {
+      $$renderer2.push(`<div class="gap-2 flex flex-col">`);
+      fieldHeader($$renderer2);
+      $$renderer2.push(`<!----> `);
+      if (item.widgetType === "chart") {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<pre${attr_class(`${stringify(boxClass)} overflow-wrap-anywhere max-h-96 overflow-auto bg-muted/10 text-foreground`)}>${escape_html(formattedValue())}</pre>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-        $$renderer2.push(`<div${attr_class(`${stringify(boxClass)} overflow-wrap-anywhere bg-muted/10 wrap-break-word whitespace-pre-wrap text-foreground`)}>`);
+        ChartOutput($$renderer2, {
+          value: typeof value === "string" ? value : value != null ? JSON.stringify(value) : ""
+        });
+      } else if (item.widgetType === "image") {
+        $$renderer2.push("<!--[1-->");
+        ImageOutput($$renderer2, { item, value });
+      } else if (item.widgetType === "file") {
+        $$renderer2.push("<!--[2-->");
+        fileDisplay($$renderer2);
+      } else if (item.widgetType === "number") {
+        $$renderer2.push("<!--[3-->");
+        $$renderer2.push(`<div${attr_class(`${stringify(boxClass)} flex items-center bg-muted/50 wrap-break-word`)}>`);
         if (hasValue()) {
           $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`${escape_html(value)}`);
+          $$renderer2.push(`<span class="font-bold text-primary">${escape_html(formattedValue())}</span>`);
         } else {
           $$renderer2.push("<!--[-1-->");
           placeholder($$renderer2);
         }
         $$renderer2.push(`<!--]--></div>`);
-      }
-      $$renderer2.push(`<!--]--> `);
-      if (hasValue()) {
-        $$renderer2.push("<!--[0-->");
-        Button($$renderer2, {
-          onclick: copyToClipboard,
-          class: `right-2 top-2 absolute transition-opacity ${stringify(copied ? "opacity-100" : "opacity-0 group-hover:opacity-100")}`,
-          size: "sm",
-          children: ($$renderer3) => {
-            $$renderer3.push(`<!---->${escape_html(copied ? "Copied!" : "Copy")}`);
-          },
-          $$slots: { default: true }
-        });
+      } else if (item.widgetType === "text") {
+        $$renderer2.push("<!--[4-->");
+        $$renderer2.push(`<div class="group relative">`);
+        if (isObjectValue()) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<pre${attr_class(`${stringify(boxClass)} overflow-wrap-anywhere max-h-96 overflow-auto bg-muted/10 text-foreground`)}>${escape_html(formattedValue())}</pre>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          $$renderer2.push(`<div${attr_class(`${stringify(boxClass)} overflow-wrap-anywhere bg-muted/10 wrap-break-word whitespace-pre-wrap text-foreground`)}>`);
+          if (hasValue()) {
+            $$renderer2.push("<!--[0-->");
+            $$renderer2.push(`${escape_html(value)}`);
+          } else {
+            $$renderer2.push("<!--[-1-->");
+            placeholder($$renderer2);
+          }
+          $$renderer2.push(`<!--]--></div>`);
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (hasValue()) {
+          $$renderer2.push("<!--[0-->");
+          Button($$renderer2, {
+            onclick: copyToClipboard,
+            class: `right-2 top-2 absolute transition-opacity ${stringify(copied ? "opacity-100" : "opacity-0 group-hover:opacity-100")}`,
+            size: "sm",
+            children: ($$renderer3) => {
+              $$renderer3.push(`<!---->${escape_html(copied ? "Copied!" : "Copy")}`);
+            },
+            $$slots: { default: true }
+          });
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -8881,7 +8933,7 @@ function OutputDisplay($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--></div>`);
+    $$renderer2.push(`<!--]-->`);
   });
 }
 function TabContent($$renderer, $$props) {
@@ -8893,7 +8945,8 @@ function TabContent($$renderer, $$props) {
       onToggleGroup,
       onValueChange,
       inputs,
-      outputs
+      outputs,
+      dynamicOptions = {}
     } = $$props;
     function getInputById(paramId) {
       return inputs.find((i) => i.id === paramId);
@@ -8910,7 +8963,8 @@ function TabContent($$renderer, $$props) {
           value: values[input.id],
           displayName: layoutItem.displayName,
           onChange: onValueChange,
-          disabled: visibility.disabled
+          disabled: visibility.disabled,
+          dynamicOptions: dynamicOptions[input.id]
         });
       } else {
         $$renderer3.push("<!--[-1-->");
@@ -8990,14 +9044,63 @@ function TabContent($$renderer, $$props) {
     }
   });
 }
+function isDynamicValueListPayload(value) {
+  return typeof value === "object" && value !== null && ("targetInputId" in value || "options" in value);
+}
+function coercePayload(value) {
+  if (isDynamicValueListPayload(value))
+    return value;
+  let candidate = value;
+  for (let i = 0; i < 2 && typeof candidate === "string"; i++) {
+    try {
+      candidate = JSON.parse(candidate);
+    } catch {
+      return null;
+    }
+    if (isDynamicValueListPayload(candidate))
+      return candidate;
+  }
+  return null;
+}
+function collectDynamicValueListSources(schema) {
+  const byId = /* @__PURE__ */ new Map();
+  for (const item of getLayoutItems(schema)) {
+    if (item.type !== "output" || item.widgetType !== "dynamicValueList")
+      continue;
+    const dvl = item;
+    if (typeof dvl.paramId !== "string")
+      continue;
+    byId.set(dvl.paramId, { id: dvl.paramId, targetInputId: dvl.config?.targetInputId });
+  }
+  for (const output of schema.outputs ?? []) {
+    if (output.type !== "dynamicValueList")
+      continue;
+    byId.set(output.id, { id: output.id, targetInputId: output.targetInputId });
+  }
+  return [...byId.values()];
+}
+function buildDynamicValueListOptions(schema, values) {
+  const result = {};
+  for (const source of collectDynamicValueListSources(schema)) {
+    const payload = coercePayload(values[source.id]);
+    if (!payload)
+      continue;
+    const targetInputId = payload.targetInputId ?? source.targetInputId;
+    if (!targetInputId)
+      continue;
+    if (payload.options && typeof payload.options === "object") {
+      result[targetInputId] = payload.options;
+    }
+  }
+  return result;
+}
 function TabLayout($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
       schema,
-      values = void 0,
+      values,
       onValueChange,
-      panelFilter,
-      requestedTabId = null
+      panelFilter
     } = $$props;
     let activeTabId = "";
     let collapsedGroups = {};
@@ -9006,6 +9109,7 @@ function TabLayout($$renderer, $$props) {
       return panelFilter === "right" ? tab.position === "right" : tab.position !== "right";
     }) : []);
     const showTabBar = derived(() => visibleTabs().length > 1);
+    const dynamicOptions = derived(() => buildDynamicValueListOptions(schema, values));
     function toggleGroup(groupId) {
       collapsedGroups[groupId] = !collapsedGroups[groupId];
     }
@@ -9040,7 +9144,8 @@ function TabLayout($$renderer, $$props) {
                     onToggleGroup: toggleGroup,
                     onValueChange,
                     inputs: schema.inputs,
-                    outputs: schema.outputs
+                    outputs: schema.outputs,
+                    dynamicOptions: dynamicOptions()
                   });
                 }
                 $$renderer4.push(`<!--]-->`);
@@ -9060,7 +9165,6 @@ function TabLayout($$renderer, $$props) {
       $$renderer2.push("<!--[!-->");
       $$renderer2.push("<!--]-->");
     }
-    bind_props($$props, { values });
   });
 }
 function CollapsedPanelStrip($$renderer, $$props) {
@@ -9878,25 +9982,13 @@ function AppLayout($$renderer, $$props) {
     const layoutKey = derived(() => `${hasLeftPanel() ? "L" : ""}${hasViewer() ? "V" : ""}${hasRightPanel() ? "R" : ""}`);
     async function handleLoadValues(loadedValues) {
       Object.assign(values, loadedValues);
-      await onLoadValues?.();
+      await onLoadValues?.(loadedValues);
     }
     function panelContent($$renderer3, panelFilter, requestedTabId, showParameterStateManager = true, showCalculateButton = true) {
       $$renderer3.push(`<div class="panel-content-wrapper svelte-1txzu1i">`);
       if (schema.layout.type === "tabbed") {
         $$renderer3.push("<!--[0-->");
-        TabLayout($$renderer3, {
-          schema,
-          onValueChange,
-          panelFilter,
-          requestedTabId,
-          get values() {
-            return values;
-          },
-          set values($$value) {
-            values = $$value;
-            $$settled = false;
-          }
-        });
+        TabLayout($$renderer3, { schema, values, onValueChange, panelFilter });
       } else {
         $$renderer3.push("<!--[-1-->");
       }
@@ -10013,7 +10105,7 @@ function AppLayout($$renderer, $$props) {
                     class: "ml-1",
                     children: ($$renderer5) => {
                       $$renderer5.push(`<div${attr_class(`min-h-0 flex h-full flex-col ${stringify(isViewerFullscreen || leftCollapsed ? "hidden" : "")}`)}>`);
-                      panelContent($$renderer5, hasRightPanel() ? "left" : void 0, requestedLeftTabId);
+                      panelContent($$renderer5, hasRightPanel() ? "left" : void 0);
                       $$renderer5.push(`<!----></div>`);
                     },
                     $$slots: { default: true }
@@ -10660,4 +10752,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-Dp_jpQFu.js.map
+//# sourceMappingURL=_page.svelte-6m8-zq9_.js.map