jupiter-dynamic-forms 1.18.1 → 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 = [];
@@ -1010,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(
@@ -1030,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);
@@ -1164,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,
@@ -1305,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,
@@ -1411,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) {
@@ -1426,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,
@@ -1445,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);
@@ -2695,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")
@@ -2706,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")
@@ -2729,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,
@@ -2744,7 +2750,8 @@ const TYPE_INPUT_MAP = {
   },
   "xbrli:positiveIntegerItemType": {
     fieldType: "integer",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "numeric",
     allowDecimals: false,
     min: 1,
     step: 1,
@@ -2753,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")
@@ -2761,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,
@@ -2769,7 +2778,8 @@ const TYPE_INPUT_MAP = {
   },
   "xbrli:shares": {
     fieldType: "number",
-    htmlInputType: "number",
+    htmlInputType: "text",
+    inputMode: "decimal",
     allowDecimals: true,
     min: 0,
     step: 0.01,
@@ -2778,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,
@@ -2794,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")
@@ -2849,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")
@@ -2857,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")
@@ -2891,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,
@@ -2901,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")
@@ -2910,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")
@@ -3026,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,
@@ -3038,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")
@@ -3046,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")
@@ -3054,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")
@@ -3244,7 +3266,7 @@ let JupiterFormField = class extends LitElement {
    */
   _handleKeyDown(event) {
     const target = event.target;
-    if (target.type !== "number") {
+    if (!this._isNumericField()) {
       return;
     }
     const allowedKeys = [
@@ -3266,10 +3288,12 @@ let JupiterFormField = class extends LitElement {
     if (event.ctrlKey || event.metaKey) {
       return;
     }
-    if (event.key === "-" && !target.value.includes("-") && (target.selectionStart === 0 || target.selectionStart === null || target.value.length === 0)) {
+    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") {
@@ -3757,6 +3781,7 @@ let JupiterFormField = class extends LitElement {
         id="${fieldId}"
         name="${fieldName}"
         type="${inputType}"
+        inputmode="${typeConfig.inputMode || ""}"
         class="${cssClass}"
         .value="${renderedInputValue}"
         ?disabled="${effectiveDisabled || this.field.disabled}"
@@ -3777,7 +3802,7 @@ let JupiterFormField = class extends LitElement {
       case "decimal":
       case "currency":
       case "percentage":
-        return "number";
+        return "text";
       case "date":
         return "date";
       case "datetime":
@@ -5495,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;
@@ -5549,7 +5574,7 @@ JupiterAddColumnDialog.styles = css`
       margin-bottom: 24px;
       flex: 1;
       overflow-y: auto;
-      max-height: calc(90vh - 160px);
+      min-height: 0;
     }
 
       .date-wrapper {
@@ -7242,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() {
@@ -7266,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() {
@@ -7275,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() {
@@ -7284,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];
@@ -7298,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
     }));
@@ -7408,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,
@@ -7427,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();
@@ -7540,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];
     }
@@ -7565,6 +7674,10 @@ let JupiterFilterRolesDialog = class extends LitElement {
       }
     });
     this._tempSelectedRoles = newSelection;
+    this._tempPeriodPreferences = this._enforceSingleMemberSelectionsForSelectedRoles(
+      this._tempPeriodPreferences,
+      newSelection
+    );
     this._selectedAvailableRole = null;
     this.requestUpdate();
   }
@@ -7935,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>
@@ -7950,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>
@@ -7958,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>
                             `;
       })}
@@ -10025,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 = {