formfx 1.0.0 → 1.0.2

package/dist/chunk-GXMPHKTF.cjs

@@ -1,62 +0,0 @@
-'use strict';var f=class{constructor(t,e){this.fx=t;this.options=e;this.container=document.createElement("div"),this.container.className="formfx-editor";}container;activeRuleIndex=null;mount(){this.options.mount.appendChild(this.container),this.render();}render(){let t=this.fx.exportRules();this.container.innerHTML=`
-      <div class="formfx-editor-header">
-        <div class="formfx-editor-title">FormFx Rule Editor</div>
-        <div class="formfx-editor-actions">
-          <button class="formfx-btn formfx-btn-primary" id="fx-add-rule">+ Add Rule</button>
-        </div>
-      </div>
-      <div class="formfx-editor-body">
-        <div class="formfx-rule-list" id="fx-rule-list"></div>
-        <div class="formfx-rule-form" id="fx-rule-form"></div>
-      </div>
-    `,this.renderRuleList(t),this.renderRuleForm(t),this.container.querySelector("#fx-add-rule")?.addEventListener("click",()=>{this.addRule();});}renderRuleList(t){let e=this.container.querySelector("#fx-rule-list");e&&(e.innerHTML=t.map((i,r)=>`
-      <div class="formfx-rule-item ${this.activeRuleIndex===r?"active":""}" data-index="${r}">
-        <div class="formfx-rule-item-id">${i.id||"(no id)"}</div>
-        <div class="formfx-rule-item-expr">if: ${i.if}</div>
-      </div>
-    `).join("")||'<div class="formfx-empty-state">No rules defined</div>',e.querySelectorAll(".formfx-rule-item").forEach(i=>{i.addEventListener("click",()=>{this.activeRuleIndex=parseInt(i.getAttribute("data-index")||"0"),this.render();});}));}renderRuleForm(t){let e=this.container.querySelector("#fx-rule-form");if(!e||this.activeRuleIndex===null||!t[this.activeRuleIndex]){e&&(e.innerHTML='<div class="formfx-empty-state">Select a rule to edit</div>');return}let i=t[this.activeRuleIndex];e.innerHTML=`
-      <div class="formfx-field-group">
-        <label class="formfx-label">Rule ID</label>
-        <input type="text" class="formfx-input" id="fx-edit-id" value="${i.id||""}">
-      </div>
-      <div class="formfx-field-group">
-        <label class="formfx-label">If Condition (DSL)</label>
-        <textarea class="formfx-textarea" id="fx-edit-if" rows="3">${i.if}</textarea>
-      </div>
-      
-      <div class="formfx-field-group">
-        <label class="formfx-label">Then Effects</label>
-        <div id="fx-then-list"></div>
-        <button class="formfx-btn" id="fx-add-then">+ Add Effect</button>
-      </div>
-
-      <div class="formfx-field-group">
-        <label class="formfx-label">Else Effects (Optional)</label>
-        <div id="fx-else-list"></div>
-        <button class="formfx-btn" id="fx-add-else">+ Add Effect</button>
-      </div>
-
-      <div style="margin-top: 40px; display: flex; justify-content: space-between;">
-        <button class="formfx-btn formfx-btn-primary" id="fx-save-rule">Save Changes</button>
-        <button class="formfx-btn formfx-btn-danger" id="fx-delete-rule">Delete Rule</button>
-      </div>
-
-      <div class="formfx-json-preview">
-        <div class="formfx-label">JSON Preview (Readonly)</div>
-        <div class="formfx-json-content">${JSON.stringify(i,null,2)}</div>
-      </div>
-    `,this.renderEffectList("then",i.then),this.renderEffectList("else",i.else||[]),e.querySelector("#fx-save-rule")?.addEventListener("click",()=>this.saveRule()),e.querySelector("#fx-delete-rule")?.addEventListener("click",()=>this.deleteRule()),e.querySelector("#fx-add-then")?.addEventListener("click",()=>this.addEffect("then")),e.querySelector("#fx-add-else")?.addEventListener("click",()=>this.addEffect("else"));}renderEffectList(t,e){let i=this.container.querySelector(`#fx-${t}-list`);i&&(i.innerHTML=e.map((r,s)=>{let n=Object.entries(r)[0]||["show",""],l=n[0],o=n[1];return `
-        <div class="formfx-effect-row" data-type="${t}" data-index="${s}">
-          <select class="formfx-select fx-effect-type" style="width: 120px;">
-            <option value="show" ${l==="show"?"selected":""}>show</option>
-            <option value="hide" ${l==="hide"?"selected":""}>hide</option>
-            <option value="required" ${l==="required"?"selected":""}>require</option>
-            <option value="disabled" ${l==="disabled"?"selected":""}>disabled</option>
-            <option value="enable" ${l==="enable"?"selected":""}>enable</option>
-            <option value="clear" ${l==="clear"?"selected":""}>clear</option>
-          </select>
-          <input type="text" class="formfx-input fx-effect-selector" placeholder="#id" value="${o}">
-          <button class="formfx-btn formfx-btn-danger fx-remove-effect">\xD7</button>
-        </div>
-      `}).join(""),i.querySelectorAll(".fx-remove-effect").forEach((r,s)=>{r.addEventListener("click",()=>{e.splice(s,1),this.renderRuleForm(this.fx.exportRules());});}));}addRule(){let t=this.fx.exportRules(),e={id:`rule_${Date.now()}`,if:"true",then:[{show:""}]};t.push(e),this.activeRuleIndex=t.length-1,this.fx.importRules(t),this.render();}saveRule(){if(this.activeRuleIndex===null)return;this.fx.pause();let t=this.fx.exportRules(),e=t[this.activeRuleIndex];e.id=this.container.querySelector("#fx-edit-id").value,e.if=this.container.querySelector("#fx-edit-if").value;let i=r=>{let s=this.container.querySelectorAll(`.formfx-effect-row[data-type="${r}"]`),n=[];return s.forEach(l=>{let o=l.querySelector(".fx-effect-type").value,a=l.querySelector(".fx-effect-selector").value,d={};d[o]=a,n.push(d);}),n};e.then=i("then"),e.else=i("else"),e.else.length===0&&delete e.else,this.fx.importRules(t),this.fx.resume(),this.render();}deleteRule(){if(this.activeRuleIndex===null||!confirm("Are you sure you want to delete this rule?"))return;let t=this.fx.exportRules();t.splice(this.activeRuleIndex,1),this.activeRuleIndex=null,this.fx.importRules(t),this.render();}addEffect(t){if(this.activeRuleIndex===null)return;let e=this.fx.exportRules(),i=e[this.activeRuleIndex];t==="then"?i.then.push({show:""}):(i.else=i.else||[],i.else.push({show:""})),this.renderRuleForm(e);}};exports.a=f;//# sourceMappingURL=chunk-GXMPHKTF.cjs.map
-//# sourceMappingURL=chunk-GXMPHKTF.cjs.map

package/dist/chunk-GXMPHKTF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/editor/RuleEditor.ts"],"names":["RuleEditor","fx","options","rules","listEl","rule","index","item","formEl","type","effects","eff","i","entry","effectType","selector","btn","newRule","readEffects","rows","row","obj"],"mappings":"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","file":"chunk-GXMPHKTF.cjs","sourcesContent":["import { FormFx } from '../core/FormFx';\r\nimport { RuleEditorOptions, JSONRule } from '../types';\r\n\r\nexport class RuleEditor {\r\n  private container: HTMLElement;\r\n  private activeRuleIndex: number | null = null;\r\n\r\n  constructor(\r\n    private fx: FormFx,\r\n    private options: RuleEditorOptions\r\n  ) {\r\n    this.container = document.createElement('div');\r\n    this.container.className = 'formfx-editor';\r\n  }\r\n\r\n  mount(): void {\r\n    this.options.mount.appendChild(this.container);\r\n    this.render();\r\n  }\r\n\r\n  private render(): void {\r\n    const rules = this.fx.exportRules();\r\n    \r\n    this.container.innerHTML = `\r\n      <div class=\"formfx-editor-header\">\r\n        <div class=\"formfx-editor-title\">FormFx Rule Editor</div>\r\n        <div class=\"formfx-editor-actions\">\r\n          <button class=\"formfx-btn formfx-btn-primary\" id=\"fx-add-rule\">+ Add Rule</button>\r\n        </div>\r\n      </div>\r\n      <div class=\"formfx-editor-body\">\r\n        <div class=\"formfx-rule-list\" id=\"fx-rule-list\"></div>\r\n        <div class=\"formfx-rule-form\" id=\"fx-rule-form\"></div>\r\n      </div>\r\n    `;\r\n\r\n    this.renderRuleList(rules);\r\n    this.renderRuleForm(rules);\r\n\r\n    this.container.querySelector('#fx-add-rule')?.addEventListener('click', () => {\r\n      this.addRule();\r\n    });\r\n  }\r\n\r\n  private renderRuleList(rules: JSONRule[]): void {\r\n    const listEl = this.container.querySelector('#fx-rule-list');\r\n    if (!listEl) return;\r\n\r\n    listEl.innerHTML = rules.map((rule, index) => `\r\n      <div class=\"formfx-rule-item ${this.activeRuleIndex === index ? 'active' : ''}\" data-index=\"${index}\">\r\n        <div class=\"formfx-rule-item-id\">${rule.id || '(no id)'}</div>\r\n        <div class=\"formfx-rule-item-expr\">if: ${rule.if}</div>\r\n      </div>\r\n    `).join('') || '<div class=\"formfx-empty-state\">No rules defined</div>';\r\n\r\n    listEl.querySelectorAll('.formfx-rule-item').forEach(item => {\r\n      item.addEventListener('click', () => {\r\n        this.activeRuleIndex = parseInt(item.getAttribute('data-index') || '0');\r\n        this.render();\r\n      });\r\n    });\r\n  }\r\n\r\n  private renderRuleForm(rules: JSONRule[]): void {\r\n    const formEl = this.container.querySelector('#fx-rule-form');\r\n    if (!formEl || this.activeRuleIndex === null || !rules[this.activeRuleIndex]) {\r\n      if (formEl) formEl.innerHTML = '<div class=\"formfx-empty-state\">Select a rule to edit</div>';\r\n      return;\r\n    }\r\n\r\n    const rule = rules[this.activeRuleIndex];\r\n    formEl.innerHTML = `\r\n      <div class=\"formfx-field-group\">\r\n        <label class=\"formfx-label\">Rule ID</label>\r\n        <input type=\"text\" class=\"formfx-input\" id=\"fx-edit-id\" value=\"${rule.id || ''}\">\r\n      </div>\r\n      <div class=\"formfx-field-group\">\r\n        <label class=\"formfx-label\">If Condition (DSL)</label>\r\n        <textarea class=\"formfx-textarea\" id=\"fx-edit-if\" rows=\"3\">${rule.if}</textarea>\r\n      </div>\r\n      \r\n      <div class=\"formfx-field-group\">\r\n        <label class=\"formfx-label\">Then Effects</label>\r\n        <div id=\"fx-then-list\"></div>\r\n        <button class=\"formfx-btn\" id=\"fx-add-then\">+ Add Effect</button>\r\n      </div>\r\n\r\n      <div class=\"formfx-field-group\">\r\n        <label class=\"formfx-label\">Else Effects (Optional)</label>\r\n        <div id=\"fx-else-list\"></div>\r\n        <button class=\"formfx-btn\" id=\"fx-add-else\">+ Add Effect</button>\r\n      </div>\r\n\r\n      <div style=\"margin-top: 40px; display: flex; justify-content: space-between;\">\r\n        <button class=\"formfx-btn formfx-btn-primary\" id=\"fx-save-rule\">Save Changes</button>\r\n        <button class=\"formfx-btn formfx-btn-danger\" id=\"fx-delete-rule\">Delete Rule</button>\r\n      </div>\r\n\r\n      <div class=\"formfx-json-preview\">\r\n        <div class=\"formfx-label\">JSON Preview (Readonly)</div>\r\n        <div class=\"formfx-json-content\">${JSON.stringify(rule, null, 2)}</div>\r\n      </div>\r\n    `;\r\n\r\n    this.renderEffectList('then', rule.then);\r\n    this.renderEffectList('else', rule.else || []);\r\n\r\n    // Events\r\n    formEl.querySelector('#fx-save-rule')?.addEventListener('click', () => this.saveRule());\r\n    formEl.querySelector('#fx-delete-rule')?.addEventListener('click', () => this.deleteRule());\r\n    formEl.querySelector('#fx-add-then')?.addEventListener('click', () => this.addEffect('then'));\r\n    formEl.querySelector('#fx-add-else')?.addEventListener('click', () => this.addEffect('else'));\r\n  }\r\n\r\n  private renderEffectList(type: 'then' | 'else', effects: any[]): void {\r\n    const listEl = this.container.querySelector(`#fx-${type}-list`);\r\n    if (!listEl) return;\r\n\r\n    listEl.innerHTML = effects.map((eff, i) => {\r\n      const entry = Object.entries(eff)[0] || ['show', ''];\r\n      const effectType = entry[0];\r\n      const selector = entry[1];\r\n\r\n      return `\r\n        <div class=\"formfx-effect-row\" data-type=\"${type}\" data-index=\"${i}\">\r\n          <select class=\"formfx-select fx-effect-type\" style=\"width: 120px;\">\r\n            <option value=\"show\" ${effectType === 'show' ? 'selected' : ''}>show</option>\r\n            <option value=\"hide\" ${effectType === 'hide' ? 'selected' : ''}>hide</option>\r\n            <option value=\"required\" ${effectType === 'required' ? 'selected' : ''}>require</option>\r\n            <option value=\"disabled\" ${effectType === 'disabled' ? 'selected' : ''}>disabled</option>\r\n            <option value=\"enable\" ${effectType === 'enable' ? 'selected' : ''}>enable</option>\r\n            <option value=\"clear\" ${effectType === 'clear' ? 'selected' : ''}>clear</option>\r\n          </select>\r\n          <input type=\"text\" class=\"formfx-input fx-effect-selector\" placeholder=\"#id\" value=\"${selector}\">\r\n          <button class=\"formfx-btn formfx-btn-danger fx-remove-effect\">×</button>\r\n        </div>\r\n      `;\r\n    }).join('');\r\n\r\n    listEl.querySelectorAll('.fx-remove-effect').forEach((btn, i) => {\r\n      btn.addEventListener('click', () => {\r\n        effects.splice(i, 1);\r\n        this.renderRuleForm(this.fx.exportRules());\r\n      });\r\n    });\r\n  }\r\n\r\n  private addRule(): void {\r\n    const rules = this.fx.exportRules();\r\n    const newRule: JSONRule = {\r\n      id: `rule_${Date.now()}`,\r\n      if: 'true',\r\n      then: [{ show: '' }]\r\n    };\r\n    rules.push(newRule);\r\n    this.activeRuleIndex = rules.length - 1;\r\n    this.fx.importRules(rules);\r\n    this.render();\r\n  }\r\n\r\n  private saveRule(): void {\r\n    if (this.activeRuleIndex === null) return;\r\n    \r\n    this.fx.pause(); // 編集適用中は pause\r\n\r\n    const rules = this.fx.exportRules();\r\n    const rule = rules[this.activeRuleIndex];\r\n\r\n    rule.id = (this.container.querySelector('#fx-edit-id') as HTMLInputElement).value;\r\n    rule.if = (this.container.querySelector('#fx-edit-if') as HTMLTextAreaElement).value;\r\n\r\n    const readEffects = (type: 'then' | 'else') => {\r\n      const rows = this.container.querySelectorAll(`.formfx-effect-row[data-type=\"${type}\"]`);\r\n      const effects: any[] = [];\r\n      rows.forEach(row => {\r\n        const effectType = (row.querySelector('.fx-effect-type') as HTMLSelectElement).value;\r\n        const selector = (row.querySelector('.fx-effect-selector') as HTMLInputElement).value;\r\n        const obj: any = {};\r\n        obj[effectType] = selector;\r\n        effects.push(obj);\r\n      });\r\n      return effects;\r\n    };\r\n\r\n    rule.then = readEffects('then');\r\n    rule.else = readEffects('else');\r\n    if (rule.else.length === 0) delete rule.else;\r\n\r\n    this.fx.importRules(rules);\r\n    this.fx.resume();\r\n    this.render();\r\n  }\r\n\r\n  private deleteRule(): void {\r\n    if (this.activeRuleIndex === null || !confirm('Are you sure you want to delete this rule?')) return;\r\n    const rules = this.fx.exportRules();\r\n    rules.splice(this.activeRuleIndex, 1);\r\n    this.activeRuleIndex = null;\r\n    this.fx.importRules(rules);\r\n    this.render();\r\n  }\r\n\r\n  private addEffect(type: 'then' | 'else'): void {\r\n    if (this.activeRuleIndex === null) return;\r\n    const rules = this.fx.exportRules();\r\n    const rule = rules[this.activeRuleIndex];\r\n    if (type === 'then') {\r\n      rule.then.push({ show: '' });\r\n    } else {\r\n      rule.else = rule.else || [];\r\n      rule.else.push({ show: '' });\r\n    }\r\n    this.renderRuleForm(rules);\r\n  }\r\n}\r\n"]}

package/dist/editor.cjs

@@ -1,2 +0,0 @@
-'use strict';var chunkGXMPHKTF_cjs=require('./chunk-GXMPHKTF.cjs');Object.defineProperty(exports,"RuleEditor",{enumerable:true,get:function(){return chunkGXMPHKTF_cjs.a}});//# sourceMappingURL=editor.cjs.map
-//# sourceMappingURL=editor.cjs.map

package/dist/editor.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"editor.cjs"}

package/dist/editor.d.cts

@@ -1,141 +0,0 @@
-/**
- * FormFx Public Types
- * v1.0
- */
-interface FormFxOptions {
-    /**
-     * 非表示になったとき、内部の入力値をdisabledにするかどうか
-     * @default true
-     */
-    disableOnHide?: boolean;
-    /**
-     * 非表示になったとき、内部の入力値をクリアするかどうか
-     * @default false
-     */
-    clearOnHide?: boolean;
-    /**
-     * デバッグモード
-     * @default false
-     */
-    debug?: boolean;
-    /**
-     * JSON形式のルール定義
-     */
-    rules?: JSONRule[];
-    /**
-     * ルールの永続化設定 (v0.4)
-     */
-    persist?: PersistOptions;
-}
-/**
- * 永続化オプション (v0.4)
- */
-interface PersistOptions {
-    key: string;
-    storage: 'localStorage' | 'sessionStorage';
-}
-/**
- * Rule Editor 設定 (v0.4)
- */
-interface RuleEditorOptions {
-    mount: HTMLElement;
-    mode: 'json' | 'attributes';
-}
-type FXValue = string | number | boolean | null | FXValue[];
-type EffectType = 'show' | 'hide' | 'required' | 'disabled' | 'enable' | 'clear';
-interface JSONEffect {
-    show?: string;
-    hide?: string;
-    require?: string;
-    required?: string;
-    disabled?: string;
-    enable?: string;
-    clear?: string;
-}
-interface JSONRule {
-    id?: string;
-    if: string;
-    then: JSONEffect[];
-    else?: JSONEffect[];
-    disabled?: boolean;
-}
-/**
- * 外部公開用のデバッグ情報
- */
-interface FormFxDebugInfo {
-    ruleId?: string;
-    type: EffectType;
-    expression: string;
-    result: boolean | 'error';
-    error?: string;
-    element: HTMLElement;
-}
-
-declare class FormFx {
-    private formElement;
-    private rules;
-    private options;
-    private cleanupEvents;
-    private cleanupRepeaters;
-    private observer;
-    private debugPanel;
-    private isPaused;
-    constructor(formElement: HTMLElement, options?: FormFxOptions);
-    mount(): void;
-    reEvaluate(): void;
-    private setupEvents;
-    private refreshRules;
-    private evaluate;
-    /**
-     * ルール評価を一時停止する (v0.4)
-     */
-    pause(): void;
-    /**
-     * ルール評価を再開する (v0.4)
-     */
-    resume(): void;
-    /**
-     * JSONルールをエクスポートする (v0.4)
-     */
-    exportRules(): JSONRule[];
-    /**
-     * JSONルールをインポートする (v0.4)
-     */
-    importRules(rules: JSONRule[]): void;
-    /**
-     * Rule Editor を有効化する (v0.4)
-     */
-    enableRuleEditor(options: RuleEditorOptions): Promise<void>;
-    private loadPersistedRules;
-    private savePersistedRules;
-    /**
-     * JSONルールを有効化する
-     * @param ruleId
-     */
-    enableRule(ruleId: string): void;
-    /**
-     * JSONルールを無効化する
-     * @param ruleId
-     */
-    disableRule(ruleId: string): void;
-    destroy(): void;
-}
-
-declare class RuleEditor {
-    private fx;
-    private options;
-    private container;
-    private activeRuleIndex;
-    constructor(fx: FormFx, options: RuleEditorOptions);
-    mount(): void;
-    private render;
-    private renderRuleList;
-    private renderRuleForm;
-    private renderEffectList;
-    private addRule;
-    private saveRule;
-    private deleteRule;
-    private addEffect;
-}
-
-export { type EffectType as E, FormFx as F, type JSONEffect as J, type PersistOptions as P, type RuleEditorOptions as R, RuleEditor, type FormFxOptions as a, type FXValue as b, type JSONRule as c, type FormFxDebugInfo as d };

package/dist/editor.d.ts

@@ -1,141 +0,0 @@
-/**
- * FormFx Public Types
- * v1.0
- */
-interface FormFxOptions {
-    /**
-     * 非表示になったとき、内部の入力値をdisabledにするかどうか
-     * @default true
-     */
-    disableOnHide?: boolean;
-    /**
-     * 非表示になったとき、内部の入力値をクリアするかどうか
-     * @default false
-     */
-    clearOnHide?: boolean;
-    /**
-     * デバッグモード
-     * @default false
-     */
-    debug?: boolean;
-    /**
-     * JSON形式のルール定義
-     */
-    rules?: JSONRule[];
-    /**
-     * ルールの永続化設定 (v0.4)
-     */
-    persist?: PersistOptions;
-}
-/**
- * 永続化オプション (v0.4)
- */
-interface PersistOptions {
-    key: string;
-    storage: 'localStorage' | 'sessionStorage';
-}
-/**
- * Rule Editor 設定 (v0.4)
- */
-interface RuleEditorOptions {
-    mount: HTMLElement;
-    mode: 'json' | 'attributes';
-}
-type FXValue = string | number | boolean | null | FXValue[];
-type EffectType = 'show' | 'hide' | 'required' | 'disabled' | 'enable' | 'clear';
-interface JSONEffect {
-    show?: string;
-    hide?: string;
-    require?: string;
-    required?: string;
-    disabled?: string;
-    enable?: string;
-    clear?: string;
-}
-interface JSONRule {
-    id?: string;
-    if: string;
-    then: JSONEffect[];
-    else?: JSONEffect[];
-    disabled?: boolean;
-}
-/**
- * 外部公開用のデバッグ情報
- */
-interface FormFxDebugInfo {
-    ruleId?: string;
-    type: EffectType;
-    expression: string;
-    result: boolean | 'error';
-    error?: string;
-    element: HTMLElement;
-}
-
-declare class FormFx {
-    private formElement;
-    private rules;
-    private options;
-    private cleanupEvents;
-    private cleanupRepeaters;
-    private observer;
-    private debugPanel;
-    private isPaused;
-    constructor(formElement: HTMLElement, options?: FormFxOptions);
-    mount(): void;
-    reEvaluate(): void;
-    private setupEvents;
-    private refreshRules;
-    private evaluate;
-    /**
-     * ルール評価を一時停止する (v0.4)
-     */
-    pause(): void;
-    /**
-     * ルール評価を再開する (v0.4)
-     */
-    resume(): void;
-    /**
-     * JSONルールをエクスポートする (v0.4)
-     */
-    exportRules(): JSONRule[];
-    /**
-     * JSONルールをインポートする (v0.4)
-     */
-    importRules(rules: JSONRule[]): void;
-    /**
-     * Rule Editor を有効化する (v0.4)
-     */
-    enableRuleEditor(options: RuleEditorOptions): Promise<void>;
-    private loadPersistedRules;
-    private savePersistedRules;
-    /**
-     * JSONルールを有効化する
-     * @param ruleId
-     */
-    enableRule(ruleId: string): void;
-    /**
-     * JSONルールを無効化する
-     * @param ruleId
-     */
-    disableRule(ruleId: string): void;
-    destroy(): void;
-}
-
-declare class RuleEditor {
-    private fx;
-    private options;
-    private container;
-    private activeRuleIndex;
-    constructor(fx: FormFx, options: RuleEditorOptions);
-    mount(): void;
-    private render;
-    private renderRuleList;
-    private renderRuleForm;
-    private renderEffectList;
-    private addRule;
-    private saveRule;
-    private deleteRule;
-    private addEffect;
-}
-
-export { type EffectType as E, FormFx as F, type JSONEffect as J, type PersistOptions as P, type RuleEditorOptions as R, RuleEditor, type FormFxOptions as a, type FXValue as b, type JSONRule as c, type FormFxDebugInfo as d };

package/dist/editor.js

@@ -1,2 +0,0 @@
-export{a as RuleEditor}from'./chunk-6E5EWQVW.js';//# sourceMappingURL=editor.js.map
-//# sourceMappingURL=editor.js.map

package/dist/editor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"editor.js"}

package/dist/index.cjs

@@ -1,138 +0,0 @@
-'use strict';var chunkGXMPHKTF_cjs=require('./chunk-GXMPHKTF.cjs');function w(e){if(e instanceof HTMLInputElement){if(e.type==="checkbox")return e.checked;if(e.type==="radio"){if(e.name){let r=(e.closest("form")||document).querySelector(`input[name="${e.name}"]:checked`);return r?r.value:null}return e.checked?e.value:null}return e.type==="number"||e.type==="range"?e.value===""?null:Number(e.value):e.value}return e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement?e.value:null}function y(e){e instanceof HTMLInputElement?e.type==="checkbox"||e.type==="radio"?e.checked=false:e.value="":e instanceof HTMLSelectElement?(e.selectedIndex=-1,e.value=""):e instanceof HTMLTextAreaElement?e.value="":e.querySelectorAll("input, select, textarea").forEach(r=>y(r));}function E(e,t){"disabled"in e?e.disabled=t:e.querySelectorAll("input, select, textarea").forEach(s=>{s.disabled=t;});}function O(e,t,r){let s=e.style.display!=="none";t?(e.style.display=e.dataset.fxOriginalDisplay||"",r.disableOnHide&&!s&&E(e,false)):(s&&!e.dataset.fxOriginalDisplay&&(e.dataset.fxOriginalDisplay=e.style.display),e.style.display="none",s&&((e.dataset.fxClearOnHide==="true"||r.clearOnHide)&&y(e),r.disableOnHide&&E(e,true)));}function N(e,t){e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement?e.required=t:e.querySelectorAll("input, select, textarea").forEach(s=>{s.required=t;});}function S(e,t){E(e,t);}function H(e){y(e);}function I(e,t){let r=e.querySelector(`#${t.replace(/([#;?%&,.+*~\':"!^$[\]()=>|/@])/g,"\\$1")}`);if(r)return r;let s=e.querySelector(`[name="${t}"]`);return s||e.querySelector(`[data-fx-id="${t}"]`)}function h(e,t){switch(e.type){case "Literal":return e.value;case "Identifier":{if(e.name.startsWith("@row.")){let r=e.name.substring(5);return t.row&&t.row[r]!==void 0?t.row[r]:null}return t.global[e.name]!==void 0?t.global[e.name]:null}case "UnaryExpression":if(e.operator==="!")return !h(e.argument,t);throw new Error(`Unknown unary operator: ${e.operator}`);case "BinaryExpression":{let r=h(e.left,t),s=h(e.right,t);if(e.operator==="==")return r==s;if(e.operator==="!=")return r!=s;if(e.operator===">")return r>s;if(e.operator===">=")return r>=s;if(e.operator==="<")return r<s;if(e.operator==="<=")return r<=s;if(e.operator==="+")return r+s;if(e.operator==="-")return r-s;if(e.operator==="*")return r*s;if(e.operator==="/")return r/s;if(e.operator==="%")return r%s;throw new Error(`Unknown binary operator: ${e.operator}`)}case "LogicalExpression":{let r=h(e.left,t);if(e.operator==="&&")return r&&h(e.right,t);if(e.operator==="||")return r||h(e.right,t);throw new Error(`Unknown logical operator: ${e.operator}`)}case "CallExpression":{let r=t.functions[e.callee];if(!r)throw new Error(`Unknown function: ${e.callee}`);let s=e.arguments.map(i=>h(i,t));return r(...s)}case "ArrayExpression":return e.elements.map(r=>h(r,t));default:throw new Error(`Unknown AST node type: ${e.type}`)}}function R(e){let t=0;function r(){return s()}function s(){let o=i();for(;t<e.length&&e[t].value==="||";){let c=e[t].value;t++;let f=i();o={type:"LogicalExpression",operator:c,left:o,right:f};}return o}function i(){let o=n();for(;t<e.length&&e[t].value==="&&";){let c=e[t].value;t++;let f=n();o={type:"LogicalExpression",operator:c,left:o,right:f};}return o}function n(){let o=u(),c=["==","!=",">",">=","<","<="];for(;t<e.length&&c.includes(e[t].value);){let f=e[t].value;t++;let d=u();o={type:"BinaryExpression",operator:f,left:o,right:d};}return o}function u(){let o=p();for(;t<e.length&&(e[t].value==="+"||e[t].value==="-");){let c=e[t].value;t++;let f=p();o={type:"BinaryExpression",operator:c,left:o,right:f};}return o}function p(){let o=a();for(;t<e.length&&(e[t].value==="*"||e[t].value==="/"||e[t].value==="%");){let c=e[t].value;t++;let f=a();o={type:"BinaryExpression",operator:c,left:o,right:f};}return o}function a(){return t<e.length&&e[t].value==="!"?(t++,{type:"UnaryExpression",operator:"!",argument:a()}):l()}function l(){let o=e[t];if(o.type==="PAREN"&&o.value==="("){t++;let c=r();if(e[t]?.value!==")")throw new Error("Expected )");return t++,c}if(o.type==="IDENTIFIER"){if(t++,t<e.length&&e[t].type==="PAREN"&&e[t].value==="("){t++;let c=[];if(!(e[t].type==="PAREN"&&e[t].value===")"))for(;;){if(c.push(r()),e[t].type==="COMMA"){t++;continue}if(e[t].type==="PAREN"&&e[t].value===")")break;throw new Error(`Expected , or ) in function call "${o.value}"`)}return t++,{type:"CallExpression",callee:o.value,arguments:c}}return {type:"Identifier",name:o.value}}if(o.type==="BRACKET"&&o.value==="["){t++;let c=[];if(!(e[t].type==="BRACKET"&&e[t].value==="]"))for(;;){if(c.push(r()),e[t].type==="COMMA"){t++;continue}if(e[t].type==="BRACKET"&&e[t].value==="]")break;throw new Error("Expected , or ] in array literal")}return t++,{type:"ArrayExpression",elements:c}}if(o.type==="NUMBER")return t++,{type:"Literal",value:parseFloat(o.value)};if(o.type==="STRING")return t++,{type:"Literal",value:o.value};if(o.type==="BOOLEAN")return t++,{type:"Literal",value:o.value==="true"};throw new Error(`Unexpected token: ${o.value}`)}return r()}function A(e){let t=[],r=0;for(;r<e.length;){let s=e[r];if(/\s/.test(s)){r++;continue}if(s==="("||s===")"){t.push({type:"PAREN",value:s}),r++;continue}if(s==="["||s==="]"){t.push({type:"BRACKET",value:s}),r++;continue}if(s===","){t.push({type:"COMMA",value:s}),r++;continue}if(s==="#"||s==="@"){let n=s==="@",u=n?"@":"";if(r++,n){let p="";for(;r<e.length&&/[a-zA-Z0-9_-]/.test(e[r]);)p+=e[r],r++;if(u+=p,e[r]===".")for(u+=".",r++;r<e.length&&/[a-zA-Z0-9_-]/.test(e[r]);)u+=e[r],r++;}else for(;r<e.length&&/[a-zA-Z0-9_-]/.test(e[r]);)u+=e[r],r++;t.push({type:"IDENTIFIER",value:u});continue}if(/[0-9]/.test(s)){let n="";for(;r<e.length&&/[0-9.]/.test(e[r]);)n+=e[r],r++;t.push({type:"NUMBER",value:n});continue}if(s==="'"){let n="";for(r++;r<e.length&&e[r]!=="'";)n+=e[r],r++;r++,t.push({type:"STRING",value:n});continue}if(s==="="&&e[r+1]==="="){t.push({type:"OPERATOR",value:"=="}),r+=2;continue}if(s==="!"&&e[r+1]==="="){t.push({type:"OPERATOR",value:"!="}),r+=2;continue}if(s===">"&&e[r+1]==="="){t.push({type:"OPERATOR",value:">="}),r+=2;continue}if(s==="<"&&e[r+1]==="="){t.push({type:"OPERATOR",value:"<="}),r+=2;continue}if(s===">"){t.push({type:"OPERATOR",value:">"}),r++;continue}if(s==="<"){t.push({type:"OPERATOR",value:"<"}),r++;continue}if(s==="&"&&e[r+1]==="&"){t.push({type:"OPERATOR",value:"&&"}),r+=2;continue}if(s==="|"&&e[r+1]==="|"){t.push({type:"OPERATOR",value:"||"}),r+=2;continue}if(s==="!"){t.push({type:"OPERATOR",value:"!"}),r++;continue}if(s==="+"||s==="-"||s==="*"||s==="/"||s==="%"){t.push({type:"OPERATOR",value:s}),r++;continue}let i=e.slice(r).match(/^[a-zA-Z][a-zA-Z0-9_]*/);if(i){let n=i[0];n==="true"||n==="false"?(t.push({type:"BOOLEAN",value:n}),r+=n.length):(t.push({type:"IDENTIFIER",value:n}),r+=n.length);continue}throw new Error(`Unexpected character: ${s} at position ${r}`)}return t}function F(e,t={}){let r=[];return ["show","required","disabled","enable","clear"].forEach(i=>{let n=`data-fx-${i}`;e.querySelectorAll(`[${n}]`).forEach(p=>{let a=p.getAttribute(n)||"";try{let l=A(a),o=R(l);r.push({element:p,type:i,expression:a,ast:o,source:"attribute"});}catch(l){console.warn(`[FormFx] Failed to parse expression "${a}" for ${n}:`,l);}});}),t.rules&&t.rules.forEach(i=>{try{let n=A(i.if),u=R(n),p=(a,l)=>{a.forEach(o=>{Object.entries(o).forEach(([c,f])=>{if(typeof f!="string"||!f)return;let d=c==="require"?"required":c,g=i.if,m=u;d==="hide"&&(d="show",m={type:"UnaryExpression",operator:"!",argument:u},g=`!(${i.if})`),l&&(m={type:"UnaryExpression",operator:"!",argument:m},g=`!(${g})`),e.querySelectorAll(f).forEach(v=>{let q=v;r.push({id:i.id,element:q,type:d,expression:g,ast:m,source:"json",rawRule:i,disabled:i.disabled});});});});};p(i.then,!1),i.else&&p(i.else,!0);}catch(n){console.warn("[FormFx] Failed to parse JSON rule:",i,n);}}),r}function x(e){let t=new Set,r=new Set;function s(i){i.type==="Identifier"?i.name.startsWith("@row.")?r.add(i.name.substring(5)):t.add(i.name):i.type==="BinaryExpression"||i.type==="LogicalExpression"?(s(i.left),s(i.right)):i.type==="UnaryExpression"?s(i.argument):i.type==="CallExpression"?i.arguments.forEach(s):i.type==="ArrayExpression"&&i.elements.forEach(s);}return s(e),{global:Array.from(t),row:Array.from(r)}}var z={in:(e,t)=>Array.isArray(t)?t.includes(e):false,contains:(e,t)=>typeof e!="string"?false:e.includes(t)};function $(e,t,r){let s=[],i={},n=new Set;t.forEach(a=>{x(a.ast).global.forEach(l=>n.add(l));}),n.forEach(a=>{let l=I(e,a);l?i[a]=w(l):i[a]=null;});let u={global:i,functions:z},p=new Map;return t.forEach(a=>{p.has(a.element)||p.set(a.element,new Map),p.get(a.element).set(a.type,a.source);}),t.forEach(a=>{if(!a.disabled&&!(a.source==="attribute"&&p.get(a.element)?.get(a.type)==="json"))try{let l,o=a.element.closest("[data-fx-item]");o&&(l={},x(a.ast).row.forEach(m=>{let T=o.querySelector(`[data-fx-field="${m}"]`);if(T){let v=T.querySelector("input, select, textarea");l[m]=v?w(v):null;}else l[m]=null;}));let c={...u,row:l},d=!!h(a.ast,c);switch(r.debug&&(s.push({rule:a,result:d,elements:[a.element]}),console.debug(`[FormFx Debug] Rule: ${a.type}="${a.expression}" (source: ${a.source}, result: ${d})`,{element:a.element,result:d,context:c})),a.type){case "show":O(a.element,d,r);break;case "required":N(a.element,d);break;case "disabled":S(a.element,d);break;case "enable":S(a.element,!d);break;case "clear":d&&a.lastResult===!1&&H(a.element);break}a.lastResult=d;}catch(l){let o=l instanceof Error?l.message:String(l);r.debug?(s.push({rule:a,result:"error",error:o,elements:[a.element]}),console.warn(`[FormFx Debug] Evaluation failed: "${a.expression}"`,l)):console.warn(`[FormFx] Failed to evaluate expression "${a.expression}":`,l);}}),s}function P(e,t,r){let s=()=>{t();};return e.addEventListener("input",s),e.addEventListener("change",s),()=>{e.removeEventListener("input",s),e.removeEventListener("change",s);}}function C(e,t){let r=new MutationObserver(s=>{let i=false;for(let n of s)if(n.type==="childList"&&(n.addedNodes.length>0||n.removedNodes.length>0)){i=true;break}i&&t();});return r.observe(e,{childList:true,subtree:true}),r}function D(e,t){let r=e.querySelectorAll("[data-fx-repeater]"),s=[];return r.forEach(i=>{let n={name:i.getAttribute("data-fx-name")||"",max:parseInt(i.getAttribute("data-fx-max")||"10",10),addButton:i.querySelector("[data-fx-add]"),listContainer:i.querySelector("[data-fx-list]")||i,template:i.querySelector("template[data-fx-template]")};if(!n.template){console.warn("[FormFx] Repeater template not found",i);return}let u=()=>{n.listContainer.querySelectorAll("[data-fx-item]").length<n.max&&(k(n),L(n),t());};n.addButton&&(n.addButton.addEventListener("click",u),s.push(()=>n.addButton?.removeEventListener("click",u)));let p=a=>{let l=a.target;if(l.closest("[data-fx-remove]")){let o=l.closest("[data-fx-item]");o&&(o.remove(),L(n),t());}};n.listContainer.addEventListener("click",p),s.push(()=>n.listContainer.removeEventListener("click",p)),L(n);}),()=>s.forEach(i=>i())}function k(e){let r=e.template.content.cloneNode(true).querySelector("[data-fx-item]");r&&e.listContainer.appendChild(r);}function L(e){let t=e.listContainer.querySelectorAll("[data-fx-item]");t.forEach((r,s)=>{r.setAttribute("data-fx-index",s.toString()),r.querySelectorAll("[data-fx-field]").forEach(n=>{let u=n.getAttribute("data-fx-field");u&&n.querySelectorAll("input, select, textarea").forEach(a=>{a.name=`${e.name}[${s}].${u}`;});});}),e.addButton&&(t.length>=e.max?e.addButton.style.display="none":e.addButton.style.display="");}var b=class{container=null;shadow=null;persistInfo=null;isMinimized=false;pos={x:10,y:10};isDragging=false;dragStart={x:0,y:0};constructor(){this.loadState(),this.container=document.createElement("div"),this.container.id="formfx-debug-panel",this.shadow=this.container.attachShadow({mode:"open"}),this.renderInitial(),document.body.appendChild(this.container),this.setupDragging();}loadState(){try{let t=localStorage.getItem("formfx-debug-state");if(t){let r=JSON.parse(t);this.isMinimized=!!r.isMinimized,r.pos&&(this.pos=r.pos);}}catch{}}saveState(){try{localStorage.setItem("formfx-debug-state",JSON.stringify({isMinimized:this.isMinimized,pos:this.pos}));}catch{}}setupDragging(){if(!this.shadow||!this.container)return;let t=this.shadow.querySelector(".header");if(!t)return;t.style.cursor="move",t.addEventListener("mousedown",s=>{this.isDragging=true,this.dragStart={x:s.clientX+this.pos.x,y:s.clientY+this.pos.y},s.preventDefault();}),window.addEventListener("mousemove",s=>{this.isDragging&&(this.pos.x=this.dragStart.x-s.clientX,this.pos.y=this.dragStart.y-s.clientY,this.updatePosition());}),window.addEventListener("mouseup",()=>{this.isDragging&&(this.isDragging=false,this.saveState());}),this.shadow.getElementById("toggle-minimize")?.addEventListener("click",s=>{s.stopPropagation(),this.isMinimized=!this.isMinimized,this.renderInitial(),this.updatePosition(),this.saveState();});}updatePosition(){this.container&&(this.container.style.bottom=`${this.pos.y}px`,this.container.style.right=`${this.pos.x}px`);}setPersistInfo(t){this.persistInfo=t;}renderInitial(){this.shadow&&(this.shadow.innerHTML=`
-      <style>
-        :host {
-          position: fixed;
-          bottom: ${this.pos.y}px;
-          right: ${this.pos.x}px;
-          width: 350px;
-          max-height: 80vh;
-          background: rgba(0, 0, 0, 0.85);
-          color: white;
-          font-family: monospace;
-          font-size: 12px;
-          border-radius: 8px;
-          overflow: hidden;
-          z-index: 10000;
-          box-shadow: 0 4px 12px rgba(0,0,0,0.3);
-          border: 1px solid #444;
-          display: flex;
-          flex-direction: column;
-        }
-        .header {
-          padding: 8px 12px;
-          background: #222;
-          border-bottom: 1px solid #444;
-          font-weight: bold;
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          user-select: none;
-        }
-        .content {
-          padding: 8px;
-          overflow-y: auto;
-          display: ${this.isMinimized?"none":"block"};
-        }
-        .header-controls {
-          display: flex;
-          gap: 8px;
-        }
-        .btn-icon {
-          cursor: pointer;
-          padding: 2px 6px;
-          border-radius: 4px;
-          background: #444;
-          border: none;
-          color: white;
-          font-size: 10px;
-        }
-        .btn-icon:hover {
-          background: #666;
-        }
-        .rule {
-          margin-bottom: 8px;
-          padding: 6px;
-          border-radius: 4px;
-          background: #333;
-        }
-        .rule-header {
-          display: flex;
-          justify-content: space-between;
-          margin-bottom: 4px;
-        }
-        .rule-id {
-          color: #aaa;
-          font-size: 10px;
-        }
-        .rule-expr {
-          word-break: break-all;
-          color: #88ccff;
-        }
-        .status {
-          font-weight: bold;
-          padding: 2px 4px;
-          border-radius: 2px;
-          font-size: 10px;
-        }
-        .status-true { background: #228b22; }
-        .status-false { background: #b22222; }
-        .status-error { background: #ff4500; }
-        .status-disabled { background: #666; color: #ccc; }
-        .persist-badge {
-          font-size: 9px;
-          background: #444;
-          padding: 1px 4px;
-          border-radius: 4px;
-          color: #00ff00;
-          border: 1px solid #00ff00;
-        }
-        .header-top {
-          display: flex;
-          align-items: center;
-          gap: 8px;
-        }
-        .effects {
-          margin-top: 4px;
-          padding-left: 12px;
-          border-left: 2px solid #555;
-          font-size: 11px;
-        }
-        .effect-item {
-          margin-top: 2px;
-        }
-        .effect-skipped {
-          color: #888;
-          text-decoration: line-through;
-        }
-        .error-msg {
-          color: #ff6347;
-          font-size: 10px;
-          margin-top: 4px;
-        }
-      </style>
-      <div class="header">
-        <div class="header-top">
-          <span>FormFx Debug</span>
-          ${this.persistInfo?'<span class="persist-badge">PERSIST</span>':""}
-        </div>
-        <div class="header-controls">
-          <button id="toggle-minimize" class="btn-icon">${this.isMinimized?"\u25A1":"_"} </button>
-        </div>
-      </div>
-      <div id="rule-list" class="content">
-        Waiting for evaluation...
-      </div>
-    `,this.setupDragging());}update(t){if(!this.shadow)return;let r=this.shadow.getElementById("rule-list");r&&(r.innerHTML=t.map(s=>{let{rule:i,result:n,error:u}=s,p=n==="error"?"status-error":n?"status-true":"status-false",a=n==="error"?"ERROR":n.toString().toUpperCase();i.disabled&&(p="status-disabled",a="DISABLED");let l=`${i.type} ${this.getSelector(i.element)}`;return n!==true&&n!=="error"&&!i.disabled&&(l=`<span class="effect-skipped">${l} (skipped)</span>`),i.disabled&&(l=`<span class="effect-skipped">${l}</span>`),`
-        <div class="rule">
-          <div class="rule-header">
-            <span class="rule-id">${i.id||(i.source==="attribute"?"Attr":"JSON")}</span>
-            <span class="status ${p}">${a}</span>
-          </div>
-          <div class="rule-expr">${i.expression}</div>
-          <div class="effects">
-            <div class="effect-item">${l}</div>
-          </div>
-          ${u?`<div class="error-msg">Error: ${u}</div>`:""}
-        </div>
-      `}).join(""));}getSelector(t){return t.id?`#${t.id}`:t.className?`.${t.className.split(" ").join(".")}`:t.tagName.toLowerCase()}destroy(){this.container&&this.container.parentNode&&this.container.parentNode.removeChild(this.container);}};var M=class{constructor(t,r={}){this.formElement=t;this.options={disableOnHide:true,clearOnHide:false,...r},this.loadPersistedRules();}rules=[];options;cleanupEvents=null;cleanupRepeaters=null;observer=null;debugPanel=null;isPaused=false;mount(){this.options.debug&&(this.debugPanel=new b,this.options.persist&&this.debugPanel.setPersistInfo(this.options.persist)),this.refreshRules(),this.cleanupRepeaters=D(this.formElement,()=>{this.refreshRules(),this.setupEvents(),this.evaluate();}),this.setupEvents(),this.observer=C(this.formElement,()=>{this.refreshRules(),this.setupEvents(),this.evaluate();}),this.evaluate();}reEvaluate(){this.evaluate();}setupEvents(){this.cleanupEvents&&this.cleanupEvents();let t=new Set;this.rules.forEach(r=>{x(r.ast).global.forEach(s=>{t.add(s);});}),this.cleanupEvents=P(this.formElement,()=>{this.evaluate();},Array.from(t));}refreshRules(){this.rules=F(this.formElement,this.options);}evaluate(){if(this.isPaused)return;let t=$(this.formElement,this.rules,this.options);this.debugPanel&&this.debugPanel.update(t);}pause(){this.isPaused=true;}resume(){this.isPaused=false,this.evaluate();}exportRules(){return this.options.rules||[]}importRules(t){this.options.rules=t,this.savePersistedRules(),this.refreshRules(),this.setupEvents(),this.evaluate();}async enableRuleEditor(t){let{RuleEditor:r}=await import('./editor.cjs');new r(this,t).mount();}loadPersistedRules(){let{persist:t}=this.options;if(t)try{let s=(t.storage==="localStorage"?localStorage:sessionStorage).getItem(t.key);s&&(this.options.rules=JSON.parse(s));}catch(r){console.error("[FormFx] Failed to load persisted rules:",r);}}savePersistedRules(){let{persist:t,rules:r}=this.options;if(!(!t||!r))try{(t.storage==="localStorage"?localStorage:sessionStorage).setItem(t.key,JSON.stringify(r));}catch(s){console.error("[FormFx] Failed to save rules:",s);}}enableRule(t){this.rules.forEach(r=>{r.id===t&&r.source==="json"&&(r.disabled=false);}),this.options.rules&&(this.options.rules.forEach(r=>{r.id===t&&(r.disabled=false);}),this.savePersistedRules()),this.evaluate();}disableRule(t){this.rules.forEach(r=>{r.id===t&&r.source==="json"&&(r.disabled=true);}),this.options.rules&&(this.options.rules.forEach(r=>{r.id===t&&(r.disabled=true);}),this.savePersistedRules()),this.evaluate();}destroy(){this.cleanupEvents&&this.cleanupEvents(),this.cleanupRepeaters&&this.cleanupRepeaters(),this.observer&&this.observer.disconnect(),this.debugPanel&&this.debugPanel.destroy(),this.cleanupEvents=null,this.cleanupRepeaters=null,this.observer=null,this.debugPanel=null,this.rules=[];}};Object.defineProperty(exports,"RuleEditor",{enumerable:true,get:function(){return chunkGXMPHKTF_cjs.a}});exports.FormFx=M;//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map