jupiter-dynamic-forms 1.0.0

package/dist/index.js

@@ -0,0 +1,784 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("lit"),t=e=>(t,r)=>{void 0!==r?r.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},r=globalThis,i=r.ShadowRoot&&(void 0===r.ShadyCSS||r.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),s=new WeakMap;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let a=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(i&&void 0===e){const r=void 0!==t&&1===t.length;r&&(e=s.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&s.set(t,e))}return e}toString(){return this.cssText}};const n=i?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const r of e.cssRules)t+=r.cssText;return(e=>new a("string"==typeof e?e:e+"",void 0,o))(t)})(e):e,{is:l,defineProperty:d,getOwnPropertyDescriptor:c,getOwnPropertyNames:p,getOwnPropertySymbols:h,getPrototypeOf:u}=Object,m=globalThis,b=m.trustedTypes,f=b?b.emptyScript:"",v=m.reactiveElementPolyfillSupport,y=(e,t)=>e,g={toAttribute(e,t){switch(t){case Boolean:e=e?f:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let r=e;switch(t){case Boolean:r=null!==e;break;case Number:r=null===e?null:Number(e);break;case Object:case Array:try{r=JSON.parse(e)}catch(i){r=null}}return r}},x=(e,t)=>!l(e,t),_={attribute:!0,type:String,converter:g,reflect:!1,useDefault:!1,hasChanged:x};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */Symbol.metadata??(Symbol.metadata=Symbol("metadata")),m.litPropertyMetadata??(m.litPropertyMetadata=new WeakMap);class $ extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=_){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const r=Symbol(),i=this.getPropertyDescriptor(e,r,t);void 0!==i&&d(this.prototype,e,i)}}static getPropertyDescriptor(e,t,r){const{get:i,set:o}=c(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const s=null==i?void 0:i.call(this);null==o||o.call(this,t),this.requestUpdate(e,s,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??_}static _$Ei(){if(this.hasOwnProperty(y("elementProperties")))return;const e=u(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(y("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(y("properties"))){const e=this.properties,t=[...p(e),...h(e)];for(const r of t)this.createProperty(r,e[r])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,r]of t)this.elementProperties.set(e,r)}this._$Eh=new Map;for(const[t,r]of this.elementProperties){const e=this._$Eu(t,r);void 0!==e&&this._$Eh.set(e,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const r=new Set(e.flat(1/0).reverse());for(const e of r)t.unshift(n(e))}else void 0!==e&&t.push(n(e));return t}static _$Eu(e,t){const r=t.attribute;return!1===r?void 0:"string"==typeof r?r:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),null==(e=this.constructor.l)||e.forEach(e=>e(this))}addController(e){var t;(this._$EO??(this._$EO=new Set)).add(e),void 0!==this.renderRoot&&this.isConnected&&(null==(t=e.hostConnected)||t.call(e))}removeController(e){var t;null==(t=this._$EO)||t.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const r of t.keys())this.hasOwnProperty(r)&&(e.set(r,this[r]),delete this[r]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(i)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),o=r.litNonce;void 0!==o&&t.setAttribute("nonce",o),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null==(e=this._$EO)||e.forEach(e=>{var t;return null==(t=e.hostConnected)?void 0:t.call(e)})}enableUpdating(e){}disconnectedCallback(){var e;null==(e=this._$EO)||e.forEach(e=>{var t;return null==(t=e.hostDisconnected)?void 0:t.call(e)})}attributeChangedCallback(e,t,r){this._$AK(e,r)}_$ET(e,t){var r;const i=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,i);if(void 0!==o&&!0===i.reflect){const s=(void 0!==(null==(r=i.converter)?void 0:r.toAttribute)?i.converter:g).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(o):this.setAttribute(o,s),this._$Em=null}}_$AK(e,t){var r,i;const o=this.constructor,s=o._$Eh.get(e);if(void 0!==s&&this._$Em!==s){const e=o.getPropertyOptions(s),a="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==(null==(r=e.converter)?void 0:r.fromAttribute)?e.converter:g;this._$Em=s;const n=a.fromAttribute(t,e.type);this[s]=n??(null==(i=this._$Ej)?void 0:i.get(s))??n,this._$Em=null}}requestUpdate(e,t,r){var i;if(void 0!==e){const o=this.constructor,s=this[e];if(r??(r=o.getPropertyOptions(e)),!((r.hasChanged??x)(s,t)||r.useDefault&&r.reflect&&s===(null==(i=this._$Ej)?void 0:i.get(e))&&!this.hasAttribute(o._$Eu(e,r))))return;this.C(e,t,r)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:r,reflect:i,wrapped:o},s){r&&!(this._$Ej??(this._$Ej=new Map)).has(e)&&(this._$Ej.set(e,s??t??this[e]),!0!==o||void 0!==s)||(this._$AL.has(e)||(this.hasUpdated||r||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??(this._$Eq=new Set)).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,r]of e){const{wrapped:e}=r,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,r,i)}}let t=!1;const r=this._$AL;try{t=this.shouldUpdate(r),t?(this.willUpdate(r),null==(e=this._$EO)||e.forEach(e=>{var t;return null==(t=e.hostUpdate)?void 0:t.call(e)}),this.update(r)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(r)}willUpdate(e){}_$AE(e){var t;null==(t=this._$EO)||t.forEach(e=>{var t;return null==(t=e.hostUpdated)?void 0:t.call(e)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(e){}firstUpdated(e){}}$.elementStyles=[],$.shadowRootOptions={mode:"open"},$[y("elementProperties")]=new Map,$[y("finalized")]=new Map,null==v||v({ReactiveElement:$}),(m.reactiveElementVersions??(m.reactiveElementVersions=[])).push("2.1.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const w={attribute:!0,type:String,converter:g,reflect:!1,hasChanged:x},E=(e=w,t,r)=>{const{kind:i,metadata:o}=r;let s=globalThis.litPropertyMetadata.get(o);if(void 0===s&&globalThis.litPropertyMetadata.set(o,s=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),s.set(r.name,e),"accessor"===i){const{name:i}=r;return{set(r){const o=t.get.call(this);t.set.call(this,r),this.requestUpdate(i,o,e)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=r;return function(r){const o=this[i];t.call(this,r),this.requestUpdate(i,o,e)}}throw Error("Unsupported decorator location: "+i)};function S(e){return(t,r)=>"object"==typeof r?E(e,t,r):((e,t,r)=>{const i=t.hasOwnProperty(r);return t.constructor.createProperty(r,e),i?Object.getOwnPropertyDescriptor(t,r):void 0})(e,t,r)}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function j(e){return S({...e,state:!0,attribute:!1})}class F{static validateField(e,t,r,i,o,s=[]){const a=[];for(const n of s){const s=this.validateRule(e,t,r,i,o,n);s&&a.push(s)}return a}static validateRule(e,t,r,i,o,s){const a=null==i||""===i;switch(s.type){case"required":if(a)return this.createError(e,t,r,s);break;case"min":if(!a&&"number"==typeof i&&i<s.value)return this.createError(e,t,r,s);break;case"max":if(!a&&"number"==typeof i&&i>s.value)return this.createError(e,t,r,s);break;case"minLength":if(!a&&"string"==typeof i&&i.length<s.value)return this.createError(e,t,r,s);break;case"maxLength":if(!a&&"string"==typeof i&&i.length>s.value)return this.createError(e,t,r,s);break;case"pattern":if(!a&&"string"==typeof i){if(!new RegExp(s.value).test(i))return this.createError(e,t,r,s)}break;case"email":if(!a&&"string"==typeof i){if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i))return this.createError(e,t,r,s)}break;case"url":if(!a&&"string"==typeof i)try{new URL(i)}catch{return this.createError(e,t,r,s)}break;case"custom":break;default:console.warn(`Unknown validation rule type: ${s.type}`)}return null}static createError(e,t,r,i){return{fieldId:e,conceptId:t,columnId:r,message:i.message,severity:i.severity||"error",rule:i}}static validateDataType(e,t){if(null==e||""===e)return{valid:!0,convertedValue:e};switch(t){case"number":case"decimal":case"currency":case"percentage":{const t=Number(e);return isNaN(t)?{valid:!1,error:"Invalid number format"}:{valid:!0,convertedValue:t}}case"date":{const t=new Date(e);return isNaN(t.getTime())?{valid:!1,error:"Invalid date format"}:{valid:!0,convertedValue:t.toISOString().split("T")[0]}}case"datetime":{const t=new Date(e);return isNaN(t.getTime())?{valid:!1,error:"Invalid datetime format"}:{valid:!0,convertedValue:t.toISOString()}}case"boolean":if("boolean"==typeof e)return{valid:!0,convertedValue:e};if("string"==typeof e){const t=e.toLowerCase();if("true"===t||"1"===t)return{valid:!0,convertedValue:!0};if("false"===t||"0"===t)return{valid:!0,convertedValue:!1}}return{valid:!1,error:"Invalid boolean format"};case"text":case"textarea":case"email":case"url":case"tel":return{valid:!0,convertedValue:String(e)};default:return{valid:!0,convertedValue:e}}}static formatValue(e,t,r="en-US"){if(null==e)return"";switch(t){case"number":return new Intl.NumberFormat(r).format(Number(e));case"decimal":return new Intl.NumberFormat(r,{minimumFractionDigits:2,maximumFractionDigits:2}).format(Number(e));case"currency":return new Intl.NumberFormat(r,{style:"currency",currency:"USD"}).format(Number(e));case"percentage":return new Intl.NumberFormat(r,{style:"percent",minimumFractionDigits:2}).format(Number(e)/100);case"date":return new Date(e).toLocaleDateString(r);case"datetime":return new Date(e).toLocaleString(r);default:return String(e)}}}class k{static buildFormSchema(e){if(!e.presentation||0===e.presentation.length)throw new Error("XBRL presentation data is required");const t=e.presentation[0],r=[];return t.roles.forEach(e=>{const t=this.buildSectionFromRole(e);r.push(t)}),{formId:`xbrl-form-${Date.now()}`,title:`XBRL Form - ${this.extractEntityName(t.entrypoint)}`,description:"Dynamic form generated from XBRL taxonomy data",version:"1.0.0",sections:r}}static buildSectionFromRole(e){var t;const r=this.extractRoleTitle(e.role),i=[];return(null==(t=e.presentationLinkbase)?void 0:t.concepts)&&e.presentationLinkbase.concepts.forEach(e=>{const t=this.buildConceptTree(e,0);t&&i.push(t)}),{id:e.id,title:r,description:`Section for ${r}`,concepts:i,expanded:!1}}static buildConceptTree(e,t){const r=this.getPreferredLabel(e.labels),i=[];if(!e.elementAbstract){const t=this.createFieldFromConcept(e);t&&i.push(t)}const o=[];return e.children&&e.children.length>0&&e.children.forEach(e=>{const r=this.buildConceptTree(e,t+1);r&&o.push(r)}),{id:e.id,name:e.conceptName,label:r,description:`${e.conceptName} (${e.type})`,level:t,children:o,fields:i,collapsed:t>0}}static createFieldFromConcept(e){const t=this.mapXBRLTypeToFieldType(e.type),r=this.getPreferredLabel(e.labels);return{id:`${e.id}_field`,conceptId:e.id,columnId:"default",type:t,label:r,placeholder:`Enter ${r.toLowerCase()}`,required:!1,disabled:e.elementAbstract,defaultValue:null}}static mapXBRLTypeToFieldType(e){return{"xbrli:stringItemType":"text","xbrli:monetaryItemType":"currency","xbrli:integerItemType":"number","xbrli:decimalItemType":"decimal","xbrli:percentItemType":"percentage","xbrli:dateItemType":"date","xbrli:booleanItemType":"boolean","dtr-types:domainItemType":"select","bw2-titel9:chamberOfCommerceRegistrationNumberItemType":"text"}[e]||"text"}static getPreferredLabel(e){if(!e||0===e.length)return"Unnamed Concept";const t=e.find(e=>e.preferredLabel);if(t)return t.label;const r=e.find(e=>"http://www.xbrl.org/2003/role/label"===e.role);if(r)return r.label;const i=e.find(e=>"http://www.xbrl.org/2003/role/terseLabel"===e.role);return i?i.label:e[0].label}static extractEntityName(e){try{const t=new URL(e).pathname.split("/");return t[t.length-1].replace(".xsd","").replace(/[^a-zA-Z0-9]/g," ").trim()||"Entity"}catch{return"Entity"}}static extractRoleTitle(e){const t=e.match(/^\[[\d]+\]\s*(.+)$/);return t?t[1].trim():e}static extractRoleOrder(e){const t=e.match(/^\[([\d]+)\]/);return t?parseInt(t[1],10):0}static buildColumnsFromHypercubes(){return[{id:"default",label:"Values",type:"data"}]}}var C=Object.defineProperty,D=Object.getOwnPropertyDescriptor,I=(e,t,r,i)=>{for(var o,s=i>1?void 0:i?D(t,r):t,a=e.length-1;a>=0;a--)(o=e[a])&&(s=(i?o(t,r,s):o(s))||s);return i&&s&&C(t,r,s),s};exports.JupiterFormField=class extends e.LitElement{constructor(){super(...arguments),this.value=null,this.disabled=!1,this.locale="en-US",this._errors=[],this._touched=!1}willUpdate(e){(e.has("value")||e.has("field"))&&this._validateField()}_validateField(){var e;(null==(e=this.field)?void 0:e.validation)&&(this._errors=F.validateField(this.field.id,this.conceptId,this.columnId,this.value,this.field.type,this.field.validation))}_handleInput(e){const t=e.target;let r=t.value;"number"===this.field.type||"decimal"===this.field.type?r=""===r?null:Number(r):"boolean"===this.field.type&&(r=t.checked),this.value=r,this._touched=!0,this.dispatchEvent(new CustomEvent("field-change",{detail:{fieldId:this.field.id,conceptId:this.conceptId,columnId:this.columnId,value:r,oldValue:this.value},bubbles:!0}))}_handleFocus(){this.dispatchEvent(new CustomEvent("field-focus",{detail:{fieldId:this.field.id,conceptId:this.conceptId,columnId:this.columnId},bubbles:!0}))}_handleBlur(){this._touched=!0,this.dispatchEvent(new CustomEvent("field-blur",{detail:{fieldId:this.field.id,conceptId:this.conceptId,columnId:this.columnId},bubbles:!0}))}_renderInput(){var t;const r=this._errors.some(e=>"error"===e.severity),i=this._errors.some(e=>"warning"===e.severity),o="field-input "+(r?"error":i?"warning":"");switch(this.field.type){case"textarea":return e.html`
+          <textarea
+            class="${o}"
+            .value="${this.value||""}"
+            ?disabled="${this.disabled||this.field.disabled}"
+            placeholder="${this.field.placeholder||""}"
+            @input="${this._handleInput}"
+            @focus="${this._handleFocus}"
+            @blur="${this._handleBlur}"
+          ></textarea>
+        `;case"select":return e.html`
+          <select
+            class="${o}"
+            .value="${this.value||""}"
+            ?disabled="${this.disabled||this.field.disabled}"
+            @change="${this._handleInput}"
+            @focus="${this._handleFocus}"
+            @blur="${this._handleBlur}"
+          >
+            <option value="">Select...</option>
+            ${null==(t=this.field.options)?void 0:t.map(t=>e.html`
+              <option 
+                value="${t.value}"
+                ?disabled="${t.disabled}"
+                ?selected="${this.value===t.value}"
+              >
+                ${t.label}
+              </option>
+            `)}
+          </select>
+        `;case"boolean":return e.html`
+          <div class="checkbox-container">
+            <input
+              type="checkbox"
+              class="field-input"
+              .checked="${Boolean(this.value)}"
+              ?disabled="${this.disabled||this.field.disabled}"
+              @change="${this._handleInput}"
+              @focus="${this._handleFocus}"
+              @blur="${this._handleBlur}"
+            />
+            <span>${this.field.label}</span>
+          </div>
+        `;default:return e.html`
+          <input
+            type="${this._getInputType()}"
+            class="${o}"
+            .value="${this.value||""}"
+            ?disabled="${this.disabled||this.field.disabled}"
+            placeholder="${this.field.placeholder||""}"
+            @input="${this._handleInput}"
+            @focus="${this._handleFocus}"
+            @blur="${this._handleBlur}"
+          />
+        `}}_getInputType(){switch(this.field.type){case"number":case"decimal":case"currency":case"percentage":return"number";case"date":return"date";case"datetime":return"datetime-local";case"email":return"email";case"url":return"url";case"tel":return"tel";default:return"text"}}render(){const t="boolean"!==this.field.type;return e.html`
+      <div class="field-container">
+        ${t?e.html`
+          <label class="field-label ${this.field.required?"required":""}">
+            ${this.field.label}
+          </label>
+        `:""}
+        
+        ${this._renderInput()}
+        
+        ${this._errors.length>0&&this._touched?e.html`
+          <div class="field-errors">
+            ${this._errors.map(t=>e.html`
+              <span class="field-error ${t.severity}">
+                ${t.message}
+              </span>
+            `)}
+          </div>
+        `:""}
+      </div>
+    `}},exports.JupiterFormField.styles=e.css`
+    :host {
+      display: block;
+      margin-bottom: 8px;
+    }
+
+    .field-container {
+      position: relative;
+    }
+
+    .field-label {
+      display: block;
+      font-weight: 500;
+      margin-bottom: 4px;
+      color: var(--jupiter-text-primary, #333);
+      font-size: 14px;
+    }
+
+    .field-label.required::after {
+      content: ' *';
+      color: var(--jupiter-error-color, #d32f2f);
+    }
+
+    .field-input {
+      width: 100%;
+      padding: 8px 12px;
+      border: 1px solid var(--jupiter-border-color, #ddd);
+      border-radius: 4px;
+      font-size: 14px;
+      font-family: inherit;
+      background: var(--jupiter-input-background, #fff);
+      color: var(--jupiter-text-primary, #333);
+      box-sizing: border-box;
+    }
+
+    .field-input:focus {
+      outline: none;
+      border-color: var(--jupiter-primary-color, #1976d2);
+      box-shadow: 0 0 0 2px var(--jupiter-primary-color-light, rgba(25, 118, 210, 0.2));
+    }
+
+    .field-input:disabled {
+      background: var(--jupiter-disabled-background, #f5f5f5);
+      color: var(--jupiter-disabled-text, #999);
+      cursor: not-allowed;
+    }
+
+    .field-input.error {
+      border-color: var(--jupiter-error-color, #d32f2f);
+    }
+
+    .field-input.warning {
+      border-color: var(--jupiter-warning-color, #ff9800);
+    }
+
+    .field-errors {
+      margin-top: 4px;
+    }
+
+    .field-error {
+      display: block;
+      font-size: 12px;
+      margin-bottom: 2px;
+    }
+
+    .field-error.error {
+      color: var(--jupiter-error-color, #d32f2f);
+    }
+
+    .field-error.warning {
+      color: var(--jupiter-warning-color, #ff9800);
+    }
+
+    .field-error.info {
+      color: var(--jupiter-info-color, #2196f3);
+    }
+
+    select.field-input {
+      appearance: none;
+      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
+      background-position: right 8px center;
+      background-repeat: no-repeat;
+      background-size: 16px;
+      padding-right: 32px;
+    }
+
+    textarea.field-input {
+      resize: vertical;
+      min-height: 60px;
+    }
+
+    .checkbox-container {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .checkbox-container input[type="checkbox"] {
+      margin: 0;
+      width: auto;
+    }
+  `,I([S({type:Object})],exports.JupiterFormField.prototype,"field",2),I([S({type:String})],exports.JupiterFormField.prototype,"conceptId",2),I([S({type:String})],exports.JupiterFormField.prototype,"columnId",2),I([S()],exports.JupiterFormField.prototype,"value",2),I([S({type:Boolean})],exports.JupiterFormField.prototype,"disabled",2),I([S({type:String})],exports.JupiterFormField.prototype,"locale",2),I([j()],exports.JupiterFormField.prototype,"_errors",2),I([j()],exports.JupiterFormField.prototype,"_touched",2),exports.JupiterFormField=I([t("jupiter-form-field")],exports.JupiterFormField);var P=Object.defineProperty,O=Object.getOwnPropertyDescriptor,J=(e,t,r,i)=>{for(var o,s=i>1?void 0:i?O(t,r):t,a=e.length-1;a>=0;a--)(o=e[a])&&(s=(i?o(t,r,s):o(s))||s);return i&&s&&P(t,r,s),s};exports.JupiterConceptTree=class extends e.LitElement{constructor(){super(...arguments),this.columns=[],this.formData={},this.disabled=!1,this.locale="en-US",this._expanded=!0}connectedCallback(){super.connectedCallback(),this._expanded=!this.concept.collapsed}_toggleExpanded(){this._expanded=!this._expanded,this.dispatchEvent(new CustomEvent("concept-expand",{detail:{conceptId:this.concept.id,expanded:this._expanded},bubbles:!0}))}_getFieldForColumn(e){return this.concept.fields.find(t=>t.columnId===e)}_getFieldValue(e){var t;return null==(t=this.formData[this.concept.id])?void 0:t[e.columnId]}_handleFieldChange(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("field-change",{detail:e.detail,bubbles:!0}))}render(){const t=this.concept.children&&this.concept.children.length>0,r=this.concept.level||0;return e.html`
+      <div class="concept-row" style="--level: ${r}">
+        <!-- Concept Label Column -->
+        <div class="concept-header" @click="${this._toggleExpanded}">
+          <div class="concept-indent"></div>
+          <div class="concept-toggle ${t?this._expanded?"expanded":"":"no-children"}">
+            ${t?"▶":""}
+          </div>
+          <div class="concept-label">
+            ${this.concept.label}
+            ${this.concept.description?e.html`
+              <span class="concept-description">${this.concept.description}</span>
+            `:""}
+          </div>
+        </div>
+
+        <!-- Field Columns -->
+        ${this.columns.map(t=>{const r=this._getFieldForColumn(t.id);return e.html`
+            <div class="field-cell ${r?"":"empty"}">
+              ${r?e.html`
+                <jupiter-form-field
+                  .field="${r}"
+                  .conceptId="${this.concept.id}"
+                  .columnId="${t.id}"
+                  .value="${this._getFieldValue(r)}"
+                  .disabled="${this.disabled}"
+                  .locale="${this.locale}"
+                  @field-change="${this._handleFieldChange}"
+                ></jupiter-form-field>
+              `:""}
+            </div>
+          `})}
+      </div>
+
+      <!-- Children Concepts -->
+      ${t?e.html`
+        <div class="children ${this._expanded?"":"collapsed"}">
+          ${this.concept.children.map(t=>e.html`
+            <jupiter-concept-tree
+              .concept="${t}"
+              .columns="${this.columns}"
+              .formData="${this.formData}"
+              .disabled="${this.disabled}"
+              .locale="${this.locale}"
+              @field-change="${this._handleFieldChange}"
+              @concept-expand="${e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent("concept-expand",{detail:e.detail,bubbles:!0}))}}"
+            ></jupiter-concept-tree>
+          `)}
+        </div>
+      `:""}
+    `}},exports.JupiterConceptTree.styles=e.css`
+    :host {
+      display: block;
+    }
+
+    .concept-row {
+      display: contents;
+    }
+
+    .concept-header {
+      display: flex;
+      align-items: center;
+      padding: 8px 12px;
+      background: var(--jupiter-concept-background, #f8f9fa);
+      border: 1px solid var(--jupiter-border-color, #ddd);
+      border-bottom: none;
+      font-weight: 500;
+      cursor: pointer;
+      user-select: none;
+    }
+
+    .concept-header:hover {
+      background: var(--jupiter-concept-hover-background, #e9ecef);
+    }
+
+    .concept-indent {
+      width: calc(var(--level, 0) * 20px);
+      flex-shrink: 0;
+    }
+
+    .concept-toggle {
+      width: 16px;
+      height: 16px;
+      margin-right: 8px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 12px;
+      transition: transform 0.2s ease;
+    }
+
+    .concept-toggle.expanded {
+      transform: rotate(90deg);
+    }
+
+    .concept-toggle.no-children {
+      visibility: hidden;
+    }
+
+    .concept-label {
+      flex: 1;
+      color: var(--jupiter-text-primary, #333);
+    }
+
+    .concept-description {
+      font-size: 12px;
+      color: var(--jupiter-text-secondary, #666);
+      font-weight: normal;
+      margin-left: 8px;
+    }
+
+    .concept-fields {
+      display: contents;
+    }
+
+    .field-cell {
+      border: 1px solid var(--jupiter-border-color, #ddd);
+      border-bottom: none;
+      padding: 8px;
+      background: var(--jupiter-cell-background, #fff);
+      min-height: 40px;
+      display: flex;
+      align-items: center;
+    }
+
+    .field-cell:last-child {
+      border-right: 1px solid var(--jupiter-border-color, #ddd);
+    }
+
+    .field-cell.empty {
+      background: var(--jupiter-empty-cell-background, #f8f9fa);
+    }
+
+    .children {
+      display: contents;
+    }
+
+    .children.collapsed {
+      display: none;
+    }
+
+    .concept-row:last-of-type .concept-header,
+    .concept-row:last-of-type .field-cell {
+      border-bottom: 1px solid var(--jupiter-border-color, #ddd);
+    }
+  `,J([S({type:Object})],exports.JupiterConceptTree.prototype,"concept",2),J([S({type:Array})],exports.JupiterConceptTree.prototype,"columns",2),J([S({type:Object})],exports.JupiterConceptTree.prototype,"formData",2),J([S({type:Boolean})],exports.JupiterConceptTree.prototype,"disabled",2),J([S({type:String})],exports.JupiterConceptTree.prototype,"locale",2),J([j()],exports.JupiterConceptTree.prototype,"_expanded",2),exports.JupiterConceptTree=J([t("jupiter-concept-tree")],exports.JupiterConceptTree);var U=Object.defineProperty,T=Object.getOwnPropertyDescriptor,R=(e,t,r,i)=>{for(var o,s=i>1?void 0:i?T(t,r):t,a=e.length-1;a>=0;a--)(o=e[a])&&(s=(i?o(t,r,s):o(s))||s);return i&&s&&U(t,r,s),s};exports.JupiterFormSection=class extends e.LitElement{constructor(){super(...arguments),this.columns=[],this.formData={},this.disabled=!1,this.collapsible=!0,this.locale="en-US",this._expanded=!0}connectedCallback(){super.connectedCallback(),this._expanded=!1!==this.section.expanded}_toggleExpanded(){this.collapsible&&(this._expanded=!this._expanded,this.dispatchEvent(new CustomEvent("section-expand",{detail:{sectionId:this.section.id,expanded:this._expanded},bubbles:!0})))}_handleRemoveColumn(e){this.dispatchEvent(new CustomEvent("column-remove",{detail:{columnId:e},bubbles:!0}))}_handleFieldChange(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("field-change",{detail:e.detail,bubbles:!0}))}_handleConceptExpand(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("concept-expand",{detail:e.detail,bubbles:!0}))}render(){return this.section.concepts&&0!==this.section.concepts.length?e.html`
+      <div class="section-header ${this.collapsible?"":"not-collapsible"}" 
+           @click="${this._toggleExpanded}">
+        <div>
+          <h3 class="section-title">${this.section.title}</h3>
+          ${this.section.description?e.html`
+            <p class="section-description">${this.section.description}</p>
+          `:""}
+        </div>
+        <div class="section-toggle ${this.collapsible?this._expanded?"expanded":"":"hidden"}">
+          ${this.collapsible?"▶":""}
+        </div>
+      </div>
+
+      <div class="section-content ${this._expanded?"":"collapsed"}">
+        <div class="table-container">
+          <table class="form-table">
+            <thead class="table-header">
+              <tr>
+                <th class="header-cell concept-column">Concept</th>
+                ${this.columns.map(t=>e.html`
+                  <th class="header-cell ${t.removable?"removable":""}">
+                    ${t.title}
+                    ${t.description?e.html`<div style="font-weight: normal; font-size: 12px; color: var(--jupiter-text-secondary, #666);">${t.description}</div>`:""}
+                    ${t.removable?e.html`
+                      <button 
+                        class="remove-column-btn"
+                        @click="${e=>{e.stopPropagation(),this._handleRemoveColumn(t.id)}}"
+                        title="Remove column"
+                      >×</button>
+                    `:""}
+                  </th>
+                `)}
+              </tr>
+            </thead>
+            <tbody class="table-body">
+              ${this.section.concepts.map(t=>e.html`
+                <jupiter-concept-tree
+                  .concept="${t}"
+                  .columns="${this.columns}"
+                  .formData="${this.formData}"
+                  .disabled="${this.disabled}"
+                  .locale="${this.locale}"
+                  @field-change="${this._handleFieldChange}"
+                  @concept-expand="${this._handleConceptExpand}"
+                ></jupiter-concept-tree>
+              `)}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    `:e.html`
+        <div class="section-header ${this.collapsible?"":"not-collapsible"}" 
+             @click="${this._toggleExpanded}">
+          <div>
+            <h3 class="section-title">${this.section.title}</h3>
+            ${this.section.description?e.html`
+              <p class="section-description">${this.section.description}</p>
+            `:""}
+          </div>
+          <div class="section-toggle ${this.collapsible?this._expanded?"expanded":"":"hidden"}">
+            ${this.collapsible?"▶":""}
+          </div>
+        </div>
+        
+        <div class="section-content ${this._expanded?"":"collapsed"}">
+          <div class="empty-section">
+            No concepts defined for this section.
+          </div>
+        </div>
+      `}},exports.JupiterFormSection.styles=e.css`
+    :host {
+      display: block;
+      margin-bottom: 16px;
+      border: 1px solid var(--jupiter-border-color, #ddd);
+      border-radius: 6px;
+      overflow: hidden;
+    }
+
+    .section-header {
+      background: var(--jupiter-section-header-background, #f0f2f5);
+      padding: 16px;
+      border-bottom: 1px solid var(--jupiter-border-color, #ddd);
+      cursor: pointer;
+      user-select: none;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+
+    .section-header:hover {
+      background: var(--jupiter-section-header-hover-background, #e4e7ea);
+    }
+
+    .section-header.not-collapsible {
+      cursor: default;
+    }
+
+    .section-header.not-collapsible:hover {
+      background: var(--jupiter-section-header-background, #f0f2f5);
+    }
+
+    .section-title {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--jupiter-text-primary, #333);
+      margin: 0;
+    }
+
+    .section-description {
+      font-size: 14px;
+      color: var(--jupiter-text-secondary, #666);
+      margin: 4px 0 0 0;
+    }
+
+    .section-toggle {
+      width: 24px;
+      height: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 16px;
+      transition: transform 0.2s ease;
+      color: var(--jupiter-text-secondary, #666);
+    }
+
+    .section-toggle.expanded {
+      transform: rotate(90deg);
+    }
+
+    .section-toggle.hidden {
+      visibility: hidden;
+    }
+
+    .section-content {
+      display: block;
+      transition: max-height 0.3s ease;
+      overflow: hidden;
+    }
+
+    .section-content.collapsed {
+      display: none;
+    }
+
+    .table-container {
+      overflow-x: auto;
+    }
+
+    .form-table {
+      width: 100%;
+      border-collapse: collapse;
+      background: var(--jupiter-table-background, #fff);
+    }
+
+    .table-header {
+      background: var(--jupiter-header-background, #f8f9fa);
+      position: sticky;
+      top: 0;
+      z-index: 1;
+    }
+
+    .header-cell {
+      padding: 12px;
+      text-align: left;
+      font-weight: 600;
+      color: var(--jupiter-text-primary, #333);
+      border: 1px solid var(--jupiter-border-color, #ddd);
+      background: var(--jupiter-header-background, #f8f9fa);
+      min-width: 150px;
+    }
+
+    .header-cell.concept-column {
+      min-width: 300px;
+      position: sticky;
+      left: 0;
+      z-index: 2;
+    }
+
+    .header-cell.removable {
+      position: relative;
+    }
+
+    .remove-column-btn {
+      position: absolute;
+      top: 4px;
+      right: 4px;
+      width: 20px;
+      height: 20px;
+      border: none;
+      background: var(--jupiter-error-color, #d32f2f);
+      color: white;
+      border-radius: 50%;
+      font-size: 12px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .remove-column-btn:hover {
+      background: var(--jupiter-error-color-dark, #b71c1c);
+    }
+
+    .table-body {
+      display: table-row-group;
+    }
+
+    .empty-section {
+      padding: 24px;
+      text-align: center;
+      color: var(--jupiter-text-secondary, #666);
+      font-style: italic;
+    }
+  `,R([S({type:Object})],exports.JupiterFormSection.prototype,"section",2),R([S({type:Array})],exports.JupiterFormSection.prototype,"columns",2),R([S({type:Object})],exports.JupiterFormSection.prototype,"formData",2),R([S({type:Boolean})],exports.JupiterFormSection.prototype,"disabled",2),R([S({type:Boolean})],exports.JupiterFormSection.prototype,"collapsible",2),R([S({type:String})],exports.JupiterFormSection.prototype,"locale",2),R([j()],exports.JupiterFormSection.prototype,"_expanded",2),exports.JupiterFormSection=R([t("jupiter-form-section")],exports.JupiterFormSection);var L=Object.defineProperty,z=Object.getOwnPropertyDescriptor,A=(e,t,r,i)=>{for(var o,s=i>1?void 0:i?z(t,r):t,a=e.length-1;a>=0;a--)(o=e[a])&&(s=(i?o(t,r,s):o(s))||s);return i&&s&&L(t,r,s),s};exports.JupiterDynamicForm=class extends e.LitElement{constructor(){super(...arguments),this.config={},this.initialData={},this.disabled=!1,this.readonly=!1,this._formData={},this._columns=[],this._errors=[],this._touched=new Set,this._dirty=!1,this._valid=!0,this._submitted=!1}connectedCallback(){super.connectedCallback(),this._initializeForm()}updated(e){(e.has("xbrlInput")||e.has("schema"))&&this._initializeForm()}_initializeForm(){var e;if(this.xbrlInput)try{console.log("🔄 Initializing form from XBRL input:",this.xbrlInput),this._currentSchema=k.buildFormSchema(this.xbrlInput),console.log("✅ Generated schema with sections:",this._currentSchema.sections.length),this._columns=[{id:"base",title:"Value",description:"Base values for concepts",type:"base",order:0,removable:!1}]}catch(t){console.error("❌ Error building form from XBRL input:",t),this._currentSchema=this._getDefaultSchema(),this._columns=this._getDefaultColumns()}else this.schema?(this._currentSchema=this.schema,this._columns=this._getDefaultColumns()):(this._currentSchema=this._getDefaultSchema(),this._columns=this._getDefaultColumns());this._formData={...this.initialData},(null==(e=this.xbrlInput)?void 0:e.initialData)&&(this._formData={...this._formData,...this.xbrlInput.initialData}),this._validateForm()}_getDefaultSchema(){return{version:"1.0",formId:"default-form",title:"Dynamic Form",description:"Please provide form schema or XBRL input data",sections:[]}}_getDefaultColumns(){return[{id:"base",title:"Value",description:"Base values for concepts",type:"base",order:0,removable:!1}]}_validateForm(){var e;const t=[],r=this._currentSchema;if(r){for(const i of r.sections)for(const r of i.concepts)for(const i of r.fields){const o=null==(e=this._formData[r.id])?void 0:e[i.columnId],s=F.validateField(i.id,r.id,i.columnId,o,i.type,i.validation||[]);t.push(...s)}this._errors=t,this._valid=0===t.filter(e=>"error"===e.severity).length}}_handleFieldChange(e){const{fieldId:t,conceptId:r,columnId:i,value:o}=e.detail;this._formData[r]||(this._formData[r]={});const s=this._formData[r][i];this._formData[r][i]=o,this._touched.add(`${r}-${i}`),this._dirty=!0,this._validateForm(),this.requestUpdate(),this.dispatchEvent(new CustomEvent("field-change",{detail:{fieldId:t,conceptId:r,columnId:i,value:o,oldValue:s},bubbles:!0}))}_handleSectionExpand(e){this.dispatchEvent(new CustomEvent("section-expand",{detail:e.detail,bubbles:!0}))}_handleConceptExpand(e){this.dispatchEvent(new CustomEvent("concept-expand",{detail:e.detail,bubbles:!0}))}_handleColumnRemove(e){const{columnId:t}=e.detail;this._columns=this._columns.filter(e=>e.id!==t);for(const r in this._formData)void 0!==this._formData[r][t]&&delete this._formData[r][t];this._dirty=!0,this._validateForm(),this.requestUpdate(),this.dispatchEvent(new CustomEvent("column-remove",{detail:{columnId:t},bubbles:!0}))}_addColumn(){const e={id:`dim-${Date.now()}`,title:`Dimension ${this._columns.length}`,description:"Additional dimension column",type:"dimension",order:this._columns.length,removable:!0,dimensionData:{dimensionId:"custom",memberValue:"default",memberLabel:"Default Member"}};this._columns=[...this._columns,e],this.requestUpdate(),this.dispatchEvent(new CustomEvent("column-add",{detail:{column:e},bubbles:!0}))}_handleSubmit(){this._submitted=!0,this._validateForm(),this.dispatchEvent(new CustomEvent("form-submit",{detail:{data:this._formData,valid:this._valid,errors:this._errors},bubbles:!0}))}_handleReset(){this._formData={...this.initialData},this._touched.clear(),this._dirty=!1,this._submitted=!1,this._validateForm(),this.requestUpdate(),this.dispatchEvent(new CustomEvent("form-reset",{detail:{},bubbles:!0}))}_getFormState(){return{data:this._formData,errors:this._errors,touched:this._touched,dirty:this._dirty,valid:this._valid,submitted:this._submitted}}getData(){return{...this._formData}}setData(e){this._formData={...e},this._dirty=!0,this._validateForm(),this.requestUpdate()}validate(){return this._validateForm(),this._valid}reset(){this._handleReset()}getState(){return this._getFormState()}render(){const t=this._errors.filter(e=>"error"===e.severity).length,r=!1!==this.config.showValidationSummary&&t>0&&this._submitted,i=this._currentSchema;return i?e.html`
+      <div class="form-container">
+        <!-- Form Header -->
+        <div class="form-header">
+          <h1 class="form-title">${i.title}</h1>
+          ${i.description?e.html`
+            <p class="form-description">${i.description}</p>
+          `:""}
+        </div>
+
+        <!-- Add Column Section -->
+        ${!1!==this.config.enableColumnManagement?e.html`
+          <div class="add-column-container">
+            <button 
+              class="add-column-btn"
+              @click="${this._addColumn}"
+              ?disabled="${this.disabled||this.readonly||this.config.maxColumns&&this._columns.length>=this.config.maxColumns}"
+            >
+              Add Dimension Column
+            </button>
+          </div>
+        `:""}
+
+        <!-- Form Content -->
+        <div class="form-sections">
+          <!-- Validation Summary -->
+          ${r?e.html`
+            <div class="validation-summary">
+              <h4 class="validation-summary-title">Please fix the following errors:</h4>
+              <ul class="validation-summary-list">
+                ${this._errors.filter(e=>"error"===e.severity).map(t=>e.html`
+                    <li class="validation-summary-item">${t.message}</li>
+                  `)}
+              </ul>
+            </div>
+          `:""}
+
+          <!-- Form Sections -->
+          ${i.sections.map(t=>e.html`
+            <jupiter-form-section
+              .section="${t}"
+              .columns="${this._columns}"
+              .formData="${this._formData}"
+              .disabled="${this.disabled||this.readonly}"
+              .collapsible="${!1!==this.config.collapsibleSections}"
+              .locale="${this.config.locale||"en-US"}"
+              @field-change="${this._handleFieldChange}"
+              @section-expand="${this._handleSectionExpand}"
+              @concept-expand="${this._handleConceptExpand}"
+              @column-remove="${this._handleColumnRemove}"
+            ></jupiter-form-section>
+          `)}
+        </div>
+
+        <!-- Form Actions -->
+        <div class="form-actions">
+          <button 
+            class="btn-primary"
+            @click="${this._handleSubmit}"
+            ?disabled="${this.disabled||this.readonly}"
+          >
+            Submit
+          </button>
+          
+          <button 
+            class="btn-outline"
+            @click="${this._handleReset}"
+            ?disabled="${this.disabled||!this._dirty}"
+          >
+            Reset
+          </button>
+
+          <div class="form-meta">
+            <span>Errors: ${t}</span>
+            <span>Modified: ${this._dirty?"Yes":"No"}</span>
+            <span>Valid: ${this._valid?"Yes":"No"}</span>
+          </div>
+        </div>
+      </div>
+    `:e.html`<div>Loading form...</div>`}},exports.JupiterDynamicForm.styles=e.css`
+    :host {
+      display: block;
+      font-family: var(--jupiter-font-family, system-ui, -apple-system, sans-serif);
+      color: var(--jupiter-text-primary, #333);
+      background: var(--jupiter-background, #fff);
+    }
+
+    .form-container {
+      width: 100%;
+      max-width: var(--jupiter-max-width, none);
+      margin: 0 auto;
+    }
+
+    .form-header {
+      padding: 24px;
+      border-bottom: 1px solid var(--jupiter-border-color, #ddd);
+      background: var(--jupiter-form-header-background, #fff);
+    }
+
+    .form-title {
+      font-size: 24px;
+      font-weight: 600;
+      margin: 0 0 8px 0;
+      color: var(--jupiter-text-primary, #333);
+    }
+
+    .form-description {
+      font-size: 16px;
+      color: var(--jupiter-text-secondary, #666);
+      margin: 0;
+      line-height: 1.5;
+    }
+
+    .form-actions {
+      padding: 16px 24px;
+      border-top: 1px solid var(--jupiter-border-color, #ddd);
+      background: var(--jupiter-form-actions-background, #f8f9fa);
+      display: flex;
+      gap: 12px;
+      align-items: center;
+    }
+
+    .add-column-container {
+      padding: 16px 24px;
+      border-bottom: 1px solid var(--jupiter-border-color, #ddd);
+      background: var(--jupiter-form-actions-background, #f8f9fa);
+    }
+
+    .add-column-btn {
+      padding: 8px 16px;
+      background: var(--jupiter-primary-color, #1976d2);
+      color: white;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    .add-column-btn:hover {
+      background: var(--jupiter-primary-color-dark, #1565c0);
+    }
+
+    .add-column-btn:disabled {
+      background: var(--jupiter-disabled-background, #ccc);
+      cursor: not-allowed;
+    }
+
+    .form-sections {
+      padding: 24px;
+    }
+
+    .validation-summary {
+      margin-bottom: 16px;
+      padding: 16px;
+      border-radius: 4px;
+      background: var(--jupiter-error-background, #ffebee);
+      border: 1px solid var(--jupiter-error-color, #d32f2f);
+    }
+
+    .validation-summary-title {
+      font-weight: 600;
+      color: var(--jupiter-error-color, #d32f2f);
+      margin: 0 0 8px 0;
+    }
+
+    .validation-summary-list {
+      margin: 0;
+      padding-left: 20px;
+    }
+
+    .validation-summary-item {
+      color: var(--jupiter-error-color, #d32f2f);
+      margin-bottom: 4px;
+    }
+
+    .form-actions button {
+      padding: 10px 20px;
+      border: none;
+      border-radius: 4px;
+      font-size: 14px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: background-color 0.2s ease;
+    }
+
+    .btn-primary {
+      background: var(--jupiter-primary-color, #1976d2);
+      color: white;
+    }
+
+    .btn-primary:hover:not(:disabled) {
+      background: var(--jupiter-primary-color-dark, #1565c0);
+    }
+
+    .btn-secondary {
+      background: var(--jupiter-secondary-color, #757575);
+      color: white;
+    }
+
+    .btn-secondary:hover:not(:disabled) {
+      background: var(--jupiter-secondary-color-dark, #616161);
+    }
+
+    .btn-outline {
+      background: transparent;
+      color: var(--jupiter-primary-color, #1976d2);
+      border: 1px solid var(--jupiter-primary-color, #1976d2);
+    }
+
+    .btn-outline:hover:not(:disabled) {
+      background: var(--jupiter-primary-color, #1976d2);
+      color: white;
+    }
+
+    button:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+
+    .form-meta {
+      display: flex;
+      gap: 16px;
+      align-items: center;
+      font-size: 12px;
+      color: var(--jupiter-text-secondary, #666);
+      margin-left: auto;
+    }
+  `,A([S({type:Object})],exports.JupiterDynamicForm.prototype,"schema",2),A([S({type:Object})],exports.JupiterDynamicForm.prototype,"xbrlInput",2),A([S({type:Object})],exports.JupiterDynamicForm.prototype,"config",2),A([S({type:Object})],exports.JupiterDynamicForm.prototype,"initialData",2),A([S({type:Boolean})],exports.JupiterDynamicForm.prototype,"disabled",2),A([S({type:Boolean})],exports.JupiterDynamicForm.prototype,"readonly",2),A([j()],exports.JupiterDynamicForm.prototype,"_formData",2),A([j()],exports.JupiterDynamicForm.prototype,"_columns",2),A([j()],exports.JupiterDynamicForm.prototype,"_errors",2),A([j()],exports.JupiterDynamicForm.prototype,"_touched",2),A([j()],exports.JupiterDynamicForm.prototype,"_dirty",2),A([j()],exports.JupiterDynamicForm.prototype,"_valid",2),A([j()],exports.JupiterDynamicForm.prototype,"_submitted",2),A([j()],exports.JupiterDynamicForm.prototype,"_currentSchema",2),exports.JupiterDynamicForm=A([t("jupiter-dynamic-form")],exports.JupiterDynamicForm);exports.FormValidator=F,exports.version="1.0.0";
+//# sourceMappingURL=index.js.map