@usefillo/dom 0.2.0 → 0.2.2

package/dist/index.js

@@ -470,14 +470,22 @@ function fileUpload(context) {
   }
   return shell(field, context.error, wrap);
 }
+var shuffleCache = /* @__PURE__ */ new Map();
 function displayOptions(field) {
   if (!field.shuffleOptions) return field.options;
-  const options = [...field.options];
-  for (let i = options.length - 1; i > 0; i--) {
-    const j = Math.floor(Math.random() * (i + 1));
-    [options[i], options[j]] = [options[j], options[i]];
+  const cacheKey = `${field.id}|${field.options.map((o) => o.id).join(",")}`;
+  let order = shuffleCache.get(cacheKey);
+  if (!order) {
+    order = field.options.map((o) => o.id);
+    for (let i = order.length - 1; i > 0; i--) {
+      const j = Math.floor(Math.random() * (i + 1));
+      [order[i], order[j]] = [order[j], order[i]];
+    }
+    shuffleCache.set(cacheKey, order);
   }
-  return options;
+  const byId = new Map(field.options.map((o) => [o.id, o]));
+  const shuffled = order.flatMap((id) => byId.get(id) ?? []);
+  return shuffled.length === field.options.length ? shuffled : field.options;
 }
 var DEFAULT_COMPONENTS = {
   short_text: (ctx) => textInput("text", ctx),
@@ -582,9 +590,10 @@ var DomFormController = class {
         this.setSchema(schema, this.options.theme, this.options.formId);
         return;
       }
-      if (!this.options.client || !this.options.formId) {
-        throw new FilloError("Provide either `form`, or `client` with `formId`.", 0);
+      if (!this.options.formId) {
+        throw new FilloError("Provide either `form`, or a `formId`.", 0);
       }
+      this.options.client ??= createClient();
       this.render();
       const published = await this.options.client.getForm(this.options.formId);
       this.closed = Boolean(published.closed);
@@ -891,7 +900,7 @@ var FilloFormElement = class extends HTMLElement {
     const baseUrl = this.getAttribute("base-url");
     const key = this.getAttribute("publishable-key") ?? void 0;
     const formId = this.getAttribute("form-id") ?? void 0;
-    const client = this.assignedClient ?? (baseUrl ? createClient({ baseUrl, key }) : void 0);
+    const client = this.assignedClient ?? (formId || key || baseUrl ? createClient({ baseUrl: baseUrl ?? void 0, key }) : void 0);
     this.instance = renderForm(this, {
       form: this.assignedForm,
       client,