jupiter-dynamic-forms 1.8.0 → 1.8.2

package/dist/index.mjs

@@ -564,7 +564,10 @@ class XBRLFormBuilder {
     const presentationData = xbrlInput.presentation[0];
     const hypercubeData = (_a = xbrlInput.hypercubes) == null ? void 0 : _a[0];
     const sections = [];
-    presentationData.roles.forEach((role) => {
+    const sortedRoles = [...presentationData.roles].sort((a2, b2) => {
+      return a2.role.localeCompare(b2.role);
+    });
+    sortedRoles.forEach((role) => {
       const section = this.buildSectionFromRole(role, periodStartDate, periodEndDate, hypercubeData);
       this.assignFieldColumnIds(section);
       sections.push(section);
@@ -588,20 +591,8 @@ class XBRLFormBuilder {
       nonAbstractConcepts.filter((concept) => concept.periodType).map((concept) => concept.periodType)
     );
     const hypercubeRole = hypercubeData == null ? void 0 : hypercubeData.roles.find((hr) => hr.roleId === role.id);
-    if (hypercubeRole) {
-      console.log(`🏷️ Found matching hypercube role "${role.id}"`);
-    } else {
-      console.log(`❌ No hypercube role found for "${role.id}"`);
-    }
     const columns = this.generateDefaultColumnsForRole(role, periodStartDate || "2025-01-01", periodEndDate || "2025-12-31", hypercubeRole, nonAbstractConcepts, periodTypes);
     const availableColumnIds = columns.map((col) => col.id);
-    console.log(`📋 Available column IDs for role "${role.id}":`, availableColumnIds);
-    if (availableColumnIds.some((id) => id.includes("multi_"))) {
-      console.log(`🔍 [DEBUG] Multi-dimensional role "${role.role}" - Total columns generated: ${columns.length}`);
-      columns.forEach((col, index) => {
-        console.log(`  Column ${index}: id=${col.id}, title=${col.title}, type=${col.type}`);
-      });
-    }
     const roleInfo = { periodTypes, availableColumnIds };
     const conceptTrees = [];
     if ((_a = role.presentationLinkbase) == null ? void 0 : _a.concepts) {
@@ -836,14 +827,12 @@ class XBRLFormBuilder {
    * Generate default columns based on period types of non-abstract concepts in a role
    */
   static generateDefaultColumnsForRole(role, periodStartDate, periodEndDate, hypercubeRole, nonAbstractConcepts, rolePeriodTypes) {
-    var _a, _b, _c;
+    var _a, _b;
     const concepts = nonAbstractConcepts || this.getAllNonAbstractConcepts(role);
     const periodTypes = rolePeriodTypes || new Set(
       concepts.filter((concept) => concept.periodType).map((concept) => concept.periodType)
     );
-    console.log(`📊 Analyzing role "${role.role}" with ${concepts.length} non-abstract concepts`);
     if (concepts.length === 0) {
-      console.log("📊 No non-abstract concepts found, using default column");
       return [{
         id: "default",
         title: "Value",
@@ -856,26 +845,18 @@ class XBRLFormBuilder {
     let dimensionColumns = [];
     if (((_a = hypercubeRole == null ? void 0 : hypercubeRole.items) == null ? void 0 : _a.length) === 1) {
       const item = hypercubeRole.items[0];
-      console.log(`🔍 Processing hypercube item for role "${role.role}":`, {
-        itemId: item.id,
-        conceptIds: ((_b = item.conceptIds) == null ? void 0 : _b.length) || 0,
-        dimensions: item.dimensions.length
-      });
       if (item.dimensions.length === 1) {
         dimensionColumns = this.generateSingleDimensionColumns(item.dimensions[0], periodStartDate, periodEndDate, periodTypes);
       } else if (item.dimensions.length > 1) {
         dimensionColumns = this.generateMultiDimensionColumns(item.dimensions, periodStartDate, periodEndDate, periodTypes);
       }
-    } else if (((_c = hypercubeRole == null ? void 0 : hypercubeRole.items) == null ? void 0 : _c.length) && hypercubeRole.items.length > 1) {
-      console.log(`⚠️ Multiple items found (${hypercubeRole.items.length}), skipping for now`);
-    }
-    console.log(`📅 Found period types: ${Array.from(periodTypes).join(", ")}`);
+    } else if (((_b = hypercubeRole == null ? void 0 : hypercubeRole.items) == null ? void 0 : _b.length) && hypercubeRole.items.length > 1)
+      ;
     const columns = [];
     if (dimensionColumns.length > 0) {
       columns.push(...dimensionColumns);
     } else {
       if (periodTypes.size === 0) {
-        console.log("📅 No period types found, using default column");
         columns.push({
           id: "default",
           title: "Value",
@@ -885,7 +866,6 @@ class XBRLFormBuilder {
           removable: false
         });
       } else if (periodTypes.size === 1 && periodTypes.has("instant")) {
-        console.log("📅 All concepts are instant type, creating single column");
         columns.push({
           id: "instant",
           title: `Current`,
@@ -895,7 +875,6 @@ class XBRLFormBuilder {
           removable: false
         });
       } else if (periodTypes.size === 1 && periodTypes.has("duration")) {
-        console.log("📅 All concepts are duration type, creating single column with period range");
         columns.push({
           id: "duration",
           title: `Current Period`,
@@ -905,7 +884,6 @@ class XBRLFormBuilder {
           removable: false
         });
       } else {
-        console.log("📅 Mixed period types found, creating both duration and instant columns");
         columns.push({
           id: "duration",
           title: `Current Period`,
@@ -924,25 +902,15 @@ class XBRLFormBuilder {
         });
       }
     }
-    console.log(`📊 Generated ${columns.length} columns for role "${role.role}":`, columns.map((c2) => c2.title));
     return columns;
   }
   /**
    * Generate columns for single dimension scenarios
    */
   static generateSingleDimensionColumns(dimension, periodStartDate, periodEndDate, periodTypes) {
-    var _a, _b, _c, _d, _e;
-    console.log(`📊 Processing single dimension:`, {
-      id: dimension.id,
-      conceptName: dimension.conceptName,
-      hasMembers: !!(dimension.members && Array.isArray(dimension.members)),
-      membersCount: ((_a = dimension.members) == null ? void 0 : _a.length) || 0,
-      hasTypedMember: !!dimension.typedMember,
-      typedMemberId: (_b = dimension.typedMember) == null ? void 0 : _b.id
-    });
+    var _a, _b, _c;
     if (dimension.typedMember && (!dimension.members || dimension.members.length === 0)) {
-      console.log(`🔤 Processing typed dimension: ${dimension.id} with typed member: ${dimension.typedMember.id}`);
-      const axisLabel2 = ((_c = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _c.label) || dimension.conceptName;
+      const axisLabel2 = ((_a = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _a.label) || dimension.conceptName;
       const dimensionInfo2 = {
         axisId: dimension.id,
         axisLabel: axisLabel2,
@@ -950,7 +918,6 @@ class XBRLFormBuilder {
         dimensionKey: `${axisLabel2} | [Typed Input]`,
         dimensionIdKey: `${dimension.id}|[typed]`
       };
-      console.log(`🔤 Generated typed dimension info:`, dimensionInfo2);
       const columns2 = [];
       if (periodTypes.size === 0) {
         columns2.push({
@@ -1092,24 +1059,17 @@ class XBRLFormBuilder {
           removable: false
         });
       }
-      console.log(`🔤 Generated ${columns2.length} typed dimension columns`);
       return columns2;
     }
     if (!dimension.members || !Array.isArray(dimension.members)) {
-      console.log(`⚠️ Dimension ${dimension.id} has no members defined and no typed member, skipping column generation`);
       return [];
     }
-    console.log(`📊 Found single dimension:`, {
-      id: dimension.id,
-      conceptName: dimension.conceptName,
-      membersCount: dimension.members.length
-    });
     if (dimension.members.length === 0) {
       return [];
     }
-    const axisLabel = ((_d = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _d.label) || dimension.conceptName;
+    const axisLabel = ((_b = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label) || dimension.conceptName;
     const firstMember = dimension.members[0];
-    const memberLabel = ((_e = firstMember.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _e.label) || firstMember.conceptName;
+    const memberLabel = ((_c = firstMember.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _c.label) || firstMember.conceptName;
     const dimensionInfo = {
       axisId: dimension.id,
       axisLabel,
@@ -1118,7 +1078,6 @@ class XBRLFormBuilder {
       dimensionKey: `${axisLabel} | ${memberLabel}`,
       dimensionIdKey: `${dimension.id} | ${firstMember.id}`
     };
-    console.log(`📊 Generated dimension info:`, dimensionInfo);
     const columns = [];
     if (periodTypes.size === 0) {
       columns.push({
@@ -1226,34 +1185,17 @@ class XBRLFormBuilder {
    * Generate columns for multi-dimension scenarios - creates combinations of all dimension members
    */
   static generateMultiDimensionColumns(dimensions, periodStartDate, periodEndDate, periodTypes) {
-    console.log(`📊 Processing ${dimensions.length} dimensions for multi-dimensional columns`);
-    console.log(`🔍 [DEBUG] Input dimensions:`, dimensions.map((d2) => {
-      var _a, _b, _c;
-      return {
-        id: d2.id,
-        label: (_b = (_a = d2.labels) == null ? void 0 : _a.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label,
-        membersCount: ((_c = d2.members) == null ? void 0 : _c.length) || 0,
-        hasTypedMember: !!d2.typedMember
-      };
-    }));
-    const hasTypedMembers = dimensions.some((dimension) => dimension.typedMember);
-    if (hasTypedMembers) {
-      console.log(`🔤 Found typed members in dimensions - will indicate in column headers`);
-    }
+    dimensions.some((dimension) => dimension.typedMember);
     const validDimensions = dimensions.filter((dimension) => {
       if (dimension.typedMember) {
-        console.log(`🔤 Keeping typed dimension: ${dimension.id} with typed member: ${dimension.typedMember.id}`);
         return true;
       }
       if (dimension.members && Array.isArray(dimension.members) && dimension.members.length > 0) {
-        console.log(`📂 Keeping domain dimension: ${dimension.id} with ${dimension.members.length} members`);
         return true;
       }
-      console.log(`⚠️ Skipping dimension ${dimension.id} - no members or typed member defined`);
       return false;
     });
     if (validDimensions.length === 0) {
-      console.log(`⚠️ No valid dimensions with members found, skipping multi-dimensional column generation`);
       return [];
     }
     const dimensionInfos = validDimensions.map((dimension) => {
@@ -1286,27 +1228,11 @@ class XBRLFormBuilder {
       };
     });
     const combinations = this.generateDimensionCombinations(dimensionInfos);
-    console.log(`📊 Generated ${combinations.length} dimension combinations`);
-    console.log(`🔍 [DEBUG] Generated combinations:`, combinations.map((combo) => ({
-      memberLabels: combo.map((c2) => c2.memberLabel),
-      axisIds: combo.map((c2) => c2.axisId),
-      memberIds: combo.map((c2) => c2.memberId)
-    })));
     const columns = [];
     combinations.forEach((combination, index) => {
-      var _a, _b;
       const columnTitle = combination.map((c2) => c2.memberLabel).join(" | ");
       const typedMembers = combination.filter((c2) => c2.isTyped);
       const domainMembers = combination.filter((c2) => !c2.isTyped);
-      console.log(`🔍 [Column ${index}] Combination analysis:`, {
-        totalMembers: combination.length,
-        typedMembers: typedMembers.length,
-        domainMembers: domainMembers.length,
-        hasTypedMembers: typedMembers.length > 0,
-        columnTitle,
-        memberLabels: combination.map((c2) => c2.memberLabel),
-        memberIds: combination.map((c2) => c2.memberId)
-      });
       const dimensionData = {
         dimensionId: `multi_${index}`,
         memberValue: columnTitle,
@@ -1333,13 +1259,6 @@ class XBRLFormBuilder {
           ...typedMembers.map((c2) => `${c2.axisId}|[typed]`)
         ].join("::")
       };
-      console.log(`🔍 [Column ${index}] Final dimension data:`, {
-        dimensionId: dimensionData.dimensionId,
-        memberLabel: dimensionData.memberLabel,
-        dimensionIdKey: dimensionData.dimensionIdKey,
-        combinationsCount: (_a = dimensionData.combinations) == null ? void 0 : _a.length,
-        typedMembersCount: (_b = dimensionData.typedMembers) == null ? void 0 : _b.length
-      });
       if (periodTypes.size === 0 || periodTypes.size === 1 && periodTypes.has("duration")) {
         columns.push({
           id: `duration_${index}`,
@@ -1393,7 +1312,6 @@ class XBRLFormBuilder {
         });
       }
     });
-    console.log(`📊 Generated ${columns.length} multi-dimensional columns`);
     return columns;
   }
   /**
@@ -2110,9 +2028,8 @@ let JupiterAddColumnDialog = class extends LitElement {
     if (changedProperties.has("open") && this.open) {
       this._resetForm();
     }
-    if (changedProperties.has("availableDimensions")) {
-      console.log(`🎯 Add Column Dialog received ${this.availableDimensions.length} dimensions:`, this.availableDimensions.map((d2) => d2.axisLabel));
-    }
+    if (changedProperties.has("availableDimensions"))
+      ;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -2230,7 +2147,6 @@ let JupiterAddColumnDialog = class extends LitElement {
           isTyped: false
         };
         this._selectedDimensions.set(dimension.id, selection);
-        console.log(`🎯 Auto-selected single member: ${dimension.axisLabel} -> ${member.label}`);
       } else if (dimension.typedMember && (!dimension.members || dimension.members.length === 0)) {
         const selection = {
           axisId: dimension.id,
@@ -2239,7 +2155,6 @@ let JupiterAddColumnDialog = class extends LitElement {
           // Note: typedValue will be entered in column header, not here
         };
         this._selectedDimensions.set(dimension.id, selection);
-        console.log(`🎯 Auto-selected typed dimension: ${dimension.axisLabel} (value will be entered in column header)`);
       }
     });
   }
@@ -2701,6 +2616,7 @@ let JupiterFormSection = class extends LitElement {
     this.disabled = false;
     this.collapsible = true;
     this.locale = "en-US";
+    this.isFirstSection = false;
     this.availableDimensions = [];
     this._expanded = true;
     this._showAddColumnDialog = false;
@@ -2712,15 +2628,25 @@ let JupiterFormSection = class extends LitElement {
     super.connectedCallback();
     this._expanded = this.section.expanded !== false;
     this._determinePeriodType();
+    this._checkAndExpandFirstSection();
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (changedProperties.has("isFirstSection") || changedProperties.has("section")) {
+      this._checkAndExpandFirstSection();
+    }
+  }
+  _checkAndExpandFirstSection() {
+    if (this.isFirstSection && this.section && this.section.concepts) {
+      this._expanded = true;
+      setTimeout(() => {
+        this._expandAllTrees();
+        console.log("🎯 First section detected - expanded section and tree by default");
+      }, 0);
+    }
   }
   _determinePeriodType() {
     const nonAbstractConcepts = this._getAllNonAbstractConcepts(this.section.concepts);
-    console.log(`🔍 Section ${this.section.id} (${this.section.title}): Found ${nonAbstractConcepts.length} non-abstract concepts`);
-    console.log(`📝 All concepts in section:`, this.section.concepts.map((c2) => ({
-      name: c2.name,
-      abstract: c2.abstract,
-      periodType: c2.periodType
-    })));
     if (nonAbstractConcepts.length === 0) {
       this._sectionPeriodType = "duration";
       console.log(`📊 Section ${this.section.id}: No concepts, defaulting to duration`);
@@ -3339,6 +3265,9 @@ __decorateClass$2([
 __decorateClass$2([
   n2({ type: String })
 ], JupiterFormSection.prototype, "locale", 2);
+__decorateClass$2([
+  n2({ type: Boolean })
+], JupiterFormSection.prototype, "isFirstSection", 2);
 __decorateClass$2([
   n2({ type: Array })
 ], JupiterFormSection.prototype, "availableDimensions", 2);
@@ -3395,11 +3324,13 @@ let JupiterFilterRolesDialog = class extends LitElement {
   }
   _updateFilteredRoles() {
     if (!this._searchQuery.trim()) {
-      this._filteredRoles = [...this.availableRoles];
+      this._filteredRoles = [...this.availableRoles].sort((a2, b2) => {
+        return a2.title.localeCompare(b2.title);
+      });
       return;
     }
     const query = this._searchQuery.toLowerCase().trim();
-    this._filteredRoles = this.availableRoles.filter((role) => {
+    const filtered = this.availableRoles.filter((role) => {
       var _a;
       const titleMatch = role.title.toLowerCase().includes(query);
       const idMatch = role.id.toLowerCase().includes(query);
@@ -3407,6 +3338,9 @@ let JupiterFilterRolesDialog = class extends LitElement {
       const uriMatch = this._searchInRoleURI(role, query);
       return titleMatch || idMatch || descriptionMatch || uriMatch;
     });
+    this._filteredRoles = filtered.sort((a2, b2) => {
+      return a2.title.localeCompare(b2.title);
+    });
   }
   _searchInRoleURI(role, query) {
     var _a;
@@ -3611,12 +3545,6 @@ let JupiterFilterRolesDialog = class extends LitElement {
                     />
                     <div class="role-info">
                       <h4 class="role-title">${role.title}</h4>
-                      ${role.description ? html`
-                        <p class="role-description">${role.description}</p>
-                      ` : ""}
-                      ${role.id !== role.title ? html`
-                        <p class="role-description">ID: ${role.id}</p>
-                      ` : ""}
                       ${((_a = role.metadata) == null ? void 0 : _a.roleURI) ? html`
                         <p class="role-description">URI: ${role.metadata.roleURI}</p>
                       ` : ""}
@@ -4017,10 +3945,13 @@ let JupiterDynamicForm = class extends LitElement {
         );
         console.log("✅ Generated schema with sections:", this._currentSchema.sections.length);
         this._allSections = [...this._currentSchema.sections];
-        if (this._allSections.length > 10 && this._selectedRoleIds.length === 0) {
-          this._selectedRoleIds = this._allSections.slice(0, 10).map((section) => section.id);
-        } else if (this._selectedRoleIds.length === 0) {
-          this._selectedRoleIds = this._allSections.map((section) => section.id);
+        if (this._selectedRoleIds.length === 0) {
+          this._selectedRoleIds = [];
+          this._showFilterDialog = true;
+          this._currentSchema = {
+            ...this._currentSchema,
+            sections: []
+          };
         }
         this._applyRoleFilter();
         this._columns = [
@@ -4081,6 +4012,15 @@ let JupiterDynamicForm = class extends LitElement {
   _applyRoleFilter() {
     if (!this._currentSchema || !this._allSections.length)
       return;
+    console.log(`🔍 Applying role filter: ${this._selectedRoleIds.length} selected out of ${this._allSections.length} total`);
+    if (this._selectedRoleIds.length === 0) {
+      console.log(`📝 No roles selected - showing empty form`);
+      this._currentSchema = {
+        ...this._currentSchema,
+        sections: []
+      };
+      return;
+    }
     this._preserveDataForHiddenSections();
     const filteredSections = this._allSections.filter(
       (section) => this._selectedRoleIds.includes(section.id)
@@ -4156,19 +4096,21 @@ let JupiterDynamicForm = class extends LitElement {
     }
   }
   _shouldShowFilterButton() {
-    return this._allSections.length > 10;
+    return true;
   }
   _handleFilterRolesClick() {
     this._showFilterDialog = true;
   }
   _handleFilterDialogCancel() {
     this._showFilterDialog = false;
+    console.log(`🚫 Filter dialog cancelled. Current selection: ${this._selectedRoleIds.length}/${this._allSections.length}`);
   }
   _handleRoleFilterApply(event) {
     const { selectedRoleIds } = event.detail;
     this._selectedRoleIds = selectedRoleIds;
     this._applyRoleFilter();
     this._showFilterDialog = false;
+    console.log(`🎯 Applied role filter: ${selectedRoleIds.length}/${this._allSections.length} roles selected`);
     this.dispatchEvent(new CustomEvent("roles-filter-changed", {
       detail: {
         selectedRoleIds,
@@ -4299,7 +4241,6 @@ let JupiterDynamicForm = class extends LitElement {
       console.log("❌ No hypercubes data available");
       return [];
     }
-    console.log(`📊 Available hypercube roles:`, this.xbrlInput.hypercubes[0].roles.map((r2) => r2.roleId));
     const hypercubeRole = this.xbrlInput.hypercubes[0].roles.find((hr) => hr.roleId === sectionId);
     if (!((_c = hypercubeRole == null ? void 0 : hypercubeRole.items) == null ? void 0 : _c.length)) {
       console.log(`❌ No hypercube items found for role: ${sectionId}`);
@@ -4596,23 +4537,7 @@ let JupiterDynamicForm = class extends LitElement {
     this._submitted = true;
     this._validateForm();
     const submissionData = this._generateSubmissionData();
-    console.log("📊 Generated submission data:", {
-      formData: this._formData,
-      submissionData,
-      submissionDataCount: submissionData.length,
-      valid: this._valid,
-      errors: this._errors
-    });
-    submissionData.forEach((entry, index) => {
-      console.log(`📋 Submission Entry ${index + 1}:`, {
-        conceptId: entry.conceptId,
-        value: entry.value,
-        period: entry.period,
-        dimension: entry.dimension,
-        typedMembers: entry.typedMembers,
-        hasTypedMembers: !!(entry.typedMembers && Object.keys(entry.typedMembers).length > 0)
-      });
-    });
+    console.log("📊 Form Submission Data:", JSON.stringify(submissionData, null, 2));
     this.dispatchEvent(new CustomEvent("form-submit", {
       detail: {
         data: this._formData,
@@ -5007,8 +4932,14 @@ let JupiterDynamicForm = class extends LitElement {
             </div>
           ` : ""}
 
-          <!-- Form Sections -->
-          ${schema.sections.map((section) => html`
+          <!-- Form Sections or No Selection Message -->
+          ${schema.sections.length === 0 ? html`
+            <div class="no-roles-message">
+              <h3>No Roles Selected</h3>
+              <p>Please use the "Filter Roles" button below to select which sections you want to work with.</p>
+              <p>Available roles: ${this._allSections.length}</p>
+            </div>
+          ` : schema.sections.map((section, index) => html`
             <jupiter-form-section
               .section="${section}"
               .columns="${section.columns || this._columns}"
@@ -5017,6 +4948,7 @@ let JupiterDynamicForm = class extends LitElement {
               .disabled="${this.disabled || this.readonly}"
               .collapsible="${config.collapsibleSections !== false}"
               .locale="${config.locale || "en-US"}"
+              .isFirstSection="${index === 0}"
               .availableDimensions="${this._getAvailableDimensionsForSection(section.id)}"
               @field-change="${this._handleFieldChange}"
               @typed-member-change="${this._handleTypedMemberChange}"
@@ -5040,7 +4972,7 @@ let JupiterDynamicForm = class extends LitElement {
               <svg class="filter-icon" viewBox="0 0 24 24">
                 <path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>
               </svg>
-              Filter Roles
+              ${this._selectedRoleIds.length === 0 ? "Select Roles" : "Filter Roles"}
               <span class="roles-count">${this._selectedRoleIds.length}/${this._allSections.length}</span>
             </button>
           ` : ""}
@@ -5254,6 +5186,25 @@ JupiterDynamicForm.styles = css`
       min-width: 18px;
       justify-content: center;
     }
+
+    .no-roles-message {
+      padding: 40px;
+      text-align: center;
+      color: var(--jupiter-text-secondary, #666);
+      background: var(--jupiter-background-light, #f8f9fa);
+      border-radius: 8px;
+      margin: 20px 0;
+    }
+
+    .no-roles-message h3 {
+      margin: 0 0 16px 0;
+      color: var(--jupiter-text-primary, #333);
+    }
+
+    .no-roles-message p {
+      margin: 8px 0;
+      line-height: 1.5;
+    }
   `;
 __decorateClass([
   n2({ type: Object })