jupiter-dynamic-forms 1.18.0 → 1.18.2

package/dist/index.mjs

@@ -620,7 +620,14 @@ class XBRLFormBuilder {
    */
   static buildSectionFromRole(role, periodStartDate, periodEndDate, hypercubeData, language = "en", periodPreferences) {
     var _a, _b;
-    const title = this.extractRoleTitle(role.role || role.id || "Unknown Role");
+    let title;
+    if (role.labels && role.labels.length > 0) {
+      const langLabel = role.labels.find((l2) => l2.lang === language);
+      const fallbackLabel = role.labels.find((l2) => l2.lang === "en") || role.labels[0];
+      title = (langLabel || fallbackLabel).label;
+    } else {
+      title = this.extractRoleTitle(role.role || role.id || "Unknown Role");
+    }
     const nonAbstractConcepts = this.getAllNonAbstractConcepts(role);
     const periodTypes = new Set(
       nonAbstractConcepts.filter((concept) => concept.periodType).map((concept) => concept.periodType)
@@ -631,7 +638,7 @@ class XBRLFormBuilder {
       console.log(`🔍 Filtering dimensions for role ${role.id} based on user selections`);
       hypercubeRole = this.filterHypercubeDimensionsBySelection(hypercubeRole, rolePreferences.dimensionSelections);
     }
-    const columns = this.generateDefaultColumnsForRole(role, periodStartDate || "2025-01-01", periodEndDate || "2025-12-31", hypercubeRole, nonAbstractConcepts, periodTypes, rolePreferences);
+    const columns = this.generateDefaultColumnsForRole(role, periodStartDate || "2025-01-01", periodEndDate || "2025-12-31", hypercubeRole, nonAbstractConcepts, periodTypes, rolePreferences, language);
     const availableColumnIds = columns.map((col) => col.id);
     const roleInfo = { periodTypes, availableColumnIds, availableColumns: columns };
     const conceptTrees = [];
@@ -674,7 +681,7 @@ class XBRLFormBuilder {
    */
   static buildConceptTree(concept, level, periodStartDate, periodEndDate, roleInfo, sectionId, language = "en", conceptIdOccurrences, ancestorPeriodHint) {
     var _a, _b;
-    const label = this.getPreferredLabel(concept.labels, language);
+    const label = this.getPreferredLabel(concept.labels, language, concept.preferredLabel);
     const childPeriodHint = ((_a = concept.preferredLabel) == null ? void 0 : _a.includes("periodStartLabel")) ? "start" : ((_b = concept.preferredLabel) == null ? void 0 : _b.includes("periodEndLabel")) ? "end" : ancestorPeriodHint;
     const fields = [];
     if (!concept.elementAbstract) {
@@ -754,7 +761,7 @@ class XBRLFormBuilder {
   static createFieldFromConcept(concept, periodStartDate, periodEndDate, forcedColumnId, ancestorPeriodHint, language = "en") {
     var _a;
     const fieldType = this.mapXBRLTypeToFieldType(concept.type);
-    const label = this.getPreferredLabel(concept.labels, language);
+    const label = this.getPreferredLabel(concept.labels, language, concept.preferredLabel);
     let columnId;
     if (forcedColumnId) {
       columnId = forcedColumnId;
@@ -806,11 +813,19 @@ class XBRLFormBuilder {
    * @param labels - Array of XBRL labels
    * @param language - ISO language code (e.g., 'en', 'nl', 'de')
    */
-  static getPreferredLabel(labels, language = "en") {
+  static getPreferredLabel(labels, language = "en", preferredRole) {
     if (!labels || labels.length === 0)
       return "Unnamed Concept";
     const languageLabels = labels.filter((l2) => l2.lang === language);
     const labelsToSearch = languageLabels.length > 0 ? languageLabels : labels;
+    if (preferredRole) {
+      const roleSpecificInLanguage = languageLabels.find((l2) => l2.role === preferredRole);
+      if (roleSpecificInLanguage)
+        return roleSpecificInLanguage.label;
+      const roleSpecificAnyLanguage = labels.find((l2) => l2.role === preferredRole);
+      if (roleSpecificAnyLanguage)
+        return roleSpecificAnyLanguage.label;
+    }
     const preferred = labelsToSearch.find((l2) => l2.preferredLabel);
     if (preferred)
       return preferred.label;
@@ -1002,7 +1017,7 @@ class XBRLFormBuilder {
   /**
    * Generate default columns based on period types of non-abstract concepts in a role
    */
-  static generateDefaultColumnsForRole(role, periodStartDate, periodEndDate, hypercubeRole, nonAbstractConcepts, rolePeriodTypes, periodPreferences) {
+  static generateDefaultColumnsForRole(role, periodStartDate, periodEndDate, hypercubeRole, nonAbstractConcepts, rolePeriodTypes, periodPreferences, language = "en") {
     var _a, _b;
     const concepts = nonAbstractConcepts || this.getAllNonAbstractConcepts(role);
     const periodTypes = rolePeriodTypes || new Set(
@@ -1022,9 +1037,9 @@ class XBRLFormBuilder {
     if (((_a = hypercubeRole == null ? void 0 : hypercubeRole.items) == null ? void 0 : _a.length) === 1) {
       const item = hypercubeRole.items[0];
       if (item.dimensions.length === 1) {
-        dimensionColumns = this.generateSingleDimensionColumns(item.dimensions[0], periodStartDate, periodEndDate, periodTypes);
+        dimensionColumns = this.generateSingleDimensionColumns(item.dimensions[0], periodStartDate, periodEndDate, periodTypes, language);
       } else if (item.dimensions.length > 1) {
-        dimensionColumns = this.generateMultiDimensionColumns(item.dimensions, periodStartDate, periodEndDate, periodTypes);
+        dimensionColumns = this.generateMultiDimensionColumns(item.dimensions, periodStartDate, periodEndDate, periodTypes, language);
       }
       if (periodPreferences) {
         dimensionColumns = this.filterColumnsByPeriodPreferences(dimensionColumns, periodPreferences);
@@ -1156,10 +1171,9 @@ class XBRLFormBuilder {
   /**
    * Generate columns for single dimension scenarios
    */
-  static generateSingleDimensionColumns(dimension, periodStartDate, periodEndDate, periodTypes) {
-    var _a, _b, _c;
+  static generateSingleDimensionColumns(dimension, periodStartDate, periodEndDate, periodTypes, language = "en") {
     if (dimension.typedMember && (!dimension.members || dimension.members.length === 0)) {
-      const axisLabel2 = ((_a = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _a.label) || dimension.conceptName;
+      const axisLabel2 = this.getPreferredLabel(dimension.labels, language) || dimension.conceptName;
       const dimensionInfo2 = {
         axisId: dimension.id,
         axisLabel: axisLabel2,
@@ -1297,9 +1311,9 @@ class XBRLFormBuilder {
     if (dimension.members.length === 0) {
       return [];
     }
-    const axisLabel = ((_b = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label) || dimension.conceptName;
+    const axisLabel = this.getPreferredLabel(dimension.labels, language) || dimension.conceptName;
     const firstMember = dimension.members[0];
-    const memberLabel = ((_c = firstMember.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _c.label) || firstMember.conceptName;
+    const memberLabel = this.getPreferredLabel(firstMember.labels, language) || firstMember.conceptName;
     const dimensionInfo = {
       axisId: dimension.id,
       axisLabel,
@@ -1403,7 +1417,7 @@ class XBRLFormBuilder {
   /**
    * Generate columns for multi-dimension scenarios - creates combinations of all dimension members
    */
-  static generateMultiDimensionColumns(dimensions, periodStartDate, periodEndDate, periodTypes) {
+  static generateMultiDimensionColumns(dimensions, periodStartDate, periodEndDate, periodTypes, language = "en") {
     dimensions.some((dimension) => dimension.typedMember);
     const validDimensions = dimensions.filter((dimension) => {
       if (dimension.typedMember) {
@@ -1418,8 +1432,7 @@ class XBRLFormBuilder {
       return [];
     }
     const dimensionInfos = validDimensions.map((dimension) => {
-      var _a;
-      const axisLabel = ((_a = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _a.label) || dimension.conceptName;
+      const axisLabel = this.getPreferredLabel(dimension.labels, language) || dimension.conceptName;
       if (dimension.typedMember) {
         return {
           id: dimension.id,
@@ -1437,13 +1450,10 @@ class XBRLFormBuilder {
         id: dimension.id,
         axisLabel,
         isTyped: false,
-        members: allMembers.map((member) => {
-          var _a2;
-          return {
-            id: member.id,
-            label: ((_a2 = member.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _a2.label) || member.conceptName
-          };
-        })
+        members: allMembers.map((member) => ({
+          id: member.id,
+          label: this.getPreferredLabel(member.labels, language) || member.conceptName
+        }))
       };
     });
     const combinations = this.generateDimensionCombinations(dimensionInfos);
@@ -2687,7 +2697,8 @@ const TYPE_INPUT_MAP = {
   // Monetary values without decimals (whole numbers only)
   "nl-types:monetaryNoDecimals20ItemType": {
     fieldType: "number",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "decimal",
     allowDecimals: false,
     step: 1,
     placeholder: I18n.t("field.enterAmountNoDecimals")
@@ -2698,7 +2709,8 @@ const TYPE_INPUT_MAP = {
   // Monetary with decimals
   "xbrli:monetaryItemType": {
     fieldType: "currency",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "decimal",
     allowDecimals: true,
     step: 0.01,
     placeholder: I18n.t("field.enterCurrency")
@@ -2721,14 +2733,16 @@ const TYPE_INPUT_MAP = {
   // Numeric types - integers
   "xbrli:integerItemType": {
     fieldType: "integer",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "numeric",
     allowDecimals: false,
     step: 1,
     placeholder: I18n.t("field.enterWholeNumber")
   },
   "xbrli:nonNegativeIntegerItemType": {
     fieldType: "integer",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "numeric",
     allowDecimals: false,
     min: 0,
     step: 1,
@@ -2736,7 +2750,8 @@ const TYPE_INPUT_MAP = {
   },
   "xbrli:positiveIntegerItemType": {
     fieldType: "integer",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "numeric",
     allowDecimals: false,
     min: 1,
     step: 1,
@@ -2745,7 +2760,8 @@ const TYPE_INPUT_MAP = {
   // Numeric types - decimals
   "xbrli:decimalItemType": {
     fieldType: "decimal",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "decimal",
     allowDecimals: true,
     step: "any",
     placeholder: I18n.t("field.enterDecimalValue")
@@ -2753,7 +2769,8 @@ const TYPE_INPUT_MAP = {
   // Shares (typically whole numbers or with limited decimals)
   "xbrli:sharesItemType": {
     fieldType: "number",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "decimal",
     allowDecimals: true,
     min: 0,
     step: 0.01,
@@ -2761,7 +2778,8 @@ const TYPE_INPUT_MAP = {
   },
   "xbrli:shares": {
     fieldType: "number",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "decimal",
     allowDecimals: true,
     min: 0,
     step: 0.01,
@@ -2770,7 +2788,8 @@ const TYPE_INPUT_MAP = {
   // Year (gYear)
   "xbrli:gYearItemType": {
     fieldType: "number",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "numeric",
     allowDecimals: false,
     min: 1900,
     max: 2100,
@@ -2786,14 +2805,16 @@ const TYPE_INPUT_MAP = {
   // ==========================================
   "xbrli:pureItemType": {
     fieldType: "percentage",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "decimal",
     allowDecimals: true,
     step: 0.01,
     placeholder: I18n.t("field.enterPercentage")
   },
   "xbrli:percentItemType": {
     fieldType: "percentage",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "decimal",
     allowDecimals: true,
     step: 0.01,
     placeholder: I18n.t("field.enterPercentage")
@@ -2841,7 +2862,8 @@ function getInputTypeForConceptType(conceptType, datatypes) {
     if (lowerType.includes("nodecimals") || lowerType.includes("no-decimals")) {
       return {
         fieldType: "number",
-        htmlInputType: "number",
+        htmlInputType: "text",
+        inputMode: "decimal",
         allowDecimals: false,
         step: 1,
         placeholder: I18n.t("field.enterAmountNoDecimals")
@@ -2849,7 +2871,8 @@ function getInputTypeForConceptType(conceptType, datatypes) {
     }
     return {
       fieldType: "currency",
-      htmlInputType: "number",
+      htmlInputType: "text",
+      inputMode: "decimal",
       allowDecimals: true,
       step: 0.01,
       placeholder: I18n.t("field.enterCurrency")
@@ -2883,7 +2906,8 @@ function getInputTypeForConceptType(conceptType, datatypes) {
     const isPositive = lowerType.includes("positive");
     return {
       fieldType: "integer",
-      htmlInputType: "number",
+      htmlInputType: "text",
+      inputMode: "numeric",
       allowDecimals: false,
       min: isPositive ? 1 : isNonNegative ? 0 : void 0,
       step: 1,
@@ -2893,7 +2917,8 @@ function getInputTypeForConceptType(conceptType, datatypes) {
   if (lowerType.includes("decimal") || lowerType.includes("numeric") || lowerType.includes("number")) {
     return {
       fieldType: "decimal",
-      htmlInputType: "number",
+      htmlInputType: "text",
+      inputMode: "decimal",
       allowDecimals: true,
       step: "any",
       placeholder: I18n.t("field.enterDecimalValue")
@@ -2902,7 +2927,8 @@ function getInputTypeForConceptType(conceptType, datatypes) {
   if (lowerType.includes("percent") || lowerType.includes("pure")) {
     return {
       fieldType: "percentage",
-      htmlInputType: "number",
+      htmlInputType: "text",
+      inputMode: "decimal",
       allowDecimals: true,
       step: 0.01,
       placeholder: I18n.t("field.enterPercentage")
@@ -3018,7 +3044,8 @@ function determineInputTypeFromBaseChain(baseTypeChain, datatypes) {
     const isPositive = chainString.includes("positive");
     return {
       fieldType: "integer",
-      htmlInputType: "number",
+      htmlInputType: "text",
+      inputMode: "numeric",
       allowDecimals: false,
       min: isPositive ? 1 : isNonNegative ? 0 : void 0,
       step: 1,
@@ -3030,7 +3057,8 @@ function determineInputTypeFromBaseChain(baseTypeChain, datatypes) {
       if (chainString.includes("nodecimals") || chainString.includes("no-decimals") || chainString.includes("nodecimals20")) {
         return {
           fieldType: "number",
-          htmlInputType: "number",
+          htmlInputType: "text",
+          inputMode: "decimal",
           allowDecimals: false,
           step: 1,
           placeholder: I18n.t("field.enterAmountNoDecimals")
@@ -3038,7 +3066,8 @@ function determineInputTypeFromBaseChain(baseTypeChain, datatypes) {
       }
       return {
         fieldType: "currency",
-        htmlInputType: "number",
+        htmlInputType: "text",
+        inputMode: "decimal",
         allowDecimals: true,
         step: 0.01,
         placeholder: I18n.t("field.enterCurrency")
@@ -3046,7 +3075,8 @@ function determineInputTypeFromBaseChain(baseTypeChain, datatypes) {
     }
     return {
       fieldType: "decimal",
-      htmlInputType: "number",
+      htmlInputType: "text",
+      inputMode: "decimal",
       allowDecimals: true,
       step: "any",
       placeholder: I18n.t("field.enterDecimalValue")
@@ -3092,6 +3122,7 @@ let JupiterFormField = class extends LitElement {
     this._touched = false;
     this._showPeriodPopup = false;
     this._availableUnits = [];
+    this._numericDraftValue = null;
   }
   willUpdate(changedProperties) {
     var _a;
@@ -3133,13 +3164,33 @@ let JupiterFormField = class extends LitElement {
   _isRoundingLevelConcept() {
     return !!this.conceptId && this.conceptId.includes("DocumentIntendedRoundingLevel");
   }
+  _isNumericField() {
+    var _a;
+    const typeConfig = getInputTypeForConceptType(this.conceptType, this.datatypes);
+    const effectiveFieldType = typeConfig.fieldType || ((_a = this.field) == null ? void 0 : _a.type) || "text";
+    return isNumericType(effectiveFieldType) || this._getInputType() === "number";
+  }
+  _isIntermediateNumericValue(raw) {
+    return raw === "-" || raw === "." || raw === "-.";
+  }
   _handleInput(event) {
     const target = event.target;
+    const oldValue = this.value;
     let value = target.value;
-    if (this.field.type === "number" || this.field.type === "decimal") {
-      value = value === "" ? null : Number(value);
+    if (this._isNumericField()) {
+      const rawValue = target.value;
+      this._numericDraftValue = rawValue;
+      if (rawValue === "" || this._isIntermediateNumericValue(rawValue)) {
+        value = null;
+      } else {
+        const parsed = Number(rawValue);
+        value = Number.isNaN(parsed) ? null : parsed;
+      }
     } else if (this.field.type === "boolean") {
       value = target.checked;
+      this._numericDraftValue = null;
+    } else {
+      this._numericDraftValue = null;
     }
     this.value = value;
     this._touched = true;
@@ -3149,7 +3200,7 @@ let JupiterFormField = class extends LitElement {
         conceptId: this.conceptId,
         columnId: this.columnId,
         value,
-        oldValue: this.value
+        oldValue
       },
       bubbles: true
     }));
@@ -3165,6 +3216,16 @@ let JupiterFormField = class extends LitElement {
     }));
   }
   _handleBlur() {
+    if (this._isNumericField() && this._numericDraftValue !== null) {
+      const raw = this._numericDraftValue;
+      if (raw === "" || this._isIntermediateNumericValue(raw)) {
+        this.value = null;
+      } else {
+        const parsed = Number(raw);
+        this.value = Number.isNaN(parsed) ? null : parsed;
+      }
+      this._numericDraftValue = null;
+    }
     this._touched = true;
     this._validateXBRLDatatype();
     this._validateUnitSelection();
@@ -3205,7 +3266,7 @@ let JupiterFormField = class extends LitElement {
    */
   _handleKeyDown(event) {
     const target = event.target;
-    if (target.type !== "number") {
+    if (!this._isNumericField()) {
       return;
     }
     const allowedKeys = [
@@ -3227,10 +3288,12 @@ let JupiterFormField = class extends LitElement {
     if (event.ctrlKey || event.metaKey) {
       return;
     }
-    if (event.key === "-" && target.selectionStart === 0 && !target.value.includes("-")) {
+    const typeConfig = getInputTypeForConceptType(this.conceptType, this.datatypes);
+    const allowNegative = typeConfig.min === void 0 || typeConfig.min < 0;
+    if (event.key === "-" && allowNegative && !target.value.includes("-") && (target.selectionStart === 0 || target.value.length === 0)) {
       return;
     }
-    if (event.key === "." && !target.value.includes(".")) {
+    if (event.key === "." && typeConfig.allowDecimals !== false && !target.value.includes(".")) {
       return;
     }
     if (event.key >= "0" && event.key <= "9") {
@@ -3666,7 +3729,7 @@ let JupiterFormField = class extends LitElement {
           id="${fieldId}"
           name="${fieldName}"
           class="${cssClass}"
-          .value="${effectiveValue || ""}"
+          .value="${effectiveValue ?? ""}"
           ?disabled="${effectiveDisabled || this.field.disabled}"
           @change="${this._handleInput}"
           @focus="${this._handleFocus}"
@@ -3712,13 +3775,15 @@ let JupiterFormField = class extends LitElement {
     const step = typeConfig.step !== void 0 ? typeConfig.step : isNumericType(effectiveFieldType) ? "any" : void 0;
     const min = typeConfig.min;
     const max = typeConfig.max;
+    const renderedInputValue = this._isNumericField() && this._numericDraftValue !== null ? this._numericDraftValue : effectiveValue ?? "";
     return html`
       <input
         id="${fieldId}"
         name="${fieldName}"
         type="${inputType}"
+        inputmode="${typeConfig.inputMode || ""}"
         class="${cssClass}"
-        .value="${effectiveValue || ""}"
+        .value="${renderedInputValue}"
         ?disabled="${effectiveDisabled || this.field.disabled}"
         placeholder="${typeConfig.placeholder || this.field.placeholder || ""}"
         step="${step !== void 0 ? step : ""}"
@@ -3737,7 +3802,7 @@ let JupiterFormField = class extends LitElement {
       case "decimal":
       case "currency":
       case "percentage":
-        return "number";
+        return "text";
       case "date":
         return "date";
       case "datetime":
@@ -4567,6 +4632,9 @@ __decorateClass$6([
 __decorateClass$6([
   r()
 ], JupiterFormField.prototype, "_availableUnits", 2);
+__decorateClass$6([
+  r()
+], JupiterFormField.prototype, "_numericDraftValue", 2);
 JupiterFormField = __decorateClass$6([
   t$1("jupiter-form-field")
 ], JupiterFormField);
@@ -5020,25 +5088,30 @@ JupiterConceptTree.styles = css`
 
     .concept-info-btn {
       flex-shrink: 0;
-      width: 18px;
-      height: 18px;
+      width: 22px;
+      height: 22px;
       border-radius: 50%;
-      border: 1px solid transparent;
-      background: transparent;
-      color: var(--jupiter-text-secondary, #888);
-      font-size: 12px;
+      border: 1px solid var(--jupiter-border-color, #cfd8dc);
+      background: var(--jupiter-card-background, #fff);
+      color: var(--jupiter-primary-color, #1976d2);
+      font-size: 13px;
+      font-weight: 700;
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
       opacity: 0;
-      transition: opacity 0.15s, background 0.15s, color 0.15s;
+      transition: opacity 0.15s, background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s;
       padding: 0;
       margin-left: 4px;
       line-height: 1;
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+      pointer-events: auto;
     }
 
-    .concept-content:hover .concept-info-btn {
+    .concept-content:hover .concept-info-btn,
+    .concept-info-btn:hover,
+    .concept-info-btn:focus-visible {
       opacity: 1;
     }
 
@@ -5046,6 +5119,14 @@ JupiterConceptTree.styles = css`
       background: var(--jupiter-primary-color, #1976d2);
       color: #fff;
       border-color: var(--jupiter-primary-color, #1976d2);
+      box-shadow: 0 2px 6px rgba(25, 118, 210, 0.25);
+    }
+
+    .concept-info-btn:focus-visible {
+      outline: none;
+      border-color: var(--jupiter-primary-color, #1976d2);
+      box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.25);
+      opacity: 1;
     }
 
   `;
@@ -5439,7 +5520,7 @@ JupiterAddColumnDialog.styles = css`
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.5);
-      z-index: 1000;
+      z-index: 1100;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -5493,7 +5574,7 @@ JupiterAddColumnDialog.styles = css`
       margin-bottom: 24px;
       flex: 1;
       overflow-y: auto;
-      max-height: calc(90vh - 160px);
+      min-height: 0;
     }
 
       .date-wrapper {
@@ -6642,6 +6723,7 @@ JupiterFormSection.styles = css`
       border-radius: 3px;
       font-size: 12px;
       background: var(--jupiter-input-background, #fff);
+      color:#000;
     }
 
     .typed-member-header-field:focus {
@@ -7185,21 +7267,78 @@ let JupiterFilterRolesDialog = class extends LitElement {
     this._tempPeriodPreferences = newPreferences;
     this.requestUpdate();
   }
+  _enforceSingleMemberSelectionsForRole(roleId, preferences) {
+    const dimensions = this._getDimensionsForRole(roleId);
+    if (dimensions.length === 0) {
+      return preferences;
+    }
+    const nextPreferences = { ...preferences };
+    const rolePreferences = nextPreferences[roleId] ? { ...nextPreferences[roleId] } : {
+      showDuration: true,
+      showInstant: true,
+      showPreviousYear: false,
+      dimensionSelections: []
+    };
+    const selections = rolePreferences.dimensionSelections ? [...rolePreferences.dimensionSelections] : [];
+    dimensions.forEach((dimension) => {
+      var _a, _b;
+      if (!this._isSingleMemberDimension(dimension)) {
+        return;
+      }
+      const allMembers = this._getAllDimensionMembers(dimension.members);
+      if (allMembers.length !== 1) {
+        return;
+      }
+      const onlyMemberId = allMembers[0].id;
+      const dimensionLabel = ((_b = (_a = dimension.labels) == null ? void 0 : _a.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label) || dimension.conceptName || dimension.id;
+      const selectionIndex = selections.findIndex((ds) => ds.dimensionId === dimension.id);
+      if (selectionIndex === -1) {
+        selections.push({
+          dimensionId: dimension.id,
+          dimensionLabel,
+          selectedMemberIds: [onlyMemberId]
+        });
+        return;
+      }
+      selections[selectionIndex] = {
+        ...selections[selectionIndex],
+        dimensionLabel,
+        selectedMemberIds: [onlyMemberId]
+      };
+    });
+    rolePreferences.dimensionSelections = selections;
+    nextPreferences[roleId] = rolePreferences;
+    return nextPreferences;
+  }
+  _enforceSingleMemberSelectionsForSelectedRoles(preferences, selectedRoles = this._tempSelectedRoles) {
+    let nextPreferences = { ...preferences };
+    for (const roleId of selectedRoles) {
+      nextPreferences = this._enforceSingleMemberSelectionsForRole(roleId, nextPreferences);
+    }
+    return nextPreferences;
+  }
   _handleCheckboxChange(event, roleId) {
     const checkbox = event.target;
     const newSelection = new Set(this._tempSelectedRoles);
+    let newPreferences = { ...this._tempPeriodPreferences };
     if (checkbox.checked) {
       newSelection.add(roleId);
+      newPreferences = this._enforceSingleMemberSelectionsForRole(roleId, newPreferences);
     } else {
       newSelection.delete(roleId);
     }
     this._tempSelectedRoles = newSelection;
+    this._tempPeriodPreferences = newPreferences;
     this.requestUpdate();
   }
   _selectAll() {
     const newSelection = new Set(this._tempSelectedRoles);
     this._filteredRoles.forEach((role) => newSelection.add(role.id));
     this._tempSelectedRoles = newSelection;
+    this._tempPeriodPreferences = this._enforceSingleMemberSelectionsForSelectedRoles(
+      this._tempPeriodPreferences,
+      newSelection
+    );
     this.requestUpdate();
   }
   _selectNone() {
@@ -7209,7 +7348,12 @@ let JupiterFilterRolesDialog = class extends LitElement {
     this.requestUpdate();
   }
   _selectAllGlobal() {
-    this._tempSelectedRoles = new Set(this.availableRoles.map((role) => role.id));
+    const newSelection = new Set(this.availableRoles.map((role) => role.id));
+    this._tempSelectedRoles = newSelection;
+    this._tempPeriodPreferences = this._enforceSingleMemberSelectionsForSelectedRoles(
+      this._tempPeriodPreferences,
+      newSelection
+    );
     this.requestUpdate();
   }
   _selectNoneGlobal() {
@@ -7218,6 +7362,10 @@ let JupiterFilterRolesDialog = class extends LitElement {
   }
   _resetToOriginal() {
     this._tempSelectedRoles = new Set(this.selectedRoleIds);
+    this._tempPeriodPreferences = this._enforceSingleMemberSelectionsForSelectedRoles(
+      this._tempPeriodPreferences,
+      this._tempSelectedRoles
+    );
     this.requestUpdate();
   }
   _handleCancel() {
@@ -7227,6 +7375,11 @@ let JupiterFilterRolesDialog = class extends LitElement {
     }));
   }
   _handleApply() {
+    const normalizedPreferences = this._enforceSingleMemberSelectionsForSelectedRoles(
+      this._tempPeriodPreferences,
+      this._tempSelectedRoles
+    );
+    this._tempPeriodPreferences = normalizedPreferences;
     const orderedSelected = this._chosenRoleOrder.filter((id) => this._tempSelectedRoles.has(id));
     const notInOrder = Array.from(this._tempSelectedRoles).filter((id) => !this._chosenRoleOrder.includes(id));
     this._chosenRoleOrder = [...orderedSelected, ...notInOrder];
@@ -7241,11 +7394,11 @@ let JupiterFilterRolesDialog = class extends LitElement {
     });
     console.log("✅ Apply Filter - Enhanced structure being emitted:", orderedRolesWithMetadata);
     console.log("📋 Order array:", this._chosenRoleOrder);
-    console.log("📊 Dimension preferences being emitted:", this._tempPeriodPreferences);
+    console.log("📊 Dimension preferences being emitted:", normalizedPreferences);
     this.dispatchEvent(new CustomEvent("roles-filter-apply", {
       detail: {
         selectedRoleIds: orderedRolesWithMetadata,
-        periodPreferences: this._tempPeriodPreferences
+        periodPreferences: normalizedPreferences
       },
       bubbles: true
     }));
@@ -7351,9 +7504,9 @@ let JupiterFilterRolesDialog = class extends LitElement {
       (ds) => ds.dimensionId === dimensionId
     );
     if (!dimensionSelection) {
-      const dimensions = this._getDimensionsForRole(roleId);
-      const dimension = dimensions.find((d2) => d2.id === dimensionId);
-      const dimensionLabel = ((_b = (_a = dimension == null ? void 0 : dimension.labels) == null ? void 0 : _a.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label) || dimensionId;
+      const dimensions2 = this._getDimensionsForRole(roleId);
+      const dimension2 = dimensions2.find((d2) => d2.id === dimensionId);
+      const dimensionLabel = ((_b = (_a = dimension2 == null ? void 0 : dimension2.labels) == null ? void 0 : _a.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label) || dimensionId;
       dimensionSelection = {
         dimensionId,
         dimensionLabel,
@@ -7370,6 +7523,15 @@ let JupiterFilterRolesDialog = class extends LitElement {
         (id) => id !== memberId
       );
     }
+    const dimensions = this._getDimensionsForRole(roleId);
+    const dimension = dimensions.find((d2) => d2.id === dimensionId);
+    if (dimension && this._tempSelectedRoles.has(roleId) && this._isSingleMemberDimension(dimension)) {
+      const allMembers = this._getAllDimensionMembers(dimension.members);
+      if (allMembers.length === 1) {
+        dimensionSelection.selectedMemberIds = [allMembers[0].id];
+        checkbox.checked = true;
+      }
+    }
     this._tempPeriodPreferences = newPreferences;
     console.log("📊 Updated dimension selections:", newPreferences[roleId].dimensionSelections);
     this.requestUpdate();
@@ -7483,6 +7645,10 @@ let JupiterFilterRolesDialog = class extends LitElement {
     const newSelection = new Set(this._tempSelectedRoles);
     newSelection.add(this._selectedAvailableRole);
     this._tempSelectedRoles = newSelection;
+    this._tempPeriodPreferences = this._enforceSingleMemberSelectionsForRole(
+      this._selectedAvailableRole,
+      this._tempPeriodPreferences
+    );
     if (!this._chosenRoleOrder.includes(this._selectedAvailableRole)) {
       this._chosenRoleOrder = [...this._chosenRoleOrder, this._selectedAvailableRole];
     }
@@ -7508,6 +7674,10 @@ let JupiterFilterRolesDialog = class extends LitElement {
       }
     });
     this._tempSelectedRoles = newSelection;
+    this._tempPeriodPreferences = this._enforceSingleMemberSelectionsForSelectedRoles(
+      this._tempPeriodPreferences,
+      newSelection
+    );
     this._selectedAvailableRole = null;
     this.requestUpdate();
   }
@@ -7878,7 +8048,6 @@ let JupiterFilterRolesDialog = class extends LitElement {
           return html``;
         }
         const dimensionLabel = ((_b = (_a2 = dimension.labels) == null ? void 0 : _a2.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label) || dimension.conceptName;
-        const isSingleMember = this._isSingleMemberDimension(dimension);
         return html`
                               <div class="dimension-group">
                                 <div class="dimension-label">${dimensionLabel}</div>
@@ -7893,7 +8062,6 @@ let JupiterFilterRolesDialog = class extends LitElement {
                                           type="checkbox"
                                           class="member-checkbox"
                                           .checked="${isChecked}"
-                                          ?disabled="${isSingleMember}"
                                           @change="${(e2) => this._handleDimensionMemberChange(e2, role.id, dimension.id, member.id)}"
                                         />
                                         <span class="member-checkbox-label">${memberLabel}</span>
@@ -7901,22 +8069,20 @@ let JupiterFilterRolesDialog = class extends LitElement {
                                     `;
         })}
                                 </div>
-                                ${!isSingleMember ? html`
-                                  <div class="member-select-controls">
-                                    <button 
-                                      class="member-select-btn"
-                                      @click="${() => this._selectAllDimensionMembers(role.id, dimension.id)}"
-                                    >
-                                      ${I18n.t("filter.selectAllMembers")}
-                                    </button>
-                                    <button 
-                                      class="member-select-btn"
-                                      @click="${() => this._deselectAllDimensionMembers(role.id, dimension.id)}"
-                                    >
-                                      ${I18n.t("filter.clearMembers")}
-                                    </button>
-                                  </div>
-                                ` : ""}
+                                <div class="member-select-controls">
+                                  <button 
+                                    class="member-select-btn"
+                                    @click="${() => this._selectAllDimensionMembers(role.id, dimension.id)}"
+                                  >
+                                    ${I18n.t("filter.selectAllMembers")}
+                                  </button>
+                                  <button 
+                                    class="member-select-btn"
+                                    @click="${() => this._deselectAllDimensionMembers(role.id, dimension.id)}"
+                                  >
+                                    ${I18n.t("filter.clearMembers")}
+                                  </button>
+                                </div>
                               </div>
                             `;
       })}
@@ -9968,25 +10134,26 @@ let JupiterDynamicForm = class extends LitElement {
       return [];
     }
     const availableDimensions = [];
+    const lang = this.language || "en";
+    const pickLabel = (labels, fallback) => {
+      var _a2;
+      return ((_a2 = (labels == null ? void 0 : labels.find((l2) => l2.lang === lang && l2.role === "http://www.xbrl.org/2003/role/label")) || (labels == null ? void 0 : labels.find((l2) => l2.lang === "en" && l2.role === "http://www.xbrl.org/2003/role/label")) || (labels == null ? void 0 : labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label"))) == null ? void 0 : _a2.label) || fallback;
+    };
     hypercubeRole.items.forEach((item) => {
       if (item.dimensions && item.dimensions.length > 0) {
         item.dimensions.forEach((dimension) => {
-          var _a2;
           if (!availableDimensions.find((d2) => d2.id === dimension.id)) {
-            const axisLabel = ((_a2 = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _a2.label) || dimension.conceptName;
+            const axisLabel = pickLabel(dimension.labels, dimension.conceptName);
             const availableDimension = {
               id: dimension.id,
               conceptName: dimension.conceptName,
               axisLabel
             };
             if (dimension.members && dimension.members.length > 0) {
-              availableDimension.members = dimension.members.map((member) => {
-                var _a3, _b2;
-                return {
-                  id: member.id,
-                  label: ((_b2 = (_a3 = member.labels) == null ? void 0 : _a3.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b2.label) || member.conceptName || member.id
-                };
-              });
+              availableDimension.members = dimension.members.map((member) => ({
+                id: member.id,
+                label: pickLabel(member.labels, member.conceptName || member.id)
+              }));
             }
             if (dimension.typedMember) {
               availableDimension.typedMember = {
@@ -10915,7 +11082,7 @@ let JupiterDynamicForm = class extends LitElement {
             if (concept.abstract)
               return;
             const isCustomColumn = column2.id.startsWith("col-");
-            const isDimensionColumn = column2.id.startsWith("duration_") || column2.id.startsWith("instant_");
+            const isDimensionColumn = column2.id.startsWith("duration_") || column2.id.startsWith("instant_") || column2.id.startsWith("typed-");
             const isMixedSection = section2.showPeriodControl === true;
             const shouldSkipPeriodCheck = !columnPeriodType || column2.id === "duration" || column2.id === "default" || isCustomColumn && isMixedSection || isDimensionColumn;
             if (!shouldSkipPeriodCheck && conceptPeriodType && columnPeriodType) {
@@ -12950,35 +13117,35 @@ JupiterDynamicForm.styles = css`
     }
 
     .side-panel-role-item.has-errors {
-      border-left: 2px solid var(--jupiter-error-color, #d32f2f);
+      border-left: 4px solid var(--jupiter-error-color, #d32f2f);
     }
 
     .side-panel-role-item.has-errors.active {
-      border-left: 2px solid var(--jupiter-error-color, #d32f2f);
+      border-left: 4px solid var(--jupiter-error-color, #d32f2f);
     }
 
     .side-panel-role-item.has-no-data {
-      border-left: 2px solid var(--jupiter-untouched-color, #757575);
+      border-left: 4px solid var(--jupiter-untouched-color, #757575);
     }
 
     .side-panel-role-item.has-no-data.active {
-      border-left: 2px solid var(--jupiter-untouched-color, #757575);
+      border-left: 4px solid var(--jupiter-untouched-color, #757575);
     }
 
     .side-panel-role-item.has-empty-fields {
-      border-left: 2px solid var(--jupiter-warning-color, #ff9800);
+      border-left: 4px solid var(--jupiter-warning-color, #ff9800);
     }
 
     .side-panel-role-item.has-empty-fields.active {
-      border-left: 2px solid var(--jupiter-warning-color, #ff9800);
+      border-left: 4px solid var(--jupiter-warning-color, #ff9800);
     }
 
     .side-panel-role-item.has-complete-data {
-      border-left: 2px solid var(--jupiter-success-color, #4caf50);
+      border-left: 4px solid var(--jupiter-success-color, #4caf50);
     }
 
     .side-panel-role-item.has-complete-data.active {
-      border-left: 2px solid var(--jupiter-success-color, #4caf50);
+      border-left: 4px solid var(--jupiter-success-color, #4caf50);
     }
 
     .role-completion-row {