jupiter-dynamic-forms 1.7.0 → 1.7.1

package/dist/index.mjs

@@ -2215,8 +2215,25 @@ let JupiterAddColumnDialog = class extends LitElement {
     this._instantDate = today;
     this._selectedType = this.periodType === "instant" ? "instant" : "duration";
     this._selectedDimensions.clear();
+    this._autoSelectSingleMemberDimensions();
     this.requestUpdate();
   }
+  _autoSelectSingleMemberDimensions() {
+    this.availableDimensions.forEach((dimension) => {
+      if (dimension.members && dimension.members.length === 1) {
+        const member = dimension.members[0];
+        const selection = {
+          axisId: dimension.id,
+          axisLabel: dimension.axisLabel,
+          memberId: member.id,
+          memberLabel: member.label,
+          isTyped: false
+        };
+        this._selectedDimensions.set(dimension.id, selection);
+        console.log(`🎯 Auto-selected single member: ${dimension.axisLabel} -> ${member.label}`);
+      }
+    });
+  }
   render() {
     if (!this.open)
       return html``;
@@ -2225,9 +2242,7 @@ let JupiterAddColumnDialog = class extends LitElement {
       <div class="dialog" @click="${(e2) => e2.stopPropagation()}">
         <div class="dialog-header">
           <h2 class="dialog-title">Add Column</h2>
-          <p class="dialog-description">
-            ${this.periodType === "instant" ? "Add a new instant period column by specifying the date." : this.periodType === "duration" ? "Add a new duration period column by specifying the start and end dates." : "This section contains both instant and duration concepts. Choose the type of column to add."}
-          </p>
+
         </div>
 
         <div class="dialog-content">
@@ -2258,25 +2273,27 @@ let JupiterAddColumnDialog = class extends LitElement {
               />
             </div>
           ` : html`
-            <div class="form-group">
-              <label class="form-label required">Start Period Date</label>
-              <input 
-                type="date" 
-                class="form-input"
-                .value="${this._startDate}"
-                @change="${this._handleStartDateChange}"
-                required
-              />
-            </div>
-            <div class="form-group">
-              <label class="form-label required">End Period Date</label>
-              <input 
-                type="date" 
-                class="form-input"
-                .value="${this._endDate}"
-                @change="${this._handleEndDateChange}"
-                required
-              />
+            <div class="form-group date-row">
+              <div class="date-field">
+                <label class="form-label required">Start Period Date</label>
+                <input 
+                  type="date" 
+                  class="form-input"
+                  .value="${this._startDate}"
+                  @change="${this._handleStartDateChange}"
+                  required
+                />
+              </div>
+              <div class="date-field">
+                <label class="form-label required">End Period Date</label>
+                <input 
+                  type="date" 
+                  class="form-input"
+                  .value="${this._endDate}"
+                  @change="${this._handleEndDateChange}"
+                  required
+                />
+              </div>
             </div>
           `}
 
@@ -2398,9 +2415,12 @@ JupiterAddColumnDialog.styles = css`
       padding: 24px;
       min-width: 400px;
       max-width: 500px;
+      max-height: 90vh;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
       transform: scale(0.9);
       transition: transform 0.3s ease;
+      display: flex;
+      flex-direction: column;
     }
 
     :host([open]) .dialog {
@@ -2409,6 +2429,7 @@ JupiterAddColumnDialog.styles = css`
 
     .dialog-header {
       margin-bottom: 20px;
+      flex-shrink: 0;
     }
 
     .dialog-title {
@@ -2426,12 +2447,24 @@ JupiterAddColumnDialog.styles = css`
 
     .dialog-content {
       margin-bottom: 24px;
+      flex: 1;
+      overflow-y: auto;
+      max-height: calc(90vh - 160px);
     }
 
     .form-group {
       margin-bottom: 16px;
     }
 
+    .form-group.date-row {
+      display: flex;
+      gap: 12px;
+    }
+
+    .form-group.date-row .date-field {
+      flex: 1;
+    }
+
     .form-label {
       display: block;
       font-weight: 500;
@@ -2471,6 +2504,10 @@ JupiterAddColumnDialog.styles = css`
       display: flex;
       gap: 12px;
       justify-content: flex-end;
+      flex-shrink: 0;
+      border-top: 1px solid var(--jupiter-border-color, #ddd);
+      padding-top: 16px;
+      margin-top: 16px;
     }
 
     .btn {