@dmitryvim/form-builder 0.2.8 → 0.2.10

package/dist/types/instance/FormBuilderInstance.d.ts

@@ -83,6 +83,10 @@ export declare class FormBuilderInstance {
      * Handle prefill hint click - updates container fields with hint values
      */
     private handlePrefillHintClick;
+    /**
+     * Create root-level prefill hints UI
+     */
+    private createRootPrefillHints;
     /**
      * Render form from schema
      */
@@ -133,7 +137,7 @@ export declare class FormBuilderInstance {
      */
     private updateFieldValue;
     /**
-     * Re-evaluate all conditional fields (displayIf) based on current form data
+     * Re-evaluate all conditional fields (enableIf) based on current form data
      * This is called automatically when form data changes (via onChange events)
      */
     private reevaluateConditionalFields;

package/dist/types/types/index.d.ts

@@ -1,4 +1,4 @@
-export type { SelectOption, ElementAction, DisplayCondition, BaseElement, TextElement, TextareaElement, NumberElement, SelectElement, FileElement, FilesElement, ColourElement, SliderElement, ContainerElement, GroupElement, Element, Schema, ExternalAction, FormData, RenderContext, } from "./schema.js";
+export type { SelectOption, ElementAction, EnableCondition, BaseElement, TextElement, TextareaElement, NumberElement, SelectElement, FileElement, FilesElement, ColourElement, SliderElement, ContainerElement, GroupElement, Element, Schema, ExternalAction, FormData, RenderContext, } from "./schema.js";
 export type { Translations, Locale, Config, ResourceMetadata, } from "./config.js";
 export type { State } from "./state.js";
 export type { ComponentContext, ValidationResult, ComponentValidator, ComponentUpdater, ComponentOperations, } from "./component-operations.js";

package/dist/types/types/schema.d.ts

@@ -14,12 +14,13 @@ export interface PrefillHint {
     values: Record<string, any>;
 }
 /**
- * Conditional display configuration for elements
+ * Conditional enable configuration for elements
  * Initially supports equals operator, designed for extensibility
  */
-export interface DisplayCondition {
+export interface EnableCondition {
     key: string;
     equals?: any;
+    scope?: "relative" | "absolute";
 }
 export interface BaseElement {
     type: string;
@@ -31,7 +32,7 @@ export interface BaseElement {
     hidden?: boolean;
     default?: any;
     actions?: ElementAction[];
-    displayIf?: DisplayCondition;
+    enableIf?: EnableCondition;
 }
 export interface TextElement extends BaseElement {
     type: "text";
@@ -130,6 +131,8 @@ export type Element = TextElement | TextareaElement | NumberElement | SelectElem
 export interface Schema {
     version?: string;
     elements: Element[];
+    columns?: 1 | 2 | 3 | 4;
+    prefillHints?: PrefillHint[];
 }
 export interface ExternalAction {
     key: string;

package/dist/types/utils/enable-conditions.d.ts

@@ -0,0 +1,18 @@
+import type { EnableCondition } from "../types/index.js";
+/**
+ * Get value from nested object path
+ * Supports nested paths: "address.city"
+ * Supports array indices: "items[0].name", "contacts[1].email"
+ * @param data - Form data object
+ * @param path - Dot notation path with optional array indices
+ * @returns The value at the path, or undefined if not found
+ */
+export declare function getValueByPath(data: any, path: string): any;
+/**
+ * Evaluate an enable condition against form data
+ * @param condition - Enable condition to evaluate
+ * @param formData - Root form data (for absolute scope)
+ * @param containerData - Container instance data (for relative scope, optional)
+ * @returns true if condition is met (field should be enabled), false otherwise
+ */
+export declare function evaluateEnableCondition(condition: EnableCondition, formData: Record<string, any>, containerData?: Record<string, any>): boolean;

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "A reusable JSON schema form builder library",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",

package/dist/browser/formbuilder.v0.2.8.min.js

@@ -1,304 +0,0 @@
-var FormBuilder=(function(N){"use strict";function Ee(e,t){(e.minLength!==null||e.maxLength!==null)&&(e.minLength!==null&&e.maxLength!==null?t.push(`length=${e.minLength}-${e.maxLength} characters`):e.maxLength!==null?t.push(`max=${e.maxLength} characters`):e.minLength!==null&&t.push(`min=${e.minLength} characters`))}function $e(e,t){(e.min!==null||e.max!==null)&&(e.min!==null&&e.max!==null?t.push(`range=${e.min}-${e.max}`):e.max!==null?t.push(`max=${e.max}`):e.min!==null&&t.push(`min=${e.min}`))}function we(e,t){e.maxSizeMB&&t.push(`max_size=${e.maxSizeMB}MB`)}function ke(e,t){var n;(n=e.accept)!=null&&n.extensions&&t.push(`formats=${e.accept.extensions.map(o=>o.toUpperCase()).join(",")}`)}function Se(e,t){var n;e.pattern&&!e.pattern.includes("\u0410-\u042F")?t.push("plain text only"):(n=e.pattern)!=null&&n.includes("\u0410-\u042F")&&t.push("text with punctuation")}function F(e){const t=[];return t.push(e.required?"required":"optional"),Ee(e,t),$e(e,t),we(e,t),ke(e,t),Se(e,t),t.join(" \u2022 ")}function D(e){const t=[];if(!e||typeof e!="object")return t.push("Schema must be an object"),t;if(!Array.isArray(e.elements))return t.push("Schema missing elements array"),t;function n(o,a){o.forEach((r,l)=>{const s=`${a}[${l}]`;if(r.type||t.push(`${s}: missing type`),r.key||t.push(`${s}: missing key`),r.displayIf){const i=r.displayIf;(!i.key||typeof i.key!="string")&&t.push(`${s}: displayIf must have a 'key' property of type string`),"equals"in i||t.push(`${s}: displayIf must have at least one operator (equals, etc.)`)}if(r.type==="group"&&"elements"in r&&r.elements&&n(r.elements,`${s}.elements`),r.type==="container"&&r.elements){if("columns"in r&&r.columns!==void 0){const i=r.columns,d=[1,2,3,4];(!Number.isInteger(i)||!d.includes(i))&&t.push(`${s}: columns must be 1, 2, 3, or 4 (got ${i})`)}if("prefillHints"in r&&r.prefillHints){const i=r.prefillHints;Array.isArray(i)&&i.forEach((d,u)=>{if((!d.label||typeof d.label!="string")&&t.push(`${s}: prefillHints[${u}] must have a 'label' property of type string`),!d.values||typeof d.values!="object")t.push(`${s}: prefillHints[${u}] must have a 'values' property of type object`);else for(const c in d.values)r.elements.some(m=>m.key===c)||t.push(`container "${r.key}": prefillHints[${u}] references non-existent field "${c}"`)})}n(r.elements,`${s}.elements`)}if(r.type==="select"&&r.options){const i=r.default;i!=null&&i!==""&&(r.options.some(d=>d.value===i)||t.push(`${s}: default "${i}" not in options`))}})}return Array.isArray(e.elements)&&n(e.elements,"elements"),t}function z(e){return e&&typeof e=="object"&&e.constructor===Object}function q(e,t){return e?`${e}.${t}`:t}function H(e){for(;e.firstChild;)e.removeChild(e.firstChild)}function Le(e,t){if(!e||typeof e!="object")return;const n=t.match(/[^.[\]]+|\[\d+\]/g);if(!n||n.length===0)return;let o=e;for(const a of n){if(o==null)return;if(a.startsWith("[")&&a.endsWith("]")){const r=parseInt(a.slice(1,-1),10);if(!Array.isArray(o)||isNaN(r))return;o=o[r]}else o=o[a]}return o}function R(e,t){if(!e||!e.key)throw new Error("Invalid displayIf condition: must have a 'key' property");const n=Le(t,e.key);if("equals"in e)return Fe(n,e.equals);throw new Error("Invalid displayIf condition: no recognized operator (equals, etc.)")}function Fe(e,t){if(e===t)return!0;if(e==null||t==null)return e===t;if(typeof e!=typeof t)return!1;if(typeof e=="object"&&typeof t=="object")try{return JSON.stringify(e)===JSON.stringify(t)}catch(n){if(n instanceof TypeError&&(n.message.includes("circular")||n.message.includes("cyclic")))return console.warn("deepEqual: Circular reference detected in displayIf comparison, using reference equality"),e===t;throw n}return e===t}function Ne(e,t,n,o){const a=t.state,r=document.createElement("input");if(r.type="text",r.className="w-full rounded-lg",r.style.cssText=`
-    padding: var(--fb-input-padding-y) var(--fb-input-padding-x);
-    border: var(--fb-border-width) solid var(--fb-border-color);
-    border-radius: var(--fb-border-radius);
-    background-color: ${a.config.readonly?"var(--fb-background-readonly-color)":"var(--fb-background-color)"};
-    color: var(--fb-text-color);
-    font-size: var(--fb-font-size);
-    font-family: var(--fb-font-family);
-    transition: all var(--fb-transition-duration) ease-in-out;
-  `,r.name=o,r.placeholder=e.placeholder||"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442",r.value=t.prefill[e.key]||e.default||"",r.readOnly=a.config.readonly,a.config.readonly||(r.addEventListener("focus",()=>{r.style.borderColor="var(--fb-border-focus-color)",r.style.outline="var(--fb-focus-ring-width) solid var(--fb-focus-ring-color)",r.style.outlineOffset="0"}),r.addEventListener("blur",()=>{r.style.borderColor="var(--fb-border-color)",r.style.outline="none"}),r.addEventListener("mouseenter",()=>{document.activeElement!==r&&(r.style.borderColor="var(--fb-border-hover-color)")}),r.addEventListener("mouseleave",()=>{document.activeElement!==r&&(r.style.borderColor="var(--fb-border-color)")})),!a.config.readonly&&t.instance){const s=()=>{t.instance.triggerOnChange(o,r.value)};r.addEventListener("blur",s),r.addEventListener("input",s)}n.appendChild(r);const l=document.createElement("p");l.className="mt-1",l.style.cssText=`
-    font-size: var(--fb-font-size-small);
-    color: var(--fb-text-secondary-color);
-  `,l.textContent=F(e),n.appendChild(l)}function Ae(e,t,n,o){var a,r;const l=t.state,s=t.prefill[e.key]||[],i=Array.isArray(s)?[...s]:[],d=(a=e.minCount)!=null?a:1,u=(r=e.maxCount)!=null?r:1/0;for(;i.length<d;)i.push(e.default||"");const c=document.createElement("div");c.className="space-y-2",n.appendChild(c);function m(){c.querySelectorAll(".multiple-text-item").forEach((x,v)=>{const y=x.querySelector("input");y&&(y.name=`${o}[${v}]`)})}function f(x="",v=-1){const y=document.createElement("div");y.className="multiple-text-item flex items-center gap-2";const p=document.createElement("input");if(p.type="text",p.className="flex-1",p.style.cssText=`
-      padding: var(--fb-input-padding-y) var(--fb-input-padding-x);
-      border: var(--fb-border-width) solid var(--fb-border-color);
-      border-radius: var(--fb-border-radius);
-      background-color: ${l.config.readonly?"var(--fb-background-readonly-color)":"var(--fb-background-color)"};
-      color: var(--fb-text-color);
-      font-size: var(--fb-font-size);
-      font-family: var(--fb-font-family);
-      transition: all var(--fb-transition-duration) ease-in-out;
-    `,p.placeholder=e.placeholder||"Enter text",p.value=x,p.readOnly=l.config.readonly,l.config.readonly||(p.addEventListener("focus",()=>{p.style.borderColor="var(--fb-border-focus-color)",p.style.outline="var(--fb-focus-ring-width) solid var(--fb-focus-ring-color)",p.style.outlineOffset="0"}),p.addEventListener("blur",()=>{p.style.borderColor="var(--fb-border-color)",p.style.outline="none"}),p.addEventListener("mouseenter",()=>{document.activeElement!==p&&(p.style.borderColor="var(--fb-border-hover-color)")}),p.addEventListener("mouseleave",()=>{document.activeElement!==p&&(p.style.borderColor="var(--fb-border-color)")})),!l.config.readonly&&t.instance){const C=()=>{t.instance.triggerOnChange(p.name,p.value)};p.addEventListener("blur",C),p.addEventListener("input",C)}return y.appendChild(p),v===-1?c.appendChild(y):c.insertBefore(y,c.children[v]),m(),y}function h(){if(l.config.readonly)return;const x=c.querySelectorAll(".multiple-text-item"),v=x.length;x.forEach(y=>{let p=y.querySelector(".remove-item-btn");p||(p=document.createElement("button"),p.type="button",p.className="remove-item-btn px-2 py-1 rounded",p.style.cssText=`
-          color: var(--fb-error-color);
-          background-color: transparent;
-          transition: background-color var(--fb-transition-duration);
-        `,p.innerHTML="\u2715",p.addEventListener("mouseenter",()=>{p.style.backgroundColor="var(--fb-background-hover-color)"}),p.addEventListener("mouseleave",()=>{p.style.backgroundColor="transparent"}),p.onclick=()=>{const E=Array.from(c.children).indexOf(y);c.children.length>d&&(i.splice(E,1),y.remove(),m(),g(),h())},y.appendChild(p));const C=v<=d;p.disabled=C,p.style.opacity=C?"0.5":"1",p.style.pointerEvents=C?"none":"auto"})}function g(){const x=n.querySelector(".add-text-btn");if(x&&x.remove(),!l.config.readonly&&i.length<u){const v=document.createElement("button");v.type="button",v.className="add-text-btn mt-2 px-3 py-1 rounded",v.style.cssText=`
-        color: var(--fb-primary-color);
-        border: var(--fb-border-width) solid var(--fb-primary-color);
-        background-color: transparent;
-        font-size: var(--fb-font-size);
-        transition: all var(--fb-transition-duration);
-      `,v.textContent=`+ Add ${e.label||"Text"}`,v.addEventListener("mouseenter",()=>{v.style.backgroundColor="var(--fb-background-hover-color)"}),v.addEventListener("mouseleave",()=>{v.style.backgroundColor="transparent"}),v.onclick=()=>{i.push(e.default||""),f(e.default||""),g(),h()},n.appendChild(v)}}i.forEach(x=>f(x)),g(),h();const b=document.createElement("p");b.className="mt-1",b.style.cssText=`
-    font-size: var(--fb-font-size-small);
-    color: var(--fb-text-secondary-color);
-  `,b.textContent=F(e),n.appendChild(b)}function Y(e,t,n){var o,a,r;const l=[],{scopeRoot:s,skipValidation:i}=n,d=(c,m)=>{var f,h;if(!c)return;const g=`error-${c.getAttribute("name")||Math.random().toString(36).substring(7)}`;let b=document.getElementById(g);m?(c.classList.add("invalid"),c.title=m,b||(b=document.createElement("div"),b.id=g,b.className="error-message",b.style.cssText=`
-          color: var(--fb-error-color);
-          font-size: var(--fb-font-size-small);
-          margin-top: 0.25rem;
-        `,c.nextSibling?(f=c.parentNode)==null||f.insertBefore(b,c.nextSibling):(h=c.parentNode)==null||h.appendChild(b)),b.textContent=m,b.style.display="block"):(c.classList.remove("invalid"),c.title="",b&&b.remove())},u=(c,m,f)=>{let h=!1;if(!i&&m){if(e.minLength!==void 0&&e.minLength!==null&&m.length<e.minLength)l.push(`${f}: minLength=${e.minLength}`),d(c,`minLength=${e.minLength}`),h=!0;else if(e.maxLength!==void 0&&e.maxLength!==null&&m.length>e.maxLength)l.push(`${f}: maxLength=${e.maxLength}`),d(c,`maxLength=${e.maxLength}`),h=!0;else if(e.pattern)try{new RegExp(e.pattern).test(m)||(l.push(`${f}: pattern mismatch`),d(c,"pattern mismatch"),h=!0)}catch(g){l.push(`${f}: invalid pattern`),d(c,"invalid pattern"),h=!0}}h||d(c,null)};if(e.multiple){const c=s.querySelectorAll(`[name^="${t}["]`),m=[];if(c.forEach((f,h)=>{var g;const b=(g=f==null?void 0:f.value)!=null?g:"";m.push(b),u(f,b,`${t}[${h}]`)}),!i){const f=(o=e.minCount)!=null?o:1,h=(a=e.maxCount)!=null?a:1/0,g=m.filter(b=>b.trim()!=="");e.required&&g.length===0&&l.push(`${t}: required`),g.length<f&&l.push(`${t}: minimum ${f} items required`),g.length>h&&l.push(`${t}: maximum ${h} items allowed`)}return{value:m,errors:l}}else{const c=s.querySelector(`[name$="${t}"]`),m=(r=c==null?void 0:c.value)!=null?r:"";return!i&&e.required&&m===""?(l.push(`${t}: required`),d(c,"required"),{value:"",errors:l}):(u(c,m,t),{value:m,errors:l})}}function X(e,t,n,o){const{scopeRoot:a}=o;if(e.multiple){if(!Array.isArray(n)){console.warn(`updateTextField: Expected array for multiple field "${t}", got ${typeof n}`);return}const r=a.querySelectorAll(`[name^="${t}["]`);r.forEach((l,s)=>{s<n.length&&(l.value=n[s]!=null?String(n[s]):"",l.classList.remove("invalid"),l.title="")}),n.length!==r.length&&console.warn(`updateTextField: Multiple field "${t}" has ${r.length} inputs but received ${n.length} values. Consider re-rendering for add/remove.`)}else{const r=a.querySelector(`[name="${t}"]`);r&&(r.value=n!=null?String(n):"",r.classList.remove("invalid"),r.title="")}}function qe(e,t,n,o){const a=t.state,r=document.createElement("textarea");if(r.className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 resize-none",r.name=o,r.placeholder=e.placeholder||"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442",r.rows=e.rows||4,r.value=t.prefill[e.key]||e.default||"",r.readOnly=a.config.readonly,!a.config.readonly&&t.instance){const s=()=>{t.instance.triggerOnChange(o,r.value)};r.addEventListener("blur",s),r.addEventListener("input",s)}n.appendChild(r);const l=document.createElement("p");l.className="text-xs text-gray-500 mt-1",l.textContent=F(e),n.appendChild(l)}function Te(e,t,n,o){var a,r;const l=t.state,s=t.prefill[e.key]||[],i=Array.isArray(s)?[...s]:[],d=(a=e.minCount)!=null?a:1,u=(r=e.maxCount)!=null?r:1/0;for(;i.length<d;)i.push(e.default||"");const c=document.createElement("div");c.className="space-y-2",n.appendChild(c);function m(){c.querySelectorAll(".multiple-textarea-item").forEach((x,v)=>{const y=x.querySelector("textarea");y&&(y.name=`${o}[${v}]`)})}function f(x="",v=-1){const y=document.createElement("div");y.className="multiple-textarea-item";const p=document.createElement("textarea");if(p.className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 resize-none",p.placeholder=e.placeholder||"Enter text",p.rows=e.rows||4,p.value=x,p.readOnly=l.config.readonly,!l.config.readonly&&t.instance){const C=()=>{t.instance.triggerOnChange(p.name,p.value)};p.addEventListener("blur",C),p.addEventListener("input",C)}return y.appendChild(p),v===-1?c.appendChild(y):c.insertBefore(y,c.children[v]),m(),y}function h(){if(l.config.readonly)return;const x=c.querySelectorAll(".multiple-textarea-item"),v=x.length;x.forEach(y=>{let p=y.querySelector(".remove-item-btn");p||(p=document.createElement("button"),p.type="button",p.className="remove-item-btn mt-1 px-2 py-1 text-red-600 hover:bg-red-50 rounded text-sm",p.innerHTML="\u2715 Remove",p.onclick=()=>{const E=Array.from(c.children).indexOf(y);c.children.length>d&&(i.splice(E,1),y.remove(),m(),g(),h())},y.appendChild(p));const C=v<=d;p.disabled=C,p.style.opacity=C?"0.5":"1",p.style.pointerEvents=C?"none":"auto"})}function g(){const x=n.querySelector(".add-textarea-btn");if(x&&x.remove(),!l.config.readonly&&i.length<u){const v=document.createElement("button");v.type="button",v.className="add-textarea-btn mt-2 px-3 py-1 text-blue-600 border border-blue-300 rounded hover:bg-blue-50 text-sm",v.textContent=`+ Add ${e.label||"Textarea"}`,v.onclick=()=>{i.push(e.default||""),f(e.default||""),g(),h()},n.appendChild(v)}}i.forEach(x=>f(x)),g(),h();const b=document.createElement("p");b.className="text-xs text-gray-500 mt-1",b.textContent=F(e),n.appendChild(b)}function He(e,t,n){return Y(e,t,n)}function Me(e,t,n,o){X(e,t,n,o)}function ze(e,t,n,o){const a=t.state,r=document.createElement("input");if(r.type="number",r.className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500",r.name=o,r.placeholder=e.placeholder||"0",e.min!==void 0&&(r.min=e.min.toString()),e.max!==void 0&&(r.max=e.max.toString()),e.step!==void 0&&(r.step=e.step.toString()),r.value=t.prefill[e.key]||e.default||"",r.readOnly=a.config.readonly,!a.config.readonly&&t.instance){const s=()=>{const i=r.value?parseFloat(r.value):null;t.instance.triggerOnChange(o,i)};r.addEventListener("blur",s),r.addEventListener("input",s)}n.appendChild(r);const l=document.createElement("p");l.className="text-xs text-gray-500 mt-1",l.textContent=F(e),n.appendChild(l)}function Be(e,t,n,o){var a,r;const l=t.state,s=t.prefill[e.key]||[],i=Array.isArray(s)?[...s]:[],d=(a=e.minCount)!=null?a:1,u=(r=e.maxCount)!=null?r:1/0;for(;i.length<d;)i.push(e.default||"");const c=document.createElement("div");c.className="space-y-2",n.appendChild(c);function m(){c.querySelectorAll(".multiple-number-item").forEach((x,v)=>{const y=x.querySelector("input");y&&(y.name=`${o}[${v}]`)})}function f(x="",v=-1){const y=document.createElement("div");y.className="multiple-number-item flex items-center gap-2";const p=document.createElement("input");if(p.type="number",p.className="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500",p.placeholder=e.placeholder||"0",e.min!==void 0&&(p.min=e.min.toString()),e.max!==void 0&&(p.max=e.max.toString()),e.step!==void 0&&(p.step=e.step.toString()),p.value=x.toString(),p.readOnly=l.config.readonly,!l.config.readonly&&t.instance){const C=()=>{const E=p.value?parseFloat(p.value):null;t.instance.triggerOnChange(p.name,E)};p.addEventListener("blur",C),p.addEventListener("input",C)}return y.appendChild(p),v===-1?c.appendChild(y):c.insertBefore(y,c.children[v]),m(),y}function h(){if(l.config.readonly)return;const x=c.querySelectorAll(".multiple-number-item"),v=x.length;x.forEach(y=>{let p=y.querySelector(".remove-item-btn");p||(p=document.createElement("button"),p.type="button",p.className="remove-item-btn px-2 py-1 text-red-600 hover:bg-red-50 rounded",p.innerHTML="\u2715",p.onclick=()=>{const E=Array.from(c.children).indexOf(y);c.children.length>d&&(i.splice(E,1),y.remove(),m(),g(),h())},y.appendChild(p));const C=v<=d;p.disabled=C,p.style.opacity=C?"0.5":"1",p.style.pointerEvents=C?"none":"auto"})}function g(){const x=n.querySelector(".add-number-btn");if(x&&x.remove(),!l.config.readonly&&i.length<u){const v=document.createElement("button");v.type="button",v.className="add-number-btn mt-2 px-3 py-1 text-blue-600 border border-blue-300 rounded hover:bg-blue-50 text-sm",v.textContent=`+ Add ${e.label||"Number"}`,v.onclick=()=>{i.push(e.default||""),f(e.default||""),g(),h()},n.appendChild(v)}}i.forEach(x=>f(x)),g(),h();const b=document.createElement("p");b.className="text-xs text-gray-500 mt-1",b.textContent=F(e),n.appendChild(b)}function je(e,t,n){var o,a,r,l,s;const i=[],{scopeRoot:d,skipValidation:u}=n,c=(f,h)=>{var g,b;if(!f)return;const x=`error-${f.getAttribute("name")||Math.random().toString(36).substring(7)}`;let v=document.getElementById(x);h?(f.classList.add("invalid"),f.title=h,v||(v=document.createElement("div"),v.id=x,v.className="error-message",v.style.cssText=`
-          color: var(--fb-error-color);
-          font-size: var(--fb-font-size-small);
-          margin-top: 0.25rem;
-        `,f.nextSibling?(g=f.parentNode)==null||g.insertBefore(v,f.nextSibling):(b=f.parentNode)==null||b.appendChild(v)),v.textContent=h,v.style.display="block"):(f.classList.remove("invalid"),f.title="",v&&v.remove())},m=(f,h,g)=>{let b=!1;!u&&e.min!==void 0&&e.min!==null&&h<e.min?(i.push(`${g}: < min=${e.min}`),c(f,`< min=${e.min}`),b=!0):!u&&e.max!==void 0&&e.max!==null&&h>e.max&&(i.push(`${g}: > max=${e.max}`),c(f,`> max=${e.max}`),b=!0),b||c(f,null)};if(e.multiple){const f=d.querySelectorAll(`[name^="${t}["]`),h=[];if(f.forEach((g,b)=>{var x,v,y;const p=(x=g==null?void 0:g.value)!=null?x:"";if(p===""){h.push(null),c(g,null);return}const C=parseFloat(p);if(!u&&!Number.isFinite(C)){i.push(`${t}[${b}]: not a number`),c(g,"not a number"),h.push(null);return}m(g,C,`${t}[${b}]`);const E=Number.isInteger((v=e.decimals)!=null?v:0)&&(y=e.decimals)!=null?y:0;h.push(Number(C.toFixed(E)))}),!u){const g=(o=e.minCount)!=null?o:1,b=(a=e.maxCount)!=null?a:1/0,x=h.filter(v=>v!==null);e.required&&x.length===0&&i.push(`${t}: required`),x.length<g&&i.push(`${t}: minimum ${g} items required`),x.length>b&&i.push(`${t}: maximum ${b} items allowed`)}return{value:h,errors:i}}else{const f=d.querySelector(`[name$="${t}"]`),h=(r=f==null?void 0:f.value)!=null?r:"";if(!u&&e.required&&h==="")return i.push(`${t}: required`),c(f,"required"),{value:null,errors:i};if(h==="")return c(f,null),{value:null,errors:i};const g=parseFloat(h);if(!u&&!Number.isFinite(g))return i.push(`${t}: not a number`),c(f,"not a number"),{value:null,errors:i};m(f,g,t);const b=Number.isInteger((l=e.decimals)!=null?l:0)&&(s=e.decimals)!=null?s:0;return{value:Number(g.toFixed(b)),errors:i}}}function Ie(e,t,n,o){const{scopeRoot:a}=o;if(e.multiple){if(!Array.isArray(n)){console.warn(`updateNumberField: Expected array for multiple field "${t}", got ${typeof n}`);return}const r=a.querySelectorAll(`[name^="${t}["]`);r.forEach((l,s)=>{s<n.length&&(l.value=n[s]!=null?String(n[s]):"",l.classList.remove("invalid"),l.title="")}),n.length!==r.length&&console.warn(`updateNumberField: Multiple field "${t}" has ${r.length} inputs but received ${n.length} values. Consider re-rendering for add/remove.`)}else{const r=a.querySelector(`[name="${t}"]`);r&&(r.value=n!=null?String(n):"",r.classList.remove("invalid"),r.title="")}}function De(e,t,n,o){const a=t.state,r=document.createElement("select");if(r.className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500",r.name=o,r.disabled=a.config.readonly,(e.options||[]).forEach(s=>{const i=document.createElement("option");i.value=s.value,i.textContent=s.label,(t.prefill[e.key]||e.default)===s.value&&(i.selected=!0),r.appendChild(i)}),!a.config.readonly&&t.instance){const s=()=>{t.instance.triggerOnChange(o,r.value)};r.addEventListener("change",s)}n.appendChild(r);const l=document.createElement("p");l.className="text-xs text-gray-500 mt-1",l.textContent=F(e),n.appendChild(l)}function Re(e,t,n,o){var a,r,l,s;const i=t.state,d=t.prefill[e.key]||[],u=Array.isArray(d)?[...d]:[],c=(a=e.minCount)!=null?a:1,m=(r=e.maxCount)!=null?r:1/0;for(;u.length<c;)u.push(e.default||((s=(l=e.options)==null?void 0:l[0])==null?void 0:s.value)||"");const f=document.createElement("div");f.className="space-y-2",n.appendChild(f);function h(){f.querySelectorAll(".multiple-select-item").forEach((y,p)=>{const C=y.querySelector("select");C&&(C.name=`${o}[${p}]`)})}function g(y="",p=-1){const C=document.createElement("div");C.className="multiple-select-item flex items-center gap-2";const E=document.createElement("select");if(E.className="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500",E.disabled=i.config.readonly,(e.options||[]).forEach(w=>{const $=document.createElement("option");$.value=w.value,$.textContent=w.label,y===w.value&&($.selected=!0),E.appendChild($)}),!i.config.readonly&&t.instance){const w=()=>{t.instance.triggerOnChange(E.name,E.value)};E.addEventListener("change",w)}return C.appendChild(E),p===-1?f.appendChild(C):f.insertBefore(C,f.children[p]),h(),C}function b(){if(i.config.readonly)return;const y=f.querySelectorAll(".multiple-select-item"),p=y.length;y.forEach(C=>{let E=C.querySelector(".remove-item-btn");E||(E=document.createElement("button"),E.type="button",E.className="remove-item-btn px-2 py-1 text-red-600 hover:bg-red-50 rounded",E.innerHTML="\u2715",E.onclick=()=>{const $=Array.from(f.children).indexOf(C);f.children.length>c&&(u.splice($,1),C.remove(),h(),x(),b())},C.appendChild(E));const w=p<=c;E.disabled=w,E.style.opacity=w?"0.5":"1",E.style.pointerEvents=w?"none":"auto"})}function x(){const y=n.querySelector(".add-select-btn");if(y&&y.remove(),!i.config.readonly&&u.length<m){const p=document.createElement("button");p.type="button",p.className="add-select-btn mt-2 px-3 py-1 text-blue-600 border border-blue-300 rounded hover:bg-blue-50 text-sm",p.textContent=`+ Add ${e.label||"Selection"}`,p.onclick=()=>{var C,E;const w=e.default||((E=(C=e.options)==null?void 0:C[0])==null?void 0:E.value)||"";u.push(w),g(w),x(),b()},n.appendChild(p)}}u.forEach(y=>g(y)),x(),b();const v=document.createElement("p");v.className="text-xs text-gray-500 mt-1",v.textContent=F(e),n.appendChild(v)}function Oe(e,t,n){var o;const a=[],{scopeRoot:r,skipValidation:l}=n,s=(d,u)=>{var c,m;if(!d)return;const f=`error-${d.getAttribute("name")||Math.random().toString(36).substring(7)}`;let h=document.getElementById(f);u?(d.classList.add("invalid"),d.title=u,h||(h=document.createElement("div"),h.id=f,h.className="error-message",h.style.cssText=`
-          color: var(--fb-error-color);
-          font-size: var(--fb-font-size-small);
-          margin-top: 0.25rem;
-        `,d.nextSibling?(c=d.parentNode)==null||c.insertBefore(h,d.nextSibling):(m=d.parentNode)==null||m.appendChild(h)),h.textContent=u,h.style.display="block"):(d.classList.remove("invalid"),d.title="",h&&h.remove())},i=(d,u,c,m)=>{var f,h;if(l)return;const g=u.filter(m),b="minCount"in c&&(f=c.minCount)!=null?f:1,x="maxCount"in c&&(h=c.maxCount)!=null?h:1/0;c.required&&g.length===0&&a.push(`${d}: required`),g.length<b&&a.push(`${d}: minimum ${b} items required`),g.length>x&&a.push(`${d}: maximum ${x} items allowed`)};if("multiple"in e&&e.multiple){const d=r.querySelectorAll(`[name^="${t}["]`),u=[];return d.forEach(c=>{var m;const f=(m=c==null?void 0:c.value)!=null?m:"";u.push(f),s(c,null)}),i(t,u,e,c=>c!==""),{value:u,errors:a}}else{const d=r.querySelector(`[name$="${t}"]`),u=(o=d==null?void 0:d.value)!=null?o:"";return!l&&e.required&&u===""?(a.push(`${t}: required`),s(d,"required"),{value:null,errors:a}):(s(d,null),{value:u===""?null:u,errors:a})}}function Ue(e,t,n,o){const{scopeRoot:a}=o;if("multiple"in e&&e.multiple){if(!Array.isArray(n)){console.warn(`updateSelectField: Expected array for multiple field "${t}", got ${typeof n}`);return}const r=a.querySelectorAll(`[name^="${t}["]`);r.forEach((l,s)=>{s<n.length&&(l.value=n[s]!=null?String(n[s]):"",l.querySelectorAll("option").forEach(i=>{i.selected=i.value===String(n[s])}),l.classList.remove("invalid"),l.title="")}),n.length!==r.length&&console.warn(`updateSelectField: Multiple field "${t}" has ${r.length} selects but received ${n.length} values. Consider re-rendering for add/remove.`)}else{const r=a.querySelector(`[name="${t}"]`);r&&(r.value=n!=null?String(n):"",r.querySelectorAll("option").forEach(l=>{l.selected=l.value===String(n)}),r.classList.remove("invalid"),r.title="")}}function S(e,t){const n=t.config.locale||"en";return(t.config.translations[n]||t.config.translations.en)[e]||e}function Pe(e,t,n){const o=document.createElement("img");o.className="w-full h-full object-contain",o.alt=n||"Preview";const a=new FileReader;a.onload=r=>{var l;o.src=((l=r.target)==null?void 0:l.result)||""},a.readAsDataURL(t),e.appendChild(o)}function Ve(e,t,n,o,a,r){const l=URL.createObjectURL(t);e.onclick=null;const s=e.cloneNode(!1);return e.parentNode&&e.parentNode.replaceChild(s,e),s.innerHTML=`
-    <div class="relative group h-full">
-      <video class="w-full h-full object-contain" controls preload="auto" muted>
-        <source src="${l}" type="${n}">
-        Your browser does not support the video tag.
-      </video>
-      <div class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity z-10 flex gap-1">
-        <button class="bg-red-600 bg-opacity-75 hover:bg-opacity-90 text-white p-1 rounded text-xs delete-file-btn">
-          ${S("removeElement",a)}
-        </button>
-        <button class="bg-gray-800 bg-opacity-75 hover:bg-opacity-90 text-white p-1 rounded text-xs change-file-btn">
-          Change
-        </button>
-      </div>
-    </div>
-  `,_e(s,o,a,r),s}function _e(e,t,n,o){const a=e.querySelector(".change-file-btn");a&&(a.onclick=l=>{l.stopPropagation(),o!=null&&o.picker&&o.picker.click()});const r=e.querySelector(".delete-file-btn");r&&(r.onclick=l=>{l.stopPropagation(),We(e,t,n,o)})}function We(e,t,n,o){var a;n.resourceIndex.delete(t);const r=(a=e.parentElement)==null?void 0:a.querySelector('input[type="hidden"]');r&&(r.value=""),o!=null&&o.fileUploadHandler&&(e.onclick=o.fileUploadHandler),o!=null&&o.dragHandler&&P(e,o.dragHandler),e.innerHTML=`
-    <div class="flex flex-col items-center justify-center h-full text-gray-400">
-      <svg class="w-6 h-6 mb-2" fill="currentColor" viewBox="0 0 24 24">
-        <path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/>
-      </svg>
-      <div class="text-sm text-center">${S("clickDragText",n)}</div>
-    </div>
-  `}function Je(e,t,n){const o=document.createElement("video");o.className="w-full h-full object-contain",o.controls=!0,o.preload="metadata",o.muted=!0;const a=document.createElement("source");a.src=t,a.type=n,o.appendChild(a),o.appendChild(document.createTextNode("Your browser does not support the video tag.")),e.appendChild(o)}function Ge(e,t,n){Ke(e,n,()=>{var o;n.resourceIndex.delete(t);const a=(o=e.parentElement)==null?void 0:o.querySelector('input[type="hidden"]');a&&(a.value=""),e.innerHTML=`
-      <div class="flex flex-col items-center justify-center h-full text-gray-400">
-        <svg class="w-6 h-6 mb-2" fill="currentColor" viewBox="0 0 24 24">
-          <path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/>
-        </svg>
-        <div class="text-sm text-center">${S("clickDragText",n)}</div>
-      </div>
-    `})}async function Ye(e,t,n,o,a,r,l){!t.file||!(t.file instanceof File)||(t.type&&t.type.startsWith("image/")?Pe(e,t.file,n):t.type&&t.type.startsWith("video/")?e=Ve(e,t.file,t.type,o,r,l):e.innerHTML=`<div class="flex flex-col items-center justify-center h-full text-gray-400"><div class="text-2xl mb-2">\u{1F4C1}</div><div class="text-sm">${n}</div></div>`,!a&&!(t.type&&t.type.startsWith("video/"))&&Ge(e,o,r))}async function Xe(e,t,n,o,a){if(!a.config.getThumbnail){U(e,a);return}try{const r=await a.config.getThumbnail(t);if(r)if(H(e),o&&o.type&&o.type.startsWith("video/"))Je(e,r,o.type);else{const l=document.createElement("img");l.className="w-full h-full object-contain",l.alt=n||"Preview",l.src=r,e.appendChild(l)}else U(e,a)}catch(r){console.error("Failed to get thumbnail:",r),e.innerHTML=`
-      <div class="flex flex-col items-center justify-center h-full text-gray-400">
-        <svg class="w-6 h-6 mb-2" fill="currentColor" viewBox="0 0 24 24">
-          <path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/>
-        </svg>
-        <div class="text-sm text-center">${n||"Preview unavailable"}</div>
-      </div>
-    `}}async function Z(e,t,n,o={}){const{fileName:a="",isReadonly:r=!1,deps:l=null}=o;if(!r&&l&&(!l.picker||!l.fileUploadHandler||!l.dragHandler))throw new Error("renderFilePreview: missing deps {picker, fileUploadHandler, dragHandler}");H(e),r&&e.classList.add("cursor-pointer");const s=n.resourceIndex.get(t);s&&s.file&&s.file instanceof File?await Ye(e,s,a,t,r,n,l):await Xe(e,t,a,s,n)}async function O(e,t,n){var o,a;const r=t.resourceIndex.get(e),l=(r==null?void 0:r.name)||e.split("/").pop()||"file",s=l.toLowerCase().match(/\.psd$/),i=document.createElement("div");i.className=s?"space-y-2":"space-y-3";const d=document.createElement("div");s?d.className="bg-gray-100 rounded-lg overflow-hidden cursor-pointer hover:opacity-90 transition-opacity flex items-center p-3 max-w-sm":d.className="bg-gray-100 rounded-lg overflow-hidden cursor-pointer hover:opacity-90 transition-opacity";const u=!s&&(((o=r==null?void 0:r.type)==null?void 0:o.startsWith("image/"))||l.toLowerCase().match(/\.(jpg|jpeg|png|gif|webp)$/)),c=((a=r==null?void 0:r.type)==null?void 0:a.startsWith("video/"))||l.toLowerCase().match(/\.(mp4|webm|avi|mov)$/);if(u)if(t.config.getThumbnail)try{const h=await t.config.getThumbnail(e);h?d.innerHTML=`<img src="${h}" alt="${l}" class="w-full h-auto">`:d.innerHTML=`<div class="aspect-video flex items-center justify-center text-gray-400"><div class="text-center"><div class="text-4xl mb-2">\u{1F5BC}\uFE0F</div><div class="text-sm">${l}</div></div></div>`}catch(h){console.warn("getThumbnail failed for",e,h),d.innerHTML=`<div class="aspect-video flex items-center justify-center text-gray-400"><div class="text-center"><div class="text-4xl mb-2">\u{1F5BC}\uFE0F</div><div class="text-sm">${l}</div></div></div>`}else d.innerHTML=`<div class="aspect-video flex items-center justify-center text-gray-400"><div class="text-center"><div class="text-4xl mb-2">\u{1F5BC}\uFE0F</div><div class="text-sm">${l}</div></div></div>`;else if(c)if(t.config.getThumbnail)try{const h=await t.config.getThumbnail(e);h?d.innerHTML=`
-            <div class="relative group">
-              <video class="w-full h-auto" controls preload="auto" muted>
-                <source src="${h}" type="${(r==null?void 0:r.type)||"video/mp4"}">
-                \u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0432\u0438\u0434\u0435\u043E.
-              </video>
-              <div class="absolute inset-0 bg-black bg-opacity-20 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center pointer-events-none">
-                <div class="bg-white bg-opacity-90 rounded-full p-3">
-                  <svg class="w-8 h-8 text-gray-800" fill="currentColor" viewBox="0 0 24 24">
-                    <path d="M8 5v14l11-7z"/>
-                  </svg>
-                </div>
-              </div>
-            </div>
-          `:d.innerHTML=`<div class="aspect-video flex items-center justify-center text-gray-400"><div class="text-center"><div class="text-4xl mb-2">\u{1F3A5}</div><div class="text-sm">${l}</div></div></div>`}catch(h){console.warn("getThumbnail failed for video",e,h),d.innerHTML=`<div class="aspect-video flex items-center justify-center text-gray-400"><div class="text-center"><div class="text-4xl mb-2">\u{1F3A5}</div><div class="text-sm">${l}</div></div></div>`}else d.innerHTML=`<div class="aspect-video flex items-center justify-center text-gray-400"><div class="text-center"><div class="text-4xl mb-2">\u{1F3A5}</div><div class="text-sm">${l}</div></div></div>`;else{const h=s?"\u{1F3A8}":"\u{1F4C1}",g=s?"PSD File":"Document";s?d.innerHTML=`
-        <div class="flex items-center space-x-3">
-          <div class="text-3xl text-gray-400">${h}</div>
-          <div class="flex-1 min-w-0">
-            <div class="text-sm font-medium text-gray-900 truncate">${l}</div>
-            <div class="text-xs text-gray-500">${g}</div>
-          </div>
-        </div>
-      `:d.innerHTML=`<div class="aspect-video flex items-center justify-center text-gray-400"><div class="text-center"><div class="text-4xl mb-2">${h}</div><div class="text-sm">${l}</div><div class="text-xs text-gray-500 mt-1">${g}</div></div></div>`}const m=document.createElement("p");m.className=s?"hidden":"text-sm font-medium text-gray-900 text-center",m.textContent=l;const f=document.createElement("button");return f.className="w-full px-3 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors",f.textContent=S("downloadButton",t),f.onclick=h=>{h.preventDefault(),h.stopPropagation(),t.config.downloadFile?t.config.downloadFile(e,l):Qe(e,l,t)},i.appendChild(d),i.appendChild(m),i.appendChild(f),i}function K(e,t,n,o){H(e);const a=!e.classList.contains("grid");if((!t||t.length===0)&&a){const s=document.createElement("div");s.className="grid grid-cols-4 gap-3 mb-3";for(let u=0;u<4;u++){const c=document.createElement("div");c.className="aspect-square bg-gray-100 border-2 border-dashed border-gray-300 rounded flex items-center justify-center cursor-pointer hover:border-gray-400 transition-colors";const m=document.createElementNS("http://www.w3.org/2000/svg","svg");m.setAttribute("class","w-12 h-12 text-gray-400"),m.setAttribute("fill","currentColor"),m.setAttribute("viewBox","0 0 24 24");const f=document.createElementNS("http://www.w3.org/2000/svg","path");f.setAttribute("d","M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"),m.appendChild(f),c.appendChild(m),c.onclick=()=>{let h=e.parentElement;for(;h&&!h.classList.contains("space-y-2");)h=h.parentElement;!h&&e.classList.contains("space-y-2")&&(h=e);const g=h==null?void 0:h.querySelector('input[type="file"]');g&&g.click()},s.appendChild(c)}const i=document.createElement("div");i.className="text-center text-xs text-gray-600";const d=document.createElement("span");d.className="underline cursor-pointer",d.textContent=S("uploadText",n),d.onclick=u=>{u.stopPropagation();let c=e.parentElement;for(;c&&!c.classList.contains("space-y-2");)c=c.parentElement;!c&&e.classList.contains("space-y-2")&&(c=e);const m=c==null?void 0:c.querySelector('input[type="file"]');m&&m.click()},i.appendChild(d),i.appendChild(document.createTextNode(` ${S("dragDropText",n)}`)),e.appendChild(s),e.appendChild(i);return}e.className="files-list grid grid-cols-4 gap-3 mt-2";const r=t?t.length:0,l=(Math.floor(r/4)+1)*4;for(let s=0;s<l;s++){const i=document.createElement("div");if(t&&s<t.length){const d=t[s],u=n.resourceIndex.get(d);if(i.className="resource-pill aspect-square bg-gray-100 rounded-lg overflow-hidden relative group border border-gray-300",i.dataset.resourceId=d,Ze(i,d,u,n).catch(c=>{console.error("Failed to render thumbnail:",c),i.innerHTML=`<div class="flex flex-col items-center justify-center h-full text-gray-400">
-          <div class="text-2xl mb-1">\u{1F4C1}</div>
-          <div class="text-xs">Preview error</div>
-        </div>`}),o){const c=document.createElement("div");c.className="absolute inset-0 bg-black bg-opacity-50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center";const m=document.createElement("button");m.className="bg-red-600 text-white px-2 py-1 rounded text-xs",m.textContent=S("removeElement",n),m.onclick=f=>{f.stopPropagation(),o(d)},c.appendChild(m),i.appendChild(c)}}else i.className="aspect-square bg-gray-100 border-2 border-dashed border-gray-300 rounded-lg flex items-center justify-center cursor-pointer hover:border-gray-400 transition-colors",i.innerHTML='<svg class="w-12 h-12 text-gray-400" fill="currentColor" viewBox="0 0 24 24"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>',i.onclick=()=>{let d=e.parentElement;for(;d&&!d.classList.contains("space-y-2");)d=d.parentElement;!d&&e.classList.contains("space-y-2")&&(d=e);const u=d==null?void 0:d.querySelector('input[type="file"]');u&&u.click()};e.appendChild(i)}}function Q(e,t="w-12 h-12"){e.innerHTML=`<div class="flex flex-col items-center justify-center h-full text-gray-400">
-    <svg class="${t} text-red-400" fill="currentColor" viewBox="0 0 24 24">
-      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
-    </svg>
-    <div class="text-xs mt-1 text-red-600">Preview error</div>
-  </div>`}async function Ze(e,t,n,o){var a,r;if(n&&(a=n.type)!=null&&a.startsWith("image/"))if(n.file&&n.file instanceof File){const l=document.createElement("img");l.className="w-full h-full object-contain",l.alt=n.name;const s=new FileReader;s.onload=i=>{var d;l.src=((d=i.target)==null?void 0:d.result)||""},s.readAsDataURL(n.file),e.appendChild(l)}else if(o.config.getThumbnail)try{const l=await o.config.getThumbnail(t);if(l){const s=document.createElement("img");s.className="w-full h-full object-contain",s.alt=n.name,s.src=l,e.appendChild(s)}else e.innerHTML=`<div class="flex flex-col items-center justify-center h-full text-gray-400">
-            <svg class="w-12 h-12" fill="currentColor" viewBox="0 0 24 24">
-              <path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/>
-            </svg>
-          </div>`}catch(l){const s=l instanceof Error?l:new Error(String(l));o.config.onThumbnailError&&o.config.onThumbnailError(s,t),Q(e)}else e.innerHTML=`<div class="flex flex-col items-center justify-center h-full text-gray-400">
-        <svg class="w-12 h-12" fill="currentColor" viewBox="0 0 24 24">
-          <path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/>
-        </svg>
-      </div>`;else if(n&&(r=n.type)!=null&&r.startsWith("video/"))if(n.file&&n.file instanceof File){const l=URL.createObjectURL(n.file);e.innerHTML=`
-        <div class="relative group h-full w-full">
-          <video class="w-full h-full object-contain" preload="metadata" muted>
-            <source src="${l}" type="${n.type}">
-          </video>
-          <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center">
-            <div class="bg-white bg-opacity-90 rounded-full p-1">
-              <svg class="w-4 h-4 text-gray-800" fill="currentColor" viewBox="0 0 24 24">
-                <path d="M8 5v14l11-7z"/>
-              </svg>
-            </div>
-          </div>
-        </div>
-      `}else if(o.config.getThumbnail)try{const l=await o.config.getThumbnail(t);l?e.innerHTML=`
-            <div class="relative group h-full w-full">
-              <video class="w-full h-full object-contain" preload="metadata" muted>
-                <source src="${l}" type="${n.type}">
-              </video>
-              <div class="absolute inset-0 bg-black bg-opacity-30 flex items-center justify-center">
-                <div class="bg-white bg-opacity-90 rounded-full p-1">
-                  <svg class="w-4 h-4 text-gray-800" fill="currentColor" viewBox="0 0 24 24">
-                    <path d="M8 5v14l11-7z"/>
-                  </svg>
-                </div>
-              </div>
-            </div>
-          `:e.innerHTML=`<div class="flex flex-col items-center justify-center h-full text-gray-400">
-            <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24">
-              <path d="M8 5v14l11-7z"/>
-            </svg>
-            <div class="text-xs mt-1">${(n==null?void 0:n.name)||"Video"}</div>
-          </div>`}catch(l){const s=l instanceof Error?l:new Error(String(l));o.config.onThumbnailError&&o.config.onThumbnailError(s,t),Q(e,"w-8 h-8")}else e.innerHTML=`<div class="flex flex-col items-center justify-center h-full text-gray-400">
-        <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24">
-          <path d="M8 5v14l11-7z"/>
-        </svg>
-        <div class="text-xs mt-1">${(n==null?void 0:n.name)||"Video"}</div>
-      </div>`;else e.innerHTML=`<div class="flex flex-col items-center justify-center h-full text-gray-400">
-      <div class="text-2xl mb-1">\u{1F4C1}</div>
-      <div class="text-xs">${(n==null?void 0:n.name)||"File"}</div>
-    </div>`}function U(e,t){e.innerHTML=`
-    <div class="flex flex-col items-center justify-center h-full text-gray-400">
-      <svg class="w-6 h-6 mb-2" fill="currentColor" viewBox="0 0 24 24">
-        <path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/>
-      </svg>
-      <div class="text-sm text-center">${S("clickDragText",t)}</div>
-    </div>
-  `}async function ee(e,t,n,o,a=null,r){var l,s;let i;if(o.config.uploadFile)try{if(i=await o.config.uploadFile(e),typeof i!="string")throw new Error("Upload handler must return a string resource ID")}catch(u){const c=u instanceof Error?u:new Error(String(u));throw o.config.onUploadError&&o.config.onUploadError(c,e),new Error(`File upload failed: ${c.message}`)}else throw new Error("No upload handler configured. Set uploadHandler via FormBuilder.setUploadHandler()");o.resourceIndex.set(i,{name:e.name,type:e.type,size:e.size,uploadedAt:new Date,file:e});let d=(l=t.parentElement)==null?void 0:l.querySelector('input[type="hidden"]');d||(d=document.createElement("input"),d.type="hidden",d.name=n,(s=t.parentElement)==null||s.appendChild(d)),d.value=i,Z(t,i,o,{fileName:e.name,isReadonly:!1,deps:a}).catch(console.error),r&&!o.config.readonly&&r.triggerOnChange(n,i)}function P(e,t){e.addEventListener("dragover",n=>{n.preventDefault(),e.classList.add("border-blue-500","bg-blue-50")}),e.addEventListener("dragleave",n=>{n.preventDefault(),e.classList.remove("border-blue-500","bg-blue-50")}),e.addEventListener("drop",n=>{var o;n.preventDefault(),e.classList.remove("border-blue-500","bg-blue-50"),(o=n.dataTransfer)!=null&&o.files&&t(n.dataTransfer.files)})}function Ke(e,t,n){const o=e.querySelector(".delete-overlay");o&&o.remove();const a=document.createElement("div");a.className="delete-overlay absolute inset-0 bg-black bg-opacity-50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center";const r=document.createElement("button");r.className="bg-red-600 text-white px-3 py-1 rounded text-sm hover:bg-red-700 transition-colors",r.textContent=S("removeElement",t),r.onclick=l=>{l.stopPropagation(),n()},a.appendChild(r),e.appendChild(a)}async function te(e,t){if(t.config.uploadFile)try{const n=await t.config.uploadFile(e);if(typeof n!="string")throw new Error("Upload handler must return a string resource ID");return n}catch(n){const o=n instanceof Error?n:new Error(String(n));throw t.config.onUploadError&&t.config.onUploadError(o,e),new Error(`File upload failed: ${o.message}`)}else throw new Error("No upload handler configured. Set uploadHandler via FormBuilder.setUploadHandler()")}async function Qe(e,t,n){try{let o=null;if(n.config.getDownloadUrl?o=n.config.getDownloadUrl(e):n.config.getThumbnail&&(o=await n.config.getThumbnail(e)),o){const a=o.startsWith("http")?o:new URL(o,window.location.href).href,r=await fetch(a);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);const l=await r.blob();et(l,t)}else throw new Error("No download URL available for resource")}catch(o){const a=o instanceof Error?o:new Error(String(o));throw n.config.onDownloadError&&n.config.onDownloadError(a,e,t),console.error(`File download failed for ${t}:`,a),a}}function et(e,t){try{const n=URL.createObjectURL(e),o=document.createElement("a");o.href=n,o.download=t,o.style.display="none",document.body.appendChild(o),o.click(),document.body.removeChild(o),setTimeout(()=>{URL.revokeObjectURL(n)},100)}catch(n){throw new Error(`Blob download failed: ${n.message}`)}}function ne(e,t){e.length>0&&e.forEach(n=>{var o;if(!t.resourceIndex.has(n)){const a=n.split("/").pop()||"file",r=(o=a.split(".").pop())==null?void 0:o.toLowerCase();let l="application/octet-stream";r&&(["jpg","jpeg","png","gif","webp"].includes(r)?l=`image/${r==="jpg"?"jpeg":r}`:["mp4","webm","mov","avi"].includes(r)&&(l=`video/${r==="mov"?"quicktime":r}`)),t.resourceIndex.set(n,{name:a,type:l,size:0,uploadedAt:new Date,file:void 0})}})}function tt(e,t,n,o,a,r){var l;if(!a.resourceIndex.has(e)){const i=e.split("/").pop()||"file",d=(l=i.split(".").pop())==null?void 0:l.toLowerCase();let u="application/octet-stream";d&&(["jpg","jpeg","png","gif","webp"].includes(d)?u=`image/${d==="jpg"?"jpeg":d}`:["mp4","webm","mov","avi"].includes(d)&&(u=`video/${d==="mov"?"quicktime":d}`)),a.resourceIndex.set(e,{name:i,type:u,size:0,uploadedAt:new Date,file:void 0})}Z(t,e,a,{fileName:e,isReadonly:!1,deps:r}).catch(console.error);const s=document.createElement("input");s.type="hidden",s.name=n,s.value=e,o.appendChild(s)}function re(e,t,n,o,a,r){P(e,async l=>{const s=Array.from(l);for(const i of s){const d=await te(i,n);n.resourceIndex.set(d,{name:i.name,type:i.type,size:i.size,uploadedAt:new Date,file:void 0}),t.push(d)}o(),r&&a&&!n.config.readonly&&r.triggerOnChange(a,t)})}function oe(e,t,n,o,a,r){e.onchange=async()=>{if(e.files)for(const l of Array.from(e.files)){const s=await te(l,n);n.resourceIndex.set(s,{name:l.name,type:l.type,size:l.size,uploadedAt:new Date,file:void 0}),t.push(s)}o(),e.value="",r&&a&&!n.config.readonly&&r.triggerOnChange(a,t)}}function nt(e,t,n,o){var a;const r=t.state;if(r.config.readonly){const l=t.prefill[e.key];if(l)O(l,r).then(s=>{n.appendChild(s)}).catch(s=>{console.error("Failed to render file preview:",s);const i=document.createElement("div");i.className="aspect-video bg-gray-100 rounded-lg flex items-center justify-center text-gray-500",i.innerHTML='<div class="text-center">Preview unavailable</div>',n.appendChild(i)});else{const s=document.createElement("div");s.className="aspect-video bg-gray-100 rounded-lg flex items-center justify-center text-gray-500",s.innerHTML=`<div class="text-center">${S("noFileSelected",r)}</div>`,n.appendChild(s)}}else{const l=document.createElement("div");l.className="space-y-2";const s=document.createElement("input");s.type="file",s.name=o,s.style.display="none",e.accept&&(s.accept=typeof e.accept=="string"?e.accept:((a=e.accept.extensions)==null?void 0:a.map(g=>`.${g}`).join(","))||"");const i=document.createElement("div");i.className="file-preview-container w-full aspect-square max-w-xs bg-gray-100 rounded-lg overflow-hidden relative group cursor-pointer";const d=t.prefill[e.key],u=()=>s.click(),c=g=>{if(g.length>0){const b={picker:s,fileUploadHandler:u,dragHandler:c};ee(g[0],i,o,r,b,t.instance)}};d?tt(d,i,o,l,r,{picker:s,fileUploadHandler:u,dragHandler:c}):U(i,r),i.onclick=u,P(i,c),s.onchange=()=>{if(s.files&&s.files.length>0){const g={picker:s,fileUploadHandler:u,dragHandler:c};ee(s.files[0],i,o,r,g,t.instance)}},l.appendChild(i),l.appendChild(s);const m=document.createElement("p");m.className="text-xs text-gray-600 mt-2 text-center",m.innerHTML=`<span class="underline cursor-pointer">${S("uploadText",r)}</span> ${S("dragDropTextSingle",r)}`;const f=m.querySelector("span");f&&(f.onclick=()=>s.click()),l.appendChild(m);const h=document.createElement("p");h.className="text-xs text-gray-500 mt-1 text-center",h.textContent=F(e),l.appendChild(h),n.appendChild(l)}}function rt(e,t,n,o){var a;const r=t.state;if(r.config.readonly){const l=document.createElement("div");l.className="space-y-4";const s=t.prefill[e.key]||[];s.length>0?s.forEach(i=>{O(i,r).then(d=>{l.appendChild(d)}).catch(d=>{console.error("Failed to render file preview:",d)})}):l.innerHTML=`<div class="aspect-video bg-gray-100 rounded-lg flex items-center justify-center text-gray-500"><div class="text-center">${S("noFilesSelected",r)}</div></div>`,n.appendChild(l)}else{let l=function(){K(u,c,r,f=>{const h=c.indexOf(f);h>-1&&c.splice(h,1),l()})};const s=document.createElement("div");s.className="space-y-2";const i=document.createElement("input");i.type="file",i.name=o,i.multiple=!0,i.style.display="none",e.accept&&(i.accept=typeof e.accept=="string"?e.accept:((a=e.accept.extensions)==null?void 0:a.map(f=>`.${f}`).join(","))||"");const d=document.createElement("div");d.className="border-2 border-dashed border-gray-300 rounded-lg p-3 hover:border-gray-400 transition-colors";const u=document.createElement("div");u.className="files-list";const c=t.prefill[e.key]||[];ne(c,r),l(),re(d,c,r,l,o,t.instance),oe(i,c,r,l,o,t.instance),d.appendChild(u),s.appendChild(d),s.appendChild(i);const m=document.createElement("p");m.className="text-xs text-gray-500 mt-1 text-center",m.textContent=F(e),s.appendChild(m),n.appendChild(s)}}function ot(e,t,n,o){var a,r,l;const s=t.state,i=(a=e.minCount)!=null?a:0,d=(r=e.maxCount)!=null?r:1/0;if(s.config.readonly){const u=document.createElement("div");u.className="space-y-4";const c=t.prefill[e.key]||[];c.length>0?c.forEach(m=>{O(m,s).then(f=>{u.appendChild(f)}).catch(f=>{console.error("Failed to render file preview:",f)})}):u.innerHTML=`<div class="aspect-video bg-gray-100 rounded-lg flex items-center justify-center text-gray-500"><div class="text-center">${S("noFilesSelected",s)}</div></div>`,n.appendChild(u)}else{const u=document.createElement("div");u.className="space-y-2";const c=document.createElement("input");c.type="file",c.name=o,c.multiple=!0,c.style.display="none",e.accept&&(c.accept=typeof e.accept=="string"?e.accept:((l=e.accept.extensions)==null?void 0:l.map(g=>`.${g}`).join(","))||"");const m=document.createElement("div");m.className="files-list space-y-2",u.appendChild(c),u.appendChild(m);const f=Array.isArray(t.prefill[e.key])?[...t.prefill[e.key]]:[];ne(f,s);const h=()=>{K(m,f,s,y=>{f.splice(f.indexOf(y),1),h()});const g=document.createElement("div");g.className="text-xs text-gray-500 mt-2 file-count-info";const b=`${f.length} file${f.length!==1?"s":""}`,x=i>0||d<1/0?` (${i}-${d} allowed)`:"";g.textContent=b+x;const v=u.querySelector(".file-count-info");v&&v.remove(),u.appendChild(g)};re(m,f,s,h,o,t.instance),oe(c,f,s,h,o,t.instance),h(),n.appendChild(u)}}function le(e,t,n){var o;const a=[],{scopeRoot:r,skipValidation:l,path:s}=n,i=e.type==="files"||"multiple"in e&&!!e.multiple,d=(u,c,m)=>{var f,h;if(l)return;const g="minCount"in m&&(f=m.minCount)!=null?f:0,b="maxCount"in m&&(h=m.maxCount)!=null?h:1/0;m.required&&c.length===0&&a.push(`${u}: required`),c.length<g&&a.push(`${u}: minimum ${g} files required`),c.length>b&&a.push(`${u}: maximum ${b} files allowed`)};if(i){const u=q(s,t),c=r.querySelector(`input[type="file"][name="${u}"]`),m=c==null?void 0:c.closest(".space-y-2"),f=(m==null?void 0:m.querySelector(".files-list"))||null,h=[];return f&&f.querySelectorAll(".resource-pill").forEach(g=>{const b=g.dataset.resourceId;b&&h.push(b)}),d(t,h,e),{value:h,errors:a}}else{const u=r.querySelector(`input[name$="${t}"][type="hidden"]`),c=(o=u==null?void 0:u.value)!=null?o:"";return!l&&e.required&&c===""?(a.push(`${t}: required`),{value:null,errors:a}):{value:c||null,errors:a}}}function ae(e,t,n,o){var a;const{scopeRoot:r,state:l}=o;if("multiple"in e&&e.multiple){if(!Array.isArray(n)){console.warn(`updateFileField: Expected array for multiple file field "${t}", got ${typeof n}`);return}n.forEach(s=>{var i;if(s&&typeof s=="string"&&!l.resourceIndex.has(s)){const d=s.split("/").pop()||"file",u=(i=d.split(".").pop())==null?void 0:i.toLowerCase();let c="application/octet-stream";u&&(["jpg","jpeg","png","gif","webp"].includes(u)?c=`image/${u==="jpg"?"jpeg":u}`:["mp4","webm","mov","avi"].includes(u)&&(c=`video/${u==="mov"?"quicktime":u}`)),l.resourceIndex.set(s,{name:d,type:c,size:0,uploadedAt:new Date,file:void 0})}}),console.info(`updateFileField: Multiple file field "${t}" updated. Preview update requires re-render.`)}else{const s=r.querySelector(`input[name="${t}"][type="hidden"]`);if(!s){console.warn(`updateFileField: Hidden input not found for file field "${t}"`);return}if(s.value=n!=null?String(n):"",n&&typeof n=="string"){if(!l.resourceIndex.has(n)){const i=n.split("/").pop()||"file",d=(a=i.split(".").pop())==null?void 0:a.toLowerCase();let u="application/octet-stream";d&&(["jpg","jpeg","png","gif","webp"].includes(d)?u=`image/${d==="jpg"?"jpeg":d}`:["mp4","webm","mov","avi"].includes(d)&&(u=`video/${d==="mov"?"quicktime":d}`)),l.resourceIndex.set(n,{name:i,type:u,size:0,uploadedAt:new Date,file:void 0})}console.info(`updateFileField: File field "${t}" updated. Preview update requires re-render.`)}}}function T(e){return e?e.toUpperCase():"#000000"}function V(e){return/^#[0-9A-F]{6}$/i.test(e)||/^#[0-9A-F]{3}$/i.test(e)}function ie(e){if(/^#[0-9A-F]{3}$/i.test(e)){const t=e[1],n=e[2],o=e[3];return`#${t}${t}${n}${n}${o}${o}`.toUpperCase()}return e.toUpperCase()}function se(e){const t=document.createElement("div");t.className="flex items-center gap-2";const n=T(e),o=document.createElement("div");o.style.cssText=`
-    width: 32px;
-    height: 32px;
-    border-radius: var(--fb-border-radius);
-    border: var(--fb-border-width) solid var(--fb-border-color);
-    background-color: ${n};
-  `;const a=document.createElement("span");return a.style.cssText=`
-    font-size: var(--fb-font-size);
-    color: var(--fb-text-color);
-    font-family: var(--fb-font-family-mono, monospace);
-  `,a.textContent=n,t.appendChild(o),t.appendChild(a),t}function ce(e,t,n){const o=T(e),a=document.createElement("div");a.className="colour-picker-wrapper",a.style.cssText=`
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  `;const r=document.createElement("div");r.className="colour-swatch",r.style.cssText=`
-    width: 40px;
-    height: 40px;
-    border-radius: var(--fb-border-radius);
-    border: var(--fb-border-width) solid var(--fb-border-color);
-    background-color: ${o};
-    cursor: pointer;
-    transition: border-color var(--fb-transition-duration) ease-in-out;
-    flex-shrink: 0;
-  `;const l=document.createElement("input");l.type="text",l.className="colour-hex-input",l.name=t,l.value=o,l.placeholder="#000000",l.style.cssText=`
-    width: 100px;
-    padding: var(--fb-input-padding-y) var(--fb-input-padding-x);
-    border: var(--fb-border-width) solid var(--fb-border-color);
-    border-radius: var(--fb-border-radius);
-    background-color: var(--fb-background-color);
-    color: var(--fb-text-color);
-    font-size: var(--fb-font-size);
-    font-family: var(--fb-font-family-mono, monospace);
-    transition: all var(--fb-transition-duration) ease-in-out;
-  `;const s=document.createElement("input");return s.type="color",s.className="colour-picker-hidden",s.value=o.toLowerCase(),s.style.cssText=`
-    position: absolute;
-    opacity: 0;
-    pointer-events: none;
-  `,l.addEventListener("input",()=>{const i=l.value.trim();if(V(i)){const d=ie(i);r.style.backgroundColor=d,s.value=d.toLowerCase(),l.classList.remove("invalid"),n.instance&&n.instance.triggerOnChange(t,d)}else l.classList.add("invalid")}),l.addEventListener("blur",()=>{const i=l.value.trim();if(V(i)){const d=ie(i);l.value=d,r.style.backgroundColor=d,s.value=d.toLowerCase(),l.classList.remove("invalid")}}),s.addEventListener("change",()=>{const i=T(s.value);l.value=i,r.style.backgroundColor=i,n.instance&&n.instance.triggerOnChange(t,i)}),r.addEventListener("click",()=>{s.click()}),r.addEventListener("mouseenter",()=>{r.style.borderColor="var(--fb-border-hover-color)"}),r.addEventListener("mouseleave",()=>{r.style.borderColor="var(--fb-border-color)"}),l.addEventListener("focus",()=>{l.style.borderColor="var(--fb-border-focus-color)",l.style.outline="var(--fb-focus-ring-width) solid var(--fb-focus-ring-color)",l.style.outlineOffset="0"}),l.addEventListener("blur",()=>{l.style.borderColor="var(--fb-border-color)",l.style.outline="none"}),l.addEventListener("mouseenter",()=>{document.activeElement!==l&&(l.style.borderColor="var(--fb-border-hover-color)")}),l.addEventListener("mouseleave",()=>{document.activeElement!==l&&(l.style.borderColor="var(--fb-border-color)")}),a.appendChild(r),a.appendChild(l),a.appendChild(s),a}function lt(e,t,n,o){const a=t.state,r=t.prefill[e.key]||e.default||"#000000";if(a.config.readonly){const s=se(r);n.appendChild(s)}else{const s=ce(r,o,t);n.appendChild(s)}const l=document.createElement("p");l.className="mt-1",l.style.cssText=`
-    font-size: var(--fb-font-size-small);
-    color: var(--fb-text-secondary-color);
-  `,l.textContent=F(e),n.appendChild(l)}function at(e,t,n,o){var a,r;const l=t.state,s=t.prefill[e.key]||[],i=Array.isArray(s)?[...s]:[],d=(a=e.minCount)!=null?a:1,u=(r=e.maxCount)!=null?r:1/0;for(;i.length<d;)i.push(e.default||"#000000");const c=document.createElement("div");c.className="space-y-2",n.appendChild(c);function m(){c.querySelectorAll(".multiple-colour-item").forEach((x,v)=>{const y=x.querySelector("input");y&&(y.name=`${o}[${v}]`)})}function f(x="#000000",v=-1){const y=document.createElement("div");if(y.className="multiple-colour-item flex items-center gap-2",l.config.readonly){const p=se(x);for(;p.firstChild;)y.appendChild(p.firstChild)}else{const p=`${o}[${c.children.length}]`,C=ce(x,p,t);C.style.flex="1",y.appendChild(C)}return v===-1?c.appendChild(y):c.insertBefore(y,c.children[v]),m(),y}function h(){if(l.config.readonly)return;const x=c.querySelectorAll(".multiple-colour-item"),v=x.length;x.forEach(y=>{let p=y.querySelector(".remove-item-btn");p||(p=document.createElement("button"),p.type="button",p.className="remove-item-btn px-2 py-1 rounded",p.style.cssText=`
-          color: var(--fb-error-color);
-          background-color: transparent;
-          transition: background-color var(--fb-transition-duration);
-        `,p.innerHTML="\u2715",p.addEventListener("mouseenter",()=>{p.style.backgroundColor="var(--fb-background-hover-color)"}),p.addEventListener("mouseleave",()=>{p.style.backgroundColor="transparent"}),p.onclick=()=>{const E=Array.from(c.children).indexOf(y);c.children.length>d&&(i.splice(E,1),y.remove(),m(),g(),h())},y.appendChild(p));const C=v<=d;p.disabled=C,p.style.opacity=C?"0.5":"1",p.style.pointerEvents=C?"none":"auto"})}function g(){const x=n.querySelector(".add-colour-btn");if(x&&x.remove(),!l.config.readonly&&i.length<u){const v=document.createElement("button");v.type="button",v.className="add-colour-btn mt-2 px-3 py-1 rounded",v.style.cssText=`
-        color: var(--fb-primary-color);
-        border: var(--fb-border-width) solid var(--fb-primary-color);
-        background-color: transparent;
-        font-size: var(--fb-font-size);
-        transition: all var(--fb-transition-duration);
-      `,v.textContent=`+ Add ${e.label||"Colour"}`,v.addEventListener("mouseenter",()=>{v.style.backgroundColor="var(--fb-background-hover-color)"}),v.addEventListener("mouseleave",()=>{v.style.backgroundColor="transparent"}),v.onclick=()=>{const y=e.default||"#000000";i.push(y),f(y),g(),h()},n.appendChild(v)}}i.forEach(x=>f(x)),g(),h();const b=document.createElement("p");b.className="mt-1",b.style.cssText=`
-    font-size: var(--fb-font-size-small);
-    color: var(--fb-text-secondary-color);
-  `,b.textContent=F(e),n.appendChild(b)}function it(e,t,n){var o,a,r;const l=[],{scopeRoot:s,skipValidation:i}=n,d=(c,m)=>{var f,h;if(!c)return;const g=`error-${c.getAttribute("name")||Math.random().toString(36).substring(7)}`;let b=document.getElementById(g);m?(c.classList.add("invalid"),c.title=m,b||(b=document.createElement("div"),b.id=g,b.className="error-message",b.style.cssText=`
-          color: var(--fb-error-color);
-          font-size: var(--fb-font-size-small);
-          margin-top: 0.25rem;
-        `,c.nextSibling?(f=c.parentNode)==null||f.insertBefore(b,c.nextSibling):(h=c.parentNode)==null||h.appendChild(b)),b.textContent=m,b.style.display="block"):(c.classList.remove("invalid"),c.title="",b&&b.remove())},u=(c,m,f)=>{if(!m)return!i&&e.required?(l.push(`${f}: required`),d(c,"required"),""):(d(c,null),"");const h=T(m);return!i&&!V(h)?(l.push(`${f}: invalid hex colour format`),d(c,"invalid hex colour format"),m):(d(c,null),h)};if(e.multiple){const c=s.querySelectorAll(".colour-hex-input"),m=[];if(c.forEach((f,h)=>{var g;const b=(g=f==null?void 0:f.value)!=null?g:"",x=u(f,b,`${t}[${h}]`);m.push(x)}),!i){const f=(o=e.minCount)!=null?o:1,h=(a=e.maxCount)!=null?a:1/0,g=m.filter(b=>b!=="");e.required&&g.length===0&&l.push(`${t}: required`),g.length<f&&l.push(`${t}: minimum ${f} items required`),g.length>h&&l.push(`${t}: maximum ${h} items allowed`)}return{value:m,errors:l}}else{const c=s.querySelector(`[name="${t}"].colour-hex-input`),m=(r=c==null?void 0:c.value)!=null?r:"";return!i&&e.required&&m===""?(l.push(`${t}: required`),d(c,"required"),{value:"",errors:l}):{value:u(c,m,t),errors:l}}}function st(e,t,n,o){const{scopeRoot:a}=o;if(e.multiple){if(!Array.isArray(n)){console.warn(`updateColourField: Expected array for multiple field "${t}", got ${typeof n}`);return}const r=a.querySelectorAll(".colour-hex-input");r.forEach((l,s)=>{if(s<n.length){const i=T(n[s]);l.value=i,l.classList.remove("invalid"),l.title="";const d=l.closest(".colour-picker-wrapper");if(d){const u=d.querySelector(".colour-swatch"),c=d.querySelector(".colour-picker-hidden");u&&(u.style.backgroundColor=i),c&&(c.value=i.toLowerCase())}}}),n.length!==r.length&&console.warn(`updateColourField: Multiple field "${t}" has ${r.length} inputs but received ${n.length} values. Consider re-rendering for add/remove.`)}else{const r=a.querySelector(`[name="${t}"].colour-hex-input`);if(r){const l=T(n);r.value=l,r.classList.remove("invalid"),r.title="";const s=r.closest(".colour-picker-wrapper");if(s){const i=s.querySelector(".colour-swatch"),d=s.querySelector(".colour-picker-hidden");i&&(i.style.backgroundColor=l),d&&(d.value=l.toLowerCase())}}}}function de(e,t,n){if(t<=0)throw new Error("Exponential scale requires min > 0");const o=Math.log(t),a=Math.log(n);return Math.exp(o+e*(a-o))}function _(e,t,n){if(t<=0)throw new Error("Exponential scale requires min > 0");const o=Math.log(t),a=Math.log(n);return(Math.log(e)-o)/(a-o)}function B(e,t){return Math.round(e/t)*t}function ue(e,t,n,o,a){var r;const l=document.createElement("div");l.className="slider-container space-y-2";const s=document.createElement("div");s.className="flex items-center gap-3";const i=document.createElement("input");i.type="range",i.name=t,i.className="slider-input flex-1",i.disabled=a;const d=n.scale||"linear",u=n.min,c=n.max,m=(r=n.step)!=null?r:1;if(d==="exponential"){if(u<=0)throw new Error(`Slider "${n.key}": exponential scale requires min > 0 (got ${u})`);i.min="0",i.max="1000",i.step="1";const x=_(e,u,c);i.value=(x*1e3).toString()}else i.min=u.toString(),i.max=c.toString(),i.step=m.toString(),i.value=e.toString();i.style.cssText=`
-    height: 6px;
-    border-radius: 3px;
-    background: linear-gradient(
-      to right,
-      var(--fb-primary-color) 0%,
-      var(--fb-primary-color) ${(e-u)/(c-u)*100}%,
-      var(--fb-border-color) ${(e-u)/(c-u)*100}%,
-      var(--fb-border-color) 100%
-    );
-    outline: none;
-    transition: background 0.1s ease-in-out;
-    cursor: ${a?"not-allowed":"pointer"};
-    opacity: ${a?"0.6":"1"};
-  `;const f=document.createElement("span");f.className="slider-value",f.style.cssText=`
-    min-width: 60px;
-    text-align: right;
-    font-size: var(--fb-font-size);
-    color: var(--fb-text-color);
-    font-family: var(--fb-font-family-mono, monospace);
-    font-weight: 500;
-  `,f.textContent=e.toFixed(m<1?2:0),s.appendChild(i),s.appendChild(f),l.appendChild(s);const h=document.createElement("div");h.className="flex justify-between",h.style.cssText=`
-    font-size: var(--fb-font-size-small);
-    color: var(--fb-text-secondary-color);
-  `;const g=document.createElement("span");g.textContent=u.toString();const b=document.createElement("span");if(b.textContent=c.toString(),h.appendChild(g),h.appendChild(b),l.appendChild(h),!a){const x=()=>{let v;if(d==="exponential"){const p=parseFloat(i.value)/1e3;v=de(p,u,c),v=B(v,m),v=Math.max(u,Math.min(c,v))}else v=parseFloat(i.value),v=B(v,m);f.textContent=v.toFixed(m<1?2:0);const y=(v-u)/(c-u)*100;i.style.background=`linear-gradient(
-        to right,
-        var(--fb-primary-color) 0%,
-        var(--fb-primary-color) ${y}%,
-        var(--fb-border-color) ${y}%,
-        var(--fb-border-color) 100%
-      )`,o.instance&&o.instance.triggerOnChange(t,v)};i.addEventListener("input",x),i.addEventListener("change",x)}return l}function ct(e,t,n,o){var a;if(e.min===void 0||e.min===null)throw new Error(`Slider field "${e.key}" requires "min" property`);if(e.max===void 0||e.max===null)throw new Error(`Slider field "${e.key}" requires "max" property`);if(e.min>=e.max)throw new Error(`Slider field "${e.key}": min (${e.min}) must be less than max (${e.max})`);const r=t.state,l=e.default!==void 0?e.default:(e.min+e.max)/2,s=(a=t.prefill[e.key])!=null?a:l,i=ue(s,o,e,t,r.config.readonly);n.appendChild(i);const d=document.createElement("p");d.className="mt-1",d.style.cssText=`
-    font-size: var(--fb-font-size-small);
-    color: var(--fb-text-secondary-color);
-  `,d.textContent=F(e),n.appendChild(d)}function dt(e,t,n,o){var a,r;if(e.min===void 0||e.min===null)throw new Error(`Slider field "${e.key}" requires "min" property`);if(e.max===void 0||e.max===null)throw new Error(`Slider field "${e.key}" requires "max" property`);if(e.min>=e.max)throw new Error(`Slider field "${e.key}": min (${e.min}) must be less than max (${e.max})`);const l=t.state,s=t.prefill[e.key]||[],i=Array.isArray(s)?[...s]:[],d=(a=e.minCount)!=null?a:1,u=(r=e.maxCount)!=null?r:1/0,c=e.default!==void 0?e.default:(e.min+e.max)/2;for(;i.length<d;)i.push(c);const m=document.createElement("div");m.className="space-y-3",n.appendChild(m);function f(){m.querySelectorAll(".multiple-slider-item").forEach((v,y)=>{const p=v.querySelector("input[type=range]");p&&p.setAttribute("name",`${o}[${y}]`)})}function h(v=c,y=-1){const p=document.createElement("div");p.className="multiple-slider-item flex items-start gap-2";const C=`${o}[${m.children.length}]`,E=ue(v,C,e,t,l.config.readonly);return E.style.flex="1",p.appendChild(E),y===-1?m.appendChild(p):m.insertBefore(p,m.children[y]),f(),p}function g(){if(l.config.readonly)return;const v=m.querySelectorAll(".multiple-slider-item"),y=v.length;v.forEach(p=>{let C=p.querySelector(".remove-item-btn");C||(C=document.createElement("button"),C.type="button",C.className="remove-item-btn px-2 py-1 rounded",C.style.cssText=`
-          color: var(--fb-error-color);
-          background-color: transparent;
-          transition: background-color var(--fb-transition-duration);
-          margin-top: 8px;
-        `,C.innerHTML="\u2715",C.addEventListener("mouseenter",()=>{C.style.backgroundColor="var(--fb-background-hover-color)"}),C.addEventListener("mouseleave",()=>{C.style.backgroundColor="transparent"}),C.onclick=()=>{const w=Array.from(m.children).indexOf(p);m.children.length>d&&(i.splice(w,1),p.remove(),f(),b(),g())},p.appendChild(C));const E=y<=d;C.disabled=E,C.style.opacity=E?"0.5":"1",C.style.pointerEvents=E?"none":"auto"})}function b(){const v=n.querySelector(".add-slider-btn");if(v&&v.remove(),!l.config.readonly&&i.length<u){const y=document.createElement("button");y.type="button",y.className="add-slider-btn mt-2 px-3 py-1 rounded",y.style.cssText=`
-        color: var(--fb-primary-color);
-        border: var(--fb-border-width) solid var(--fb-primary-color);
-        background-color: transparent;
-        font-size: var(--fb-font-size);
-        transition: all var(--fb-transition-duration);
-      `,y.textContent=`+ Add ${e.label||"Slider"}`,y.addEventListener("mouseenter",()=>{y.style.backgroundColor="var(--fb-background-hover-color)"}),y.addEventListener("mouseleave",()=>{y.style.backgroundColor="transparent"}),y.onclick=()=>{i.push(c),h(c),b(),g()},n.appendChild(y)}}i.forEach(v=>h(v)),b(),g();const x=document.createElement("p");x.className="mt-1",x.style.cssText=`
-    font-size: var(--fb-font-size-small);
-    color: var(--fb-text-secondary-color);
-  `,x.textContent=F(e),n.appendChild(x)}function ut(e,t,n){var o,a,r;const l=[],{scopeRoot:s,skipValidation:i}=n;if(e.min===void 0||e.min===null)throw new Error(`Slider validation: field "${t}" requires "min" property`);if(e.max===void 0||e.max===null)throw new Error(`Slider validation: field "${t}" requires "max" property`);const d=e.min,u=e.max,c=(o=e.step)!=null?o:1,m=e.scale||"linear",f=(g,b)=>{var x,v;if(!g)return;const y=`error-${g.getAttribute("name")||Math.random().toString(36).substring(7)}`;let p=document.getElementById(y);if(b){if(g.classList.add("invalid"),g.title=b,!p){p=document.createElement("div"),p.id=y,p.className="error-message",p.style.cssText=`
-          color: var(--fb-error-color);
-          font-size: var(--fb-font-size-small);
-          margin-top: 0.25rem;
-        `;const C=g.closest(".slider-container");C&&C.nextSibling?(x=C.parentNode)==null||x.insertBefore(p,C.nextSibling):C&&((v=C.parentNode)==null||v.appendChild(p))}p.textContent=b,p.style.display="block"}else g.classList.remove("invalid"),g.title="",p&&p.remove()},h=(g,b)=>{const x=g.value;if(!x)return!i&&e.required?(l.push(`${b}: required`),f(g,"required"),null):(f(g,null),null);let v;if(m==="exponential"){const y=parseFloat(x)/1e3;v=de(y,d,u),v=B(v,c)}else v=parseFloat(x),v=B(v,c);if(!i){if(v<d)return l.push(`${b}: value ${v} < min ${d}`),f(g,`value must be >= ${d}`),v;if(v>u)return l.push(`${b}: value ${v} > max ${u}`),f(g,`value must be <= ${u}`),v}return f(g,null),v};if(e.multiple){const g=s.querySelectorAll(`input[type="range"][name^="${t}["]`),b=[];if(g.forEach((x,v)=>{const y=h(x,`${t}[${v}]`);b.push(y)}),!i){const x=(a=e.minCount)!=null?a:1,v=(r=e.maxCount)!=null?r:1/0,y=b.filter(p=>p!==null);e.required&&y.length===0&&l.push(`${t}: required`),y.length<x&&l.push(`${t}: minimum ${x} items required`),y.length>v&&l.push(`${t}: maximum ${v} items allowed`)}return{value:b,errors:l}}else{const g=s.querySelector(`input[type="range"][name="${t}"]`);return g?{value:h(g,t),errors:l}:(!i&&e.required&&l.push(`${t}: required`),{value:null,errors:l})}}function pt(e,t,n,o){var a;const{scopeRoot:r}=o,l=e.min,s=e.max,i=(a=e.step)!=null?a:1,d=e.scale||"linear";if(e.multiple){if(!Array.isArray(n)){console.warn(`updateSliderField: Expected array for multiple field "${t}", got ${typeof n}`);return}const u=r.querySelectorAll(`input[type="range"][name^="${t}["]`);u.forEach((c,m)=>{if(m<n.length&&n[m]!==null){const f=Number(n[m]);if(d==="exponential"){const g=_(f,l,s);c.value=(g*1e3).toString()}else c.value=f.toString();const h=c.closest(".slider-container");if(h){const g=h.querySelector(".slider-value");g&&(g.textContent=f.toFixed(i<1?2:0));const b=(f-l)/(s-l)*100;c.style.background=`linear-gradient(
-            to right,
-            var(--fb-primary-color) 0%,
-            var(--fb-primary-color) ${b}%,
-            var(--fb-border-color) ${b}%,
-            var(--fb-border-color) 100%
-          )`}c.classList.remove("invalid"),c.title=""}}),n.length!==u.length&&console.warn(`updateSliderField: Multiple field "${t}" has ${u.length} sliders but received ${n.length} values. Consider re-rendering for add/remove.`)}else{const u=r.querySelector(`input[type="range"][name="${t}"]`);if(u&&n!==null&&n!==void 0){const c=Number(n);if(d==="exponential"){const f=_(c,l,s);u.value=(f*1e3).toString()}else u.value=c.toString();const m=u.closest(".slider-container");if(m){const f=m.querySelector(".slider-value");f&&(f.textContent=c.toFixed(i<1?2:0));const h=(c-l)/(s-l)*100;u.style.background=`linear-gradient(
-          to right,
-          var(--fb-primary-color) 0%,
-          var(--fb-primary-color) ${h}%,
-          var(--fb-border-color) ${h}%,
-          var(--fb-border-color) 100%
-        )`}u.classList.remove("invalid"),u.title=""}}}let W=null;function mt(e){W=e}function j(e,t){if(!W)throw new Error("renderElement not initialized. Import from components/index.ts");return W(e,t)}function pe(e,t){if(!e.prefillHints||e.prefillHints.length===0)return null;const n=document.createElement("div");return n.className="fb-prefill-hints flex flex-wrap gap-2 mb-4",e.prefillHints.forEach((o,a)=>{const r=document.createElement("button");r.type="button",r.className="fb-prefill-hint",r.textContent=o.label,r.setAttribute("data-hint-values",JSON.stringify(o.values)),r.setAttribute("data-container-key",t),r.setAttribute("data-hint-index",String(a)),n.appendChild(r)}),n}function me(e,t,n,o){var a,r;const l=document.createElement("div");l.className="border border-gray-200 rounded-lg p-4 bg-gray-50",l.setAttribute("data-container",o);const s=document.createElement("div");s.className="flex justify-between items-center mb-4";const i=document.createElement("div");i.className="flex-1";const d=document.createElement("div"),u=e.columns||1;if(u===1?d.className="space-y-4":d.className=`grid grid-cols-${u} gap-4`,l.appendChild(s),s.appendChild(i),!t.state.config.readonly){const m=pe(e,o);m&&l.appendChild(m)}const c={path:q(t.path,e.key),prefill:((a=t.prefill)==null?void 0:a[e.key])||{},formData:(r=t.formData)!=null?r:t.prefill,state:t.state};e.elements.forEach(m=>{m.hidden||d.appendChild(j(m,c))}),l.appendChild(d),i.innerHTML=`<span>${e.label||e.key}</span>`,n.appendChild(l)}function fe(e,t,n,o){var a,r,l,s;const i=t.state,d=document.createElement("div");d.className="border border-gray-200 rounded-lg p-4 bg-gray-50";const u=document.createElement("div");u.className="flex justify-between items-center mb-4";const c=document.createElement("div");c.className="flex-1";const m=document.createElement("div");m.className="flex gap-2";const f=document.createElement("div");if(f.className="space-y-4",d.appendChild(u),u.appendChild(c),i.config.readonly||u.appendChild(m),!t.state.config.readonly){const p=pe(e,e.key);p&&d.appendChild(p)}const h=(a=e.minCount)!=null?a:0,g=(r=e.maxCount)!=null?r:1/0,b=Array.isArray((l=t.prefill)==null?void 0:l[e.key])?t.prefill[e.key]:null,x=()=>f.querySelectorAll(":scope > .containerItem").length,v=()=>{const p=document.createElement("button");return p.type="button",p.className="px-3 py-1.5 bg-blue-600 text-white text-sm rounded-lg hover:bg-blue-700 transition-colors",p.textContent=S("addElement",i),p.onclick=()=>{var C;if(x()<g){const E=x(),w={state:t.state,path:q(t.path,`${e.key}[${E}]`),prefill:{},formData:(C=t.formData)!=null?C:t.prefill},$=document.createElement("div");$.className="containerItem border border-gray-300 rounded-lg p-4 bg-white",$.setAttribute("data-container-item",`${e.key}[${E}]`);const L=document.createElement("div"),A=e.columns||1;if(A===1?L.className="space-y-4":L.className=`grid grid-cols-${A} gap-4`,e.elements.forEach(k=>{k.hidden||L.appendChild(j(k,w))}),$.appendChild(L),!i.config.readonly){const k=document.createElement("button");k.type="button",k.className="absolute top-2 right-2 w-6 h-6 bg-red-500 text-white rounded-full text-xs hover:bg-red-600 transition-colors",k.textContent="\xD7",k.onclick=()=>{$.remove(),y()},$.style.position="relative",$.appendChild(k)}f.appendChild($),y()}},p},y=()=>{const p=x(),C=m.querySelector("button");C&&(C.disabled=p>=g,C.style.opacity=p>=g?"0.5":"1"),c.innerHTML=`<span>${e.label||e.key}</span> <span class="text-sm text-gray-500">(${p}/${g===1/0?"\u221E":g})</span>`};if(i.config.readonly||m.appendChild(v()),b&&Array.isArray(b)&&b.forEach((p,C)=>{var E;const w={state:t.state,path:q(t.path,`${e.key}[${C}]`),prefill:p||{},formData:(E=t.formData)!=null?E:t.prefill},$=document.createElement("div");$.className="containerItem border border-gray-300 rounded-lg p-4 bg-white",$.setAttribute("data-container-item",`${e.key}[${C}]`);const L=document.createElement("div"),A=e.columns||1;if(A===1?L.className="space-y-4":L.className=`grid grid-cols-${A} gap-4`,e.elements.forEach(k=>{k.hidden||L.appendChild(j(k,w))}),$.appendChild(L),!i.config.readonly){const k=document.createElement("button");k.type="button",k.className="absolute top-2 right-2 w-6 h-6 bg-red-500 text-white rounded-full text-xs hover:bg-red-600 transition-colors",k.textContent="\xD7",k.onclick=()=>{$.remove(),y()},$.style.position="relative",$.appendChild(k)}f.appendChild($)}),!i.config.readonly)for(;x()<h;){const p=x(),C={state:t.state,path:q(t.path,`${e.key}[${p}]`),prefill:{},formData:(s=t.formData)!=null?s:t.prefill},E=document.createElement("div");E.className="containerItem border border-gray-300 rounded-lg p-4 bg-white",E.setAttribute("data-container-item",`${e.key}[${p}]`);const w=document.createElement("div"),$=e.columns||1;$===1?w.className="space-y-4":w.className=`grid grid-cols-${$} gap-4`,e.elements.forEach(A=>{A.hidden||w.appendChild(j(A,C))}),E.appendChild(w);const L=document.createElement("button");L.type="button",L.className="absolute top-2 right-2 w-6 h-6 bg-red-500 text-white rounded-full text-xs hover:bg-red-600 transition-colors",L.textContent="\xD7",L.onclick=()=>{x()>h&&(E.remove(),y())},E.style.position="relative",E.appendChild(L),f.appendChild(E)}d.appendChild(f),y(),n.appendChild(d)}let J=null;function ft(e){J=e}function he(e,t,n){if(!J)throw new Error("validateElement not initialized. Should be set from FormBuilderInstance");return J(e,t,n)}function ve(e,t,n){const o=[],{scopeRoot:a,skipValidation:r,path:l}=n;if(!("elements"in e))return{value:null,errors:o};const s=(i,d,u)=>{var c,m;if(r)return;const f="minCount"in u&&(c=u.minCount)!=null?c:0,h="maxCount"in u&&(m=u.maxCount)!=null?m:1/0;u.required&&d.length===0&&o.push(`${i}: required`),d.length<f&&o.push(`${i}: minimum ${f} items required`),d.length>h&&o.push(`${i}: maximum ${h} items allowed`)};if("multiple"in e&&e.multiple){const i=[],d=a.querySelectorAll("[data-container-item]"),u=Array.from(d).filter(c=>{const m=c.getAttribute("data-container-item");return m==null?void 0:m.startsWith(`${t}[`)}).length;for(let c=0;c<u;c++){const m={},f=a.querySelector(`[data-container-item="${t}[${c}]"]`)||a;e.elements.forEach(h=>{if(h.hidden||h.type==="hidden")m[h.key]=h.default!==void 0?h.default:null;else{const g=`${t}[${c}].${h.key}`;m[h.key]=he({...h,key:g},{path:l},f)}}),i.push(m)}return s(t,i,e),{value:i,errors:o}}else{const i={},d=a.querySelector(`[data-container="${t}"]`)||a;return e.elements.forEach(u=>{if(u.hidden||u.type==="hidden")i[u.key]=u.default!==void 0?u.default:null;else{const c=`${t}.${u.key}`;i[u.key]=he({...u,key:c},{path:l},d)}}),{value:i,errors:o}}}function ge(e,t,n,o){const{instance:a,scopeRoot:r}=o;if("elements"in e)if("multiple"in e&&e.multiple){if(!Array.isArray(n)){console.warn(`updateContainerField: Expected array for multiple container field "${t}", got ${typeof n}`);return}n.forEach((s,i)=>{z(s)&&e.elements.forEach(d=>{const u=d.key,c=`${t}[${i}].${u}`,m=s[u];m!==void 0&&a.updateField(c,m)})});const l=r.querySelectorAll(`[data-container-item^="${t}["]`);n.length!==l.length&&console.warn(`updateContainerField: Multiple container field "${t}" item count mismatch. Consider re-rendering for add/remove.`)}else{if(!z(n)){console.warn(`updateContainerField: Expected object for container field "${t}", got ${typeof n}`);return}e.elements.forEach(l=>{const s=l.key,i=`${t}.${s}`,d=n[s];d!==void 0&&a.updateField(i,d)})}}function ht(e,t,n,o){var a,r;typeof console!="undefined"&&console.warn&&console.warn(`[Form Builder] The "group" field type is deprecated and will be removed in a future version. Please use type: "container" with multiple: true instead. Field key: "${e.key}"`);const l={key:e.key,label:e.label,description:e.description,hint:e.hint,required:e.required,hidden:e.hidden,default:e.default,actions:e.actions,elements:e.elements,multiple:!!(e.repeat&&z(e.repeat)),minCount:(a=e.repeat)==null?void 0:a.min,maxCount:(r=e.repeat)==null?void 0:r.max};l.multiple?fe(l,t,n):me(l,t,n,o)}function ye(e){var t,n;const o=e;return{type:"container",key:o.key,label:o.label,description:o.description,hint:o.hint,required:o.required,hidden:o.hidden,default:o.default,actions:o.actions,elements:o.elements,multiple:!!(o.repeat&&z(o.repeat)),minCount:(t=o.repeat)==null?void 0:t.min,maxCount:(n=o.repeat)==null?void 0:n.max}}function vt(e,t,n){typeof console!="undefined"&&console.warn&&console.warn(`[Form Builder] The "group" field type is deprecated. Please use type: "container" instead. Field key: "${t}"`);const o=ye(e);return ve(o,t,n)}function gt(e,t,n,o){typeof console!="undefined"&&console.warn&&console.warn(`[Form Builder] The "group" field type is deprecated. Please use type: "container" instead. Field path: "${t}"`);const a=ye(e);return ge(a,t,n,o)}function yt(e,t){const n=document.getElementById(e);if(!n)return;const o=!n.classList.contains("hidden");if(document.querySelectorAll('[id^="tooltip-"]').forEach(u=>{u.classList.add("hidden")}),o)return;const a=t.getBoundingClientRect(),r=window.innerWidth,l=window.innerHeight;n&&n.parentElement!==document.body&&document.body.appendChild(n),n.style.visibility="hidden",n.style.position="fixed",n.classList.remove("hidden");const s=n.getBoundingClientRect();n.classList.add("hidden"),n.style.visibility="visible";let i=a.left,d=a.bottom+5;i+s.width>r&&(i=a.right-s.width),d+s.height>l&&(d=a.top-s.height-5),i<10&&(i=10),d<10&&(d=a.bottom+5),n.style.left=`${i}px`,n.style.top=`${d}px`,n.classList.remove("hidden"),setTimeout(()=>{n.classList.add("hidden")},25e3)}typeof document!="undefined"&&document.addEventListener("click",e=>{const t=e.target,n=t.closest("button")&&t.closest("button").onclick,o=t.closest('[id^="tooltip-"]');!n&&!o&&document.querySelectorAll('[id^="tooltip-"]').forEach(a=>{a.classList.add("hidden")})});function bt(e,t){var n;if(!e.displayIf)return null;try{const o=(n=t.formData)!=null?n:t.prefill;if(!R(e.displayIf,o)){const a=document.createElement("div");return a.className="fb-field-wrapper-hidden",a.style.display="none",a.setAttribute("data-field-key",e.key),a.setAttribute("data-conditionally-hidden","true"),a}}catch(o){console.error(`Error evaluating displayIf for field "${e.key}":`,o)}return null}function xt(e){const t=document.createElement("label");if(t.className="text-sm font-medium text-gray-900",t.textContent=e.label||e.key,e.required){const n=document.createElement("span");n.className="text-red-500 ml-1",n.textContent="*",t.appendChild(n)}return t}function Ct(e){const t=document.createElement("button");t.type="button",t.className="ml-2 text-gray-400 hover:text-gray-600",t.innerHTML='<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>';const n=`tooltip-${e.key}-${Math.random().toString(36).substr(2,9)}`,o=document.createElement("div");return o.id=n,o.className="hidden absolute z-50 bg-gray-200 text-gray-900 text-sm rounded-lg p-3 max-w-sm border border-gray-300 shadow-lg",o.style.position="fixed",o.textContent=e.description||e.hint||"Field information",document.body.appendChild(o),t.onclick=a=>{a.preventDefault(),a.stopPropagation(),yt(n,t)},t}function Et(e){const t=document.createElement("div");t.className="flex items-center mb-2";const n=xt(e);if(t.appendChild(n),e.description||e.hint){const o=Ct(e);t.appendChild(o)}return t}function $t(e,t,n,o){const a="multiple"in e&&e.multiple;switch(e.type){case"text":a?Ae(e,t,n,o):Ne(e,t,n,o);break;case"textarea":a?Te(e,t,n,o):qe(e,t,n,o);break;case"number":a?Be(e,t,n,o):ze(e,t,n,o);break;case"select":a?Re(e,t,n,o):De(e,t,n,o);break;case"file":a?ot(e,t,n,o):nt(e,t,n,o);break;case"files":rt(e,t,n,o);break;case"colour":a?at(e,t,n,o):lt(e,t,n,o);break;case"slider":a?dt(e,t,n,o):ct(e,t,n,o);break;case"group":ht(e,t,n,o);break;case"container":a?fe(e,t,n):me(e,t,n,o);break;default:{const r=document.createElement("div");r.className="text-red-500 text-sm",r.textContent=`Unsupported field type: ${e.type}`,n.appendChild(r)}}}function G(e,t){const n=bt(e,t);if(n)return n;const o=document.createElement("div");o.className="mb-6 fb-field-wrapper",o.setAttribute("data-field-key",e.key);const a=Et(e);o.appendChild(a);const r=q(t.path,e.key);return $t(e,t,o,r),o}mt(G);const wt={uploadFile:null,downloadFile:null,getThumbnail:null,getDownloadUrl:null,actionHandler:null,onChange:null,onFieldChange:null,onThumbnailError:null,onUploadError:null,onDownloadError:null,debounceMs:300,verboseErrors:!1,enableFilePreview:!0,maxPreviewSize:"200px",readonly:!1,locale:"en",translations:{en:{addElement:"Add Element",removeElement:"Remove",uploadText:"Upload",dragDropText:"or drag and drop files",dragDropTextSingle:"or drag and drop file",clickDragText:"Click or drag file",noFileSelected:"No file selected",noFilesSelected:"No files selected",downloadButton:"Download"},ru:{addElement:"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442",removeElement:"\u0423\u0434\u0430\u043B\u0438\u0442\u044C",uploadText:"\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435",dragDropText:"\u0438\u043B\u0438 \u043F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0444\u0430\u0439\u043B\u044B",dragDropTextSingle:"\u0438\u043B\u0438 \u043F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0444\u0430\u0439\u043B",clickDragText:"\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0438\u043B\u0438 \u043F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0444\u0430\u0439\u043B",noFileSelected:"\u0424\u0430\u0439\u043B \u043D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D",noFilesSelected:"\u041D\u0435\u0442 \u0444\u0430\u0439\u043B\u043E\u0432",downloadButton:"\u0421\u043A\u0430\u0447\u0430\u0442\u044C"}},theme:{}};function kt(e){return{schema:null,formRoot:null,resourceIndex:new Map,externalActions:null,version:"1.0.0",config:{...wt,...e},debounceTimer:null}}function St(){const e=Date.now().toString(36),t=Math.random().toString(36).substring(2,9);return`inst-${e}-${t}`}const M={primaryColor:"#3b82f6",primaryHoverColor:"#2563eb",errorColor:"#ef4444",errorHoverColor:"#dc2626",successColor:"#10b981",borderColor:"#d1d5db",borderHoverColor:"#9ca3af",borderFocusColor:"#3b82f6",backgroundColor:"#ffffff",backgroundHoverColor:"#f9fafb",backgroundReadonlyColor:"#f3f4f6",textColor:"#1f2937",textSecondaryColor:"#6b7280",textPlaceholderColor:"#9ca3af",textDisabledColor:"#d1d5db",buttonBgColor:"#3b82f6",buttonTextColor:"#ffffff",buttonBorderColor:"#2563eb",buttonHoverBgColor:"#2563eb",buttonHoverBorderColor:"#1d4ed8",actionBgColor:"#ffffff",actionTextColor:"#374151",actionBorderColor:"#e5e7eb",actionHoverBgColor:"#f9fafb",actionHoverBorderColor:"#d1d5db",fileUploadBgColor:"#f3f4f6",fileUploadBorderColor:"#d1d5db",fileUploadTextColor:"#9ca3af",fileUploadHoverBorderColor:"#3b82f6",inputPaddingX:"0.75rem",inputPaddingY:"0.5rem",borderRadius:"0.5rem",borderWidth:"1px",fontSize:"0.875rem",fontSizeSmall:"0.75rem",fontSizeExtraSmall:"0.625rem",fontFamily:'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',fontWeightNormal:"400",fontWeightMedium:"500",focusRingWidth:"2px",focusRingColor:"#3b82f6",focusRingOpacity:"0.5",transitionDuration:"200ms"};function Lt(e){const t={...M,...e},n=[];return Object.entries(t).forEach(([o,a])=>{const r=o.replace(/([A-Z])/g,"-$1").toLowerCase();n.push(`  --fb-${r}: ${a};`)}),n.join(`
-`)}function Ft(e,t){const n=Lt(t);let o=e.querySelector("style[data-fb-theme]");o||(o=document.createElement("style"),o.setAttribute("data-fb-theme","true"),e.appendChild(o)),o.textContent=`
-    [data-fb-root="true"] {
-${n}
-    }
-  `}const Nt={default:M,dark:{...M,primaryColor:"#60a5fa",primaryHoverColor:"#3b82f6",borderColor:"#4b5563",borderHoverColor:"#6b7280",borderFocusColor:"#60a5fa",backgroundColor:"#1f2937",backgroundHoverColor:"#374151",backgroundReadonlyColor:"#111827",textColor:"#f9fafb",textSecondaryColor:"#9ca3af",textPlaceholderColor:"#6b7280",fileUploadBgColor:"#374151",fileUploadBorderColor:"#4b5563",fileUploadTextColor:"#9ca3af"},klein:{...M,primaryColor:"#0066cc",primaryHoverColor:"#0052a3",errorColor:"#d32f2f",errorHoverColor:"#c62828",successColor:"#388e3c",borderColor:"#e0e0e0",borderHoverColor:"#bdbdbd",borderFocusColor:"#0066cc",borderRadius:"4px",fontSize:"16px",fontSizeSmall:"14px",fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif'}};function be(e,t=!1){e.style.cssText=`
-    background-color: var(--fb-action-bg-color);
-    color: var(--fb-action-text-color);
-    border: var(--fb-border-width) solid var(--fb-action-border-color);
-    padding: ${t?"0.5rem 1rem":"0.5rem 0.75rem"};
-    font-size: var(--fb-font-size);
-    font-weight: var(--fb-font-weight-medium);
-    border-radius: var(--fb-border-radius);
-    transition: all var(--fb-transition-duration);
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  `,e.addEventListener("mouseenter",()=>{e.style.backgroundColor="var(--fb-action-hover-bg-color)",e.style.borderColor="var(--fb-action-hover-border-color)"}),e.addEventListener("mouseleave",()=>{e.style.backgroundColor="var(--fb-action-bg-color)",e.style.borderColor="var(--fb-action-border-color)"})}const At={text:{validate:Y,update:X},textarea:{validate:He,update:Me},number:{validate:je,update:Ie},select:{validate:Oe,update:Ue},file:{validate:le,update:ae},files:{validate:le,update:ae},colour:{validate:it,update:st},slider:{validate:ut,update:pt},container:{validate:ve,update:ge},group:{validate:vt,update:gt}};function xe(e){return At[e]||null}function qt(e,t,n){const o=xe(e.type);return o&&o.validate?o.validate(e,t,n):null}function Tt(e,t,n,o){const a=xe(e.type);return a&&a.update?(a.update(e,t,n,o),!0):!1}class I{constructor(t){this.instanceId=St(),this.state=kt(t),this.state.config.verboseErrors&&(globalThis.__formBuilderInstances||(globalThis.__formBuilderInstances=new Set),globalThis.__formBuilderInstances.add(this.instanceId),globalThis.__formBuilderInstances.size>10&&console.warn(`[form-builder] ${globalThis.__formBuilderInstances.size} instances active. Possible memory leak - ensure you call destroy() when done.`))}getInstanceId(){return this.instanceId}getState(){return this.state}setFormRoot(t){this.state.formRoot=t}configure(t){Object.assign(this.state.config,t)}setUploadHandler(t){this.state.config.uploadFile=t}setDownloadHandler(t){this.state.config.downloadFile=t}setThumbnailHandler(t){this.state.config.getThumbnail=t}setActionHandler(t){this.state.config.actionHandler=t}setMode(t){this.state.config.readonly=t==="readonly"}setLocale(t){this.state.config.translations[t]&&(this.state.config.locale=t)}triggerOnChange(t,n){this.state.config.readonly||(this.state.debounceTimer!==null&&clearTimeout(this.state.debounceTimer),this.state.debounceTimer=setTimeout(()=>{const o=this.validateForm(!0);this.reevaluateConditionalFields(),this.state.config.onChange&&this.state.config.onChange(o),this.state.config.onFieldChange&&t!==void 0&&n!==void 0&&this.state.config.onFieldChange(t,n,o),this.state.debounceTimer=null},this.state.config.debounceMs))}registerAction(t){if(!t||!t.value)throw new Error("Action must have a value property");this.state.externalActions||(this.state.externalActions=[]);const n=this.state.externalActions.findIndex(o=>o.value===t.value&&o.related_field===t.related_field);n>=0?this.state.externalActions[n]=t:this.state.externalActions.push(t)}findFormElementByFieldPath(t){if(!this.state.formRoot)return null;if(!this.state.config.readonly){let a=this.state.formRoot.querySelector(`[name="${t}"]`);if(a)return a;const r=[t,t.replace(/\[(\d+)\]/g,"[$1]"),t.replace(/\./g,"[")+"]".repeat((t.match(/\./g)||[]).length)];for(const l of r)if(a=this.state.formRoot.querySelector(`[name="${l}"]`),a)return a}const n=this.findSchemaElement(t);if(!n)return null;const o=this.state.formRoot.querySelectorAll(".fb-field-wrapper");for(const a of o){const r=n.label||n.key,l=a.querySelector("label");if(l&&(l.textContent===r||l.textContent===`${r}*`)){let s=a.querySelector(".field-placeholder");return s||(s=document.createElement("div"),s.className="field-placeholder",s.style.display="none",a.appendChild(s)),s}}return null}findSchemaElement(t){if(!this.state.schema||!this.state.schema.elements)return null;let n=this.state.schema.elements,o=null;const a=t.replace(/\[\d+\]/g,"").split(".").filter(Boolean);for(const r of a){if(o=n.find(l=>l.key===r)||null,!o)return null;"elements"in o&&o.elements&&(n=o.elements)}return o}resolveActionLabel(t,n,o,a=!1){if(o&&"actions"in o&&o.actions){const r=o.actions.find(l=>l.key===t);if(r&&r.label)return r.label}if(a&&this.state.schema&&"actions"in this.state.schema&&this.state.schema.actions){const r=this.state.schema.actions.find(l=>l.key===t);if(r&&r.label)return r.label}return n||t}renderFormLevelActions(t,n=[]){if(!this.state.formRoot)return;const o=this.state.formRoot.querySelector(".form-level-actions-container");o&&o.remove();const a=document.createElement("div");a.className="form-level-actions-container mt-6 pt-4 flex flex-wrap gap-3 justify-center",a.style.cssText=`
-      border-top: var(--fb-border-width) solid var(--fb-border-color);
-    `,t.forEach(r=>{const l=document.createElement("button");l.type="button",be(l,!0);const s=n.includes(r),i=this.resolveActionLabel(r.key,r.label,null,s);l.textContent=i,l.addEventListener("click",d=>{d.preventDefault(),d.stopPropagation(),this.state.config.actionHandler&&typeof this.state.config.actionHandler=="function"&&this.state.config.actionHandler(r.value,r.key,null)}),a.appendChild(l)}),this.state.formRoot.appendChild(a)}renderExternalActions(){if(!this.state.externalActions||!Array.isArray(this.state.externalActions))return;const t=new Map,n=[],o=[];this.state.externalActions.forEach(r=>{!r.key||!r.value||(r.related_field?(t.has(r.related_field)||t.set(r.related_field,[]),t.get(r.related_field).push(r)):n.push(r))}),t.forEach((r,l)=>{const s=this.findFormElementByFieldPath(l);if(!s){console.warn(`External action: Could not find form element for field "${l}", treating as form-level actions`),o.push(...r);return}let i=s.closest(".fb-field-wrapper");if(i||(i=s.parentElement),!i){console.warn(`External action: Could not find wrapper for field "${l}"`);return}const d=i.querySelector(".external-actions-container");d&&d.remove();const u=document.createElement("div");u.className="external-actions-container mt-3 flex flex-wrap gap-2";const c=this.findSchemaElement(l);r.forEach(m=>{const f=document.createElement("button");f.type="button",be(f,!1);const h=this.resolveActionLabel(m.key,m.label,c);f.textContent=h,f.addEventListener("click",g=>{g.preventDefault(),g.stopPropagation(),this.state.config.actionHandler&&typeof this.state.config.actionHandler=="function"&&this.state.config.actionHandler(m.value,m.key,m.related_field)}),u.appendChild(f)}),i.appendChild(u)});const a=[...n,...o];a.length>0&&this.renderFormLevelActions(a,n)}handlePrefillHintClick(t){const n=t.target;if(!n.classList.contains("fb-prefill-hint"))return;t.preventDefault(),t.stopPropagation();const o=n.getAttribute("data-hint-values"),a=n.getAttribute("data-container-key");if(!o||!a){console.warn("Prefill hint missing required data attributes");return}try{const r=JSON.parse(o);for(const l in r){const s=`${a}.${l}`,i=r[l];this.updateField(s,i)}}catch(r){console.error("Error parsing prefill hint values:",r)}}renderForm(t,n,o,a){const r=D(n);if(r.length>0){console.error("Schema validation errors:",r);return}this.state.formRoot=t,this.state.schema=n,this.state.externalActions=a||null,H(t),t.setAttribute("data-fb-root","true"),Ft(t,this.state.config.theme);const l=document.createElement("div");l.className="space-y-6",n.elements.forEach(s=>{if(s.hidden)return;const i=G(s,{path:"",prefill:o||{},formData:o||{},state:this.state,instance:this});l.appendChild(i)}),t.appendChild(l),this.state.config.readonly||t.addEventListener("click",this.handlePrefillHintClick.bind(this)),this.state.config.readonly&&this.state.externalActions&&Array.isArray(this.state.externalActions)&&this.renderExternalActions()}validateForm(t=!1){if(!this.state.schema||!this.state.formRoot)return{valid:!0,errors:[],data:{}};const n=[],o={},a=(r,l,s=null)=>{const i=r.key,d={scopeRoot:s||this.state.formRoot,state:this.state,instance:this,path:l.path,skipValidation:t},u=qt(r,i,d);return u!==null?(n.push(...u.errors),u.value):(console.warn(`Unknown field type "${r.type}" for key "${i}"`),null)};return ft(a),this.state.schema.elements.forEach(r=>{if(r.displayIf)try{if(!R(r.displayIf,o))return}catch(l){console.error(`Error evaluating displayIf for field "${r.key}" during validation:`,l)}r.hidden?o[r.key]=r.default!==void 0?r.default:null:o[r.key]=a(r,{path:""})}),{valid:n.length===0,errors:n,data:o}}getFormData(){return this.validateForm(!1)}submitForm(){const t=this.validateForm(!1);return t.valid&&typeof window!="undefined"&&window.parent&&window.parent.postMessage({type:"formSubmit",data:t.data,schema:this.state.schema},"*"),t}saveDraft(){const t=this.validateForm(!0);return typeof window!="undefined"&&window.parent&&window.parent.postMessage({type:"formDraft",data:t.data,schema:this.state.schema},"*"),t}clearForm(){if(!this.state.schema||!this.state.formRoot){console.warn("clearForm: Form not initialized. Call renderForm() first.");return}const t=this.state.schema,n=this.state.formRoot,o=this.state.externalActions,a=this.buildHiddenFieldsData(t.elements);this.renderForm(n,t,a,o||void 0)}buildHiddenFieldsData(t){const n={};for(const o of t){const a=o.key;if(o.hidden&&o.default!==void 0&&(n[a]=o.default),o.type==="container"||o.type==="group"){const r=o,l=this.buildHiddenFieldsData(r.elements);Object.keys(l).length>0&&(a in n?typeof n[a]=="object"&&n[a]!==null&&!Array.isArray(n[a])&&(n[a]={...n[a],...l}):n[a]=l)}}return n}setFormData(t){if(!this.state.schema||!this.state.formRoot){console.warn("setFormData: Form not initialized. Call renderForm() first.");return}for(const n in t)this.updateField(n,t[n])}updateField(t,n){if(!this.state.schema||!this.state.formRoot){console.warn("updateField: Form not initialized. Call renderForm() first.");return}const o=this.findSchemaElement(t);if(!o){console.warn(`updateField: Schema element not found for path "${t}"`);return}const a=this.findFormElementByFieldPath(t);if(!a){console.warn(`updateField: DOM element not found for path "${t}"`);return}this.updateFieldValue(a,o,t,n),(this.state.config.onChange||this.state.config.onFieldChange)&&this.triggerOnChange(t,n)}updateFieldValue(t,n,o,a){const r={scopeRoot:this.state.formRoot,state:this.state,instance:this,path:""};Tt(n,o,a,r)||console.warn(`updateField: No updater found for field type "${n.type}" at path "${o}"`)}reevaluateConditionalFields(){if(!this.state.schema||!this.state.formRoot)return;const t=this.validateForm(!0).data,n=(o,a)=>{o.forEach(r=>{const l=a?`${a}.${r.key}`:r.key;if(r.displayIf&&this.state.formRoot.querySelectorAll(`[data-field-key="${r.key}"]`).forEach(s=>{var i,d;try{const u=R(r.displayIf,t),c=s.getAttribute("data-conditionally-hidden")==="true";if(u&&c){const m=G(r,{path:l,prefill:t,formData:t,state:this.state,instance:this});(i=s.parentNode)==null||i.replaceChild(m,s)}else if(!u&&!c){const m=document.createElement("div");m.className="fb-field-wrapper-hidden",m.style.display="none",m.setAttribute("data-field-key",r.key),m.setAttribute("data-conditionally-hidden","true"),(d=s.parentNode)==null||d.replaceChild(m,s)}}catch(u){console.error(`Error re-evaluating displayIf for field "${r.key}":`,u)}}),(r.type==="container"||r.type==="group")&&"elements"in r&&r.elements){const s=t==null?void 0:t[r.key];Array.isArray(s)?s.forEach((i,d)=>{n(r.elements,`${l}[${d}]`)}):n(r.elements,l)}})};n(this.state.schema.elements,"")}destroy(){var t;this.state.debounceTimer!==null&&(clearTimeout(this.state.debounceTimer),this.state.debounceTimer=null),this.state.resourceIndex.clear(),this.state.formRoot&&H(this.state.formRoot),this.state.formRoot=null,this.state.schema=null,this.state.externalActions=null,this.state.config.verboseErrors&&((t=globalThis.__formBuilderInstances)==null||t.delete(this.instanceId))}}function Ce(e){return new I(e)}return typeof window!="undefined"&&(window.FormBuilder=I,window.createFormBuilder=Ce,window.validateSchema=D),N.FormBuilderInstance=I,N.createFormBuilder=Ce,N.default=I,N.defaultTheme=M,N.exampleThemes=Nt,N.validateSchema=D,Object.defineProperty(N,"__esModule",{value:!0}),N})({});