@lukso/transaction-view-core 0.7.0 → 0.7.1-dev.4e0de64

package/dist/shared/index.d.cts

@@ -1,3 +1,4 @@
+export { safeCustomElement } from '@lukso/core/utils';
 import * as lit from 'lit';
 import { LitElement, ReactiveController, ReactiveControllerHost, TemplateResult } from 'lit';
 import { CoreLitElement } from '../styles/index.cjs';
@@ -559,34 +560,6 @@ declare global {
     }
 }
 
-/**
- * SSR-safe custom element decorator that prevents duplicate registration errors.
- *
- * ## Why this exists
- *
- * The standard `@customElement()` decorator from Lit will throw an error if
- * a component is registered twice. This can happen in SSR environments where:
- * - Components are dynamically imported via multiple paths
- * - HMR causes modules to be re-executed during development
- * - Server and client bundles both try to register components
- *
- * ## Usage
- *
- * Use this instead of `@customElement()`:
- * ```ts
- * import { safeCustomElement } from './safe-custom-element'
- *
- * @safeCustomElement('my-component')
- * export class MyComponent extends LitElement {
- *   // ...
- * }
- * ```
- *
- * @param tagName - The custom element tag name (must contain a hyphen)
- * @returns A class decorator that safely registers the element
- */
-declare function safeCustomElement(tagName: string): <T extends CustomElementConstructor>(classOrDescriptor: T) => T;
-
 /**
  * ScrollToBottomButton (core) - reusable scroll helper.
  * Emits `scroll-to-bottom` when clicked.
@@ -900,4 +873,4 @@ declare global {
     }
 }
 
-export { type AddressData$1 as AddressData, AddressDisplay, AddressView, CustomOption, CustomSelect, FunctionNameView, GasProviderView, IconView, type ImageLoadState, ImageLoaderController, MultiSignalController, NotificationView, type ProgressSegment, ProgressView, ScrollToBottomButton, type SelectOption, SignalController, TransactionSignalController, TransactionViewController, type TransactionViewState, UrlView, ValueView, safeCustomElement, useImageLoader, useSignal, useSignals, useTransactionSignal, useTransactionView };
+export { type AddressData$1 as AddressData, AddressDisplay, AddressView, CustomOption, CustomSelect, FunctionNameView, GasProviderView, IconView, type ImageLoadState, ImageLoaderController, MultiSignalController, NotificationView, type ProgressSegment, ProgressView, ScrollToBottomButton, type SelectOption, SignalController, TransactionSignalController, TransactionViewController, type TransactionViewState, UrlView, ValueView, useImageLoader, useSignal, useSignals, useTransactionSignal, useTransactionView };

package/dist/shared/index.d.ts

@@ -1,3 +1,4 @@
+export { safeCustomElement } from '@lukso/core/utils';
 import * as lit from 'lit';
 import { LitElement, ReactiveController, ReactiveControllerHost, TemplateResult } from 'lit';
 import { CoreLitElement } from '../styles/index.js';
@@ -559,34 +560,6 @@ declare global {
     }
 }
 
-/**
- * SSR-safe custom element decorator that prevents duplicate registration errors.
- *
- * ## Why this exists
- *
- * The standard `@customElement()` decorator from Lit will throw an error if
- * a component is registered twice. This can happen in SSR environments where:
- * - Components are dynamically imported via multiple paths
- * - HMR causes modules to be re-executed during development
- * - Server and client bundles both try to register components
- *
- * ## Usage
- *
- * Use this instead of `@customElement()`:
- * ```ts
- * import { safeCustomElement } from './safe-custom-element'
- *
- * @safeCustomElement('my-component')
- * export class MyComponent extends LitElement {
- *   // ...
- * }
- * ```
- *
- * @param tagName - The custom element tag name (must contain a hyphen)
- * @returns A class decorator that safely registers the element
- */
-declare function safeCustomElement(tagName: string): <T extends CustomElementConstructor>(classOrDescriptor: T) => T;
-
 /**
  * ScrollToBottomButton (core) - reusable scroll helper.
  * Emits `scroll-to-bottom` when clicked.
@@ -900,4 +873,4 @@ declare global {
     }
 }
 
-export { type AddressData$1 as AddressData, AddressDisplay, AddressView, CustomOption, CustomSelect, FunctionNameView, GasProviderView, IconView, type ImageLoadState, ImageLoaderController, MultiSignalController, NotificationView, type ProgressSegment, ProgressView, ScrollToBottomButton, type SelectOption, SignalController, TransactionSignalController, TransactionViewController, type TransactionViewState, UrlView, ValueView, safeCustomElement, useImageLoader, useSignal, useSignals, useTransactionSignal, useTransactionView };
+export { type AddressData$1 as AddressData, AddressDisplay, AddressView, CustomOption, CustomSelect, FunctionNameView, GasProviderView, IconView, type ImageLoadState, ImageLoaderController, MultiSignalController, NotificationView, type ProgressSegment, ProgressView, ScrollToBottomButton, type SelectOption, SignalController, TransactionSignalController, TransactionViewController, type TransactionViewState, UrlView, ValueView, useImageLoader, useSignal, useSignals, useTransactionSignal, useTransactionView };

package/dist/shared/index.js

@@ -9,26 +9,18 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 
+// src/shared/index.ts
+import { safeCustomElement as safeCustomElement12 } from "@lukso/core/utils";
+
 // src/shared/address-display.ts
 import { Task } from "@lit/task";
+import { safeCustomElement } from "@lukso/core/utils";
 import {
   useAddressResolver,
   useImageLoader
 } from "@lukso/transaction-view-headless";
 import { css, html, LitElement } from "lit";
 import { property } from "lit/decorators.js";
-
-// src/shared/safe-custom-element.ts
-function safeCustomElement(tagName) {
-  return (classOrDescriptor) => {
-    if (typeof customElements !== "undefined" && !customElements.get(tagName)) {
-      customElements.define(tagName, classOrDescriptor);
-    }
-    return classOrDescriptor;
-  };
-}
-
-// src/shared/address-display.ts
 var AddressDisplay = class extends LitElement {
   constructor() {
     super(...arguments);
@@ -303,6 +295,7 @@ AddressDisplay = __decorateClass([
 
 // src/shared/address-view.ts
 import { Task as Task2 } from "@lit/task";
+import { safeCustomElement as safeCustomElement2 } from "@lukso/core/utils";
 import { useAddressResolver as useAddressResolver2 } from "@lukso/transaction-view-headless";
 import makeBlockie from "ethereum-blockies-base64";
 import { html as html2 } from "lit";
@@ -643,10 +636,11 @@ __decorateClass([
   state()
 ], AddressView.prototype, "identicon", 2);
 AddressView = __decorateClass([
-  safeCustomElement("address-view")
+  safeCustomElement2("address-view")
 ], AddressView);
 
 // src/shared/custom-select.ts
+import { safeCustomElement as safeCustomElement3 } from "@lukso/core/utils";
 import { html as html3 } from "lit";
 import { property as property3 } from "lit/decorators.js";
 import makeBlockie2 from "ethereum-blockies-base64";
@@ -675,7 +669,7 @@ __decorateClass([
   property3({ type: Boolean, reflect: true })
 ], CustomOption.prototype, "hoverable", 2);
 CustomOption = __decorateClass([
-  safeCustomElement("custom-option")
+  safeCustomElement3("custom-option")
 ], CustomOption);
 var CustomSelect = class extends CoreLitElement {
   constructor() {
@@ -792,10 +786,11 @@ __decorateClass([
   property3({ type: String })
 ], CustomSelect.prototype, "size", 2);
 CustomSelect = __decorateClass([
-  safeCustomElement("custom-select")
+  safeCustomElement3("custom-select")
 ], CustomSelect);
 
 // src/shared/function-name-view.ts
+import { safeCustomElement as safeCustomElement4 } from "@lukso/core/utils";
 import { html as html4 } from "lit";
 import { property as property4 } from "lit/decorators.js";
 var FunctionNameView = class extends CoreLitElement {
@@ -872,10 +867,11 @@ __decorateClass([
   property4({ attribute: "color" })
 ], FunctionNameView.prototype, "color", 2);
 FunctionNameView = __decorateClass([
-  safeCustomElement("function-name-view")
+  safeCustomElement4("function-name-view")
 ], FunctionNameView);
 
 // src/shared/gas-provider-view.ts
+import { safeCustomElement as safeCustomElement5 } from "@lukso/core/utils";
 import { html as html5 } from "lit";
 import { property as property5 } from "lit/decorators.js";
 var GasProviderView = class extends CoreLitElement {
@@ -1049,11 +1045,12 @@ __decorateClass([
   property5({ attribute: "relayer-reset-date", reflect: true })
 ], GasProviderView.prototype, "relayerResetDate", 2);
 GasProviderView = __decorateClass([
-  safeCustomElement("gas-provider-view")
+  safeCustomElement5("gas-provider-view")
 ], GasProviderView);
 
 // src/shared/icon-view.ts
 import { Task as Task3 } from "@lit/task";
+import { safeCustomElement as safeCustomElement6 } from "@lukso/core/utils";
 import {
   useAddressResolver as useAddressResolver3,
   useImageLoader as useImageLoader2
@@ -1238,7 +1235,7 @@ __decorateClass([
   property6({ type: Number, attribute: "image-index" })
 ], IconView.prototype, "imageIndex", 2);
 IconView = __decorateClass([
-  safeCustomElement("icon-view")
+  safeCustomElement6("icon-view")
 ], IconView);
 
 // src/shared/image-loader-controller.ts
@@ -1344,6 +1341,7 @@ function useImageLoader3(host) {
 }
 
 // src/shared/notification-view.ts
+import { safeCustomElement as safeCustomElement7 } from "@lukso/core/utils";
 import { html as html7 } from "lit";
 import { property as property7, state as state2 } from "lit/decorators.js";
 var NotificationView = class extends CoreLitElement {
@@ -1461,10 +1459,11 @@ __decorateClass([
   property7({ type: Boolean, reflect: true })
 ], NotificationView.prototype, "checked", 2);
 NotificationView = __decorateClass([
-  safeCustomElement("notification-view")
+  safeCustomElement7("notification-view")
 ], NotificationView);
 
 // src/shared/progress-view.ts
+import { safeCustomElement as safeCustomElement8 } from "@lukso/core/utils";
 import { html as html8 } from "lit";
 import { property as property8 } from "lit/decorators.js";
 var ProgressView = class extends CoreLitElement {
@@ -1525,10 +1524,11 @@ __decorateClass([
   property8({ attribute: "label-position" })
 ], ProgressView.prototype, "labelPosition", 2);
 ProgressView = __decorateClass([
-  safeCustomElement("progress-view")
+  safeCustomElement8("progress-view")
 ], ProgressView);
 
 // src/shared/scroll-to-bottom-button.ts
+import { safeCustomElement as safeCustomElement9 } from "@lukso/core/utils";
 import { html as html9 } from "lit";
 import { property as property9 } from "lit/decorators.js";
 var ScrollToBottomButton = class extends CoreLitElement {
@@ -1569,7 +1569,7 @@ __decorateClass([
   property9({ attribute: "icon-name" })
 ], ScrollToBottomButton.prototype, "iconName", 2);
 ScrollToBottomButton = __decorateClass([
-  safeCustomElement("scroll-to-bottom-button")
+  safeCustomElement9("scroll-to-bottom-button")
 ], ScrollToBottomButton);
 
 // src/shared/signal-controller.ts
@@ -1877,6 +1877,7 @@ function useTransactionSignal(host, signal) {
 }
 
 // src/shared/url-view.ts
+import { safeCustomElement as safeCustomElement10 } from "@lukso/core/utils";
 import { html as html10 } from "lit";
 import { property as property10, state as state3 } from "lit/decorators.js";
 var UrlView = class extends CoreLitElement {
@@ -1986,11 +1987,12 @@ __decorateClass([
   state3()
 ], UrlView.prototype, "displayName", 2);
 UrlView = __decorateClass([
-  safeCustomElement("url-view")
+  safeCustomElement10("url-view")
 ], UrlView);
 
 // src/shared/value-view.ts
 import { Task as Task4 } from "@lit/task";
+import { safeCustomElement as safeCustomElement11 } from "@lukso/core/utils";
 import { useAddressResolver as useAddressResolver4 } from "@lukso/transaction-view-headless";
 import { html as html11 } from "lit";
 import { property as property11, state as state4 } from "lit/decorators.js";
@@ -2375,7 +2377,7 @@ __decorateClass([
   state4()
 ], ValueView.prototype, "_hasSlotContent", 2);
 ValueView = __decorateClass([
-  safeCustomElement("value-view")
+  safeCustomElement11("value-view")
 ], ValueView);
 export {
   AddressDisplay,
@@ -2395,7 +2397,7 @@ export {
   TransactionViewController,
   UrlView,
   ValueView,
-  safeCustomElement,
+  safeCustomElement12 as safeCustomElement,
   useImageLoader3 as useImageLoader,
   useSignal,
   useSignals,