@lukso/transaction-view-core 0.5.0-dev.a98e9bc → 0.5.0-dev.c21633f

package/dist/shared/index.d.cts

@@ -1,5 +1,5 @@
 import * as lit from 'lit';
-import { LitElement, ReactiveController, ReactiveControllerHost } from 'lit';
+import { LitElement, ReactiveController, ReactiveControllerHost, TemplateResult } from 'lit';
 import { CoreLitElement } from '../styles/index.cjs';
 import { ImageResult, ImageLoadOptions, AddressImageData, UseTransactionViewOptions, ViewMatch } from '@lukso/transaction-view-headless';
 import { Signal } from '@preact/signals-core';
@@ -780,7 +780,7 @@ declare class ValueView extends CoreLitElement {
      * The value to display (required)
      * Can be string, number, boolean, or bigint
      */
-    value?: string | number | boolean | bigint | null;
+    value?: TemplateResult | string | number | boolean | bigint | null;
     /**
      * The key name (used for special formatting logic)
      */
@@ -813,7 +813,7 @@ declare class ValueView extends CoreLitElement {
     /**
      * Optional label to show in card header
      */
-    label?: string;
+    label?: string | TemplateResult;
     /**
      * Maximum width for truncation
      */
@@ -860,7 +860,7 @@ declare class ValueView extends CoreLitElement {
      * Handle value click
      */
     private handleClick;
-    render(): lit.TemplateResult<1>;
+    render(): TemplateResult<1>;
     /** Whether to use monospace font for the value content */
     private getUseMonospace;
     /** Map size to a typography class for the label */

package/dist/shared/index.d.ts

@@ -1,5 +1,5 @@
 import * as lit from 'lit';
-import { LitElement, ReactiveController, ReactiveControllerHost } from 'lit';
+import { LitElement, ReactiveController, ReactiveControllerHost, TemplateResult } from 'lit';
 import { CoreLitElement } from '../styles/index.js';
 import { ImageResult, ImageLoadOptions, AddressImageData, UseTransactionViewOptions, ViewMatch } from '@lukso/transaction-view-headless';
 import { Signal } from '@preact/signals-core';
@@ -780,7 +780,7 @@ declare class ValueView extends CoreLitElement {
      * The value to display (required)
      * Can be string, number, boolean, or bigint
      */
-    value?: string | number | boolean | bigint | null;
+    value?: TemplateResult | string | number | boolean | bigint | null;
     /**
      * The key name (used for special formatting logic)
      */
@@ -813,7 +813,7 @@ declare class ValueView extends CoreLitElement {
     /**
      * Optional label to show in card header
      */
-    label?: string;
+    label?: string | TemplateResult;
     /**
      * Maximum width for truncation
      */
@@ -860,7 +860,7 @@ declare class ValueView extends CoreLitElement {
      * Handle value click
      */
     private handleClick;
-    render(): lit.TemplateResult<1>;
+    render(): TemplateResult<1>;
     /** Whether to use monospace font for the value content */
     private getUseMonospace;
     /** Map size to a typography class for the label */

package/dist/shared/index.js

@@ -1995,6 +1995,8 @@ import { useAddressResolver as useAddressResolver4 } from "@lukso/transaction-vi
 import { html as html11 } from "lit";
 import { property as property11, state as state4 } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
+
+// src/utils.ts
 function formatUnits(value, decimals = 18) {
   const divisor = 10n ** BigInt(decimals);
   const quotient = value / divisor;
@@ -2006,6 +2008,8 @@ function formatUnits(value, decimals = 18) {
   const trimmed = remainderStr.replace(/0+$/, "");
   return `${quotient}.${trimmed}`;
 }
+
+// src/shared/value-view.ts
 var ValueView = class extends CoreLitElement {
   constructor() {
     super(...arguments);
@@ -2238,7 +2242,7 @@ var ValueView = class extends CoreLitElement {
       `;
       if (effectiveType === "currency") {
         const { numeric, symbol } = this.getCurrencyParts();
-        if (this.label && this.label.trim() !== "") {
+        if (this.label) {
           headerText = this.label;
           contentTemplate = html11`
               <span class="inline-block overflow-hidden text-ellipsis whitespace-nowrap min-w-0 ${this.getNumericClass()}">${numeric}</span>