@lukso/transaction-view-core 0.7.0-dev.717f495 → 0.7.0

package/dist/index.d.cts

@@ -1,5 +1,4 @@
-export { safeCustomElement } from '@lukso/core/utils';
-export { AddressData, AddressDisplay, AddressView, CustomOption, CustomSelect, FunctionNameView, GasProviderView, IconView, ImageLoadState, ImageLoaderController, MultiSignalController, NotificationView, ProgressSegment, ProgressView, ScrollToBottomButton, SelectOption, SignalController, TransactionSignalController, TransactionViewController, TransactionViewState, UrlView, ValueView, useImageLoader, useSignal, useSignals, useTransactionSignal, useTransactionView } from './shared/index.cjs';
+export { AddressData, AddressDisplay, AddressView, CustomOption, CustomSelect, FunctionNameView, GasProviderView, IconView, ImageLoadState, ImageLoaderController, MultiSignalController, NotificationView, ProgressSegment, ProgressView, ScrollToBottomButton, SelectOption, SignalController, TransactionSignalController, TransactionViewController, TransactionViewState, UrlView, ValueView, safeCustomElement, useImageLoader, useSignal, useSignals, useTransactionSignal, useTransactionView } from './shared/index.cjs';
 import * as lit from 'lit';
 import { LitElement, PropertyValues } from 'lit';
 import { CoreLitElement } from './styles/index.cjs';

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-export { safeCustomElement } from '@lukso/core/utils';
-export { AddressData, AddressDisplay, AddressView, CustomOption, CustomSelect, FunctionNameView, GasProviderView, IconView, ImageLoadState, ImageLoaderController, MultiSignalController, NotificationView, ProgressSegment, ProgressView, ScrollToBottomButton, SelectOption, SignalController, TransactionSignalController, TransactionViewController, TransactionViewState, UrlView, ValueView, useImageLoader, useSignal, useSignals, useTransactionSignal, useTransactionView } from './shared/index.js';
+export { AddressData, AddressDisplay, AddressView, CustomOption, CustomSelect, FunctionNameView, GasProviderView, IconView, ImageLoadState, ImageLoaderController, MultiSignalController, NotificationView, ProgressSegment, ProgressView, ScrollToBottomButton, SelectOption, SignalController, TransactionSignalController, TransactionViewController, TransactionViewState, UrlView, ValueView, safeCustomElement, useImageLoader, useSignal, useSignals, useTransactionSignal, useTransactionView } from './shared/index.js';
 import * as lit from 'lit';
 import { LitElement, PropertyValues } from 'lit';
 import { CoreLitElement } from './styles/index.js';

package/dist/index.js

@@ -9,18 +9,26 @@ 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);
@@ -295,7 +303,6 @@ 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";
@@ -636,11 +643,10 @@ __decorateClass([
   state()
 ], AddressView.prototype, "identicon", 2);
 AddressView = __decorateClass([
-  safeCustomElement2("address-view")
+  safeCustomElement("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";
@@ -669,7 +675,7 @@ __decorateClass([
   property3({ type: Boolean, reflect: true })
 ], CustomOption.prototype, "hoverable", 2);
 CustomOption = __decorateClass([
-  safeCustomElement3("custom-option")
+  safeCustomElement("custom-option")
 ], CustomOption);
 var CustomSelect = class extends CoreLitElement {
   constructor() {
@@ -786,11 +792,10 @@ __decorateClass([
   property3({ type: String })
 ], CustomSelect.prototype, "size", 2);
 CustomSelect = __decorateClass([
-  safeCustomElement3("custom-select")
+  safeCustomElement("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 {
@@ -867,11 +872,10 @@ __decorateClass([
   property4({ attribute: "color" })
 ], FunctionNameView.prototype, "color", 2);
 FunctionNameView = __decorateClass([
-  safeCustomElement4("function-name-view")
+  safeCustomElement("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 {
@@ -1045,12 +1049,11 @@ __decorateClass([
   property5({ attribute: "relayer-reset-date", reflect: true })
 ], GasProviderView.prototype, "relayerResetDate", 2);
 GasProviderView = __decorateClass([
-  safeCustomElement5("gas-provider-view")
+  safeCustomElement("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
@@ -1235,7 +1238,7 @@ __decorateClass([
   property6({ type: Number, attribute: "image-index" })
 ], IconView.prototype, "imageIndex", 2);
 IconView = __decorateClass([
-  safeCustomElement6("icon-view")
+  safeCustomElement("icon-view")
 ], IconView);
 
 // src/shared/image-loader-controller.ts
@@ -1341,7 +1344,6 @@ 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 {
@@ -1459,11 +1461,10 @@ __decorateClass([
   property7({ type: Boolean, reflect: true })
 ], NotificationView.prototype, "checked", 2);
 NotificationView = __decorateClass([
-  safeCustomElement7("notification-view")
+  safeCustomElement("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 {
@@ -1524,11 +1525,10 @@ __decorateClass([
   property8({ attribute: "label-position" })
 ], ProgressView.prototype, "labelPosition", 2);
 ProgressView = __decorateClass([
-  safeCustomElement8("progress-view")
+  safeCustomElement("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([
-  safeCustomElement9("scroll-to-bottom-button")
+  safeCustomElement("scroll-to-bottom-button")
 ], ScrollToBottomButton);
 
 // src/shared/signal-controller.ts
@@ -1877,7 +1877,6 @@ 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 {
@@ -1987,12 +1986,11 @@ __decorateClass([
   state3()
 ], UrlView.prototype, "displayName", 2);
 UrlView = __decorateClass([
-  safeCustomElement10("url-view")
+  safeCustomElement("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";
@@ -2399,12 +2397,11 @@ __decorateClass([
   state4()
 ], ValueView.prototype, "_hasSlotContent", 2);
 ValueView = __decorateClass([
-  safeCustomElement11("value-view")
+  safeCustomElement("value-view")
 ], ValueView);
 
 // src/shared/image-list.ts
 import { Task as Task5 } from "@lit/task";
-import { safeCustomElement as safeCustomElement13 } from "@lukso/core/utils";
 import { useAddressResolver as useAddressResolver5 } from "@lukso/transaction-view-headless";
 import { html as html12 } from "lit";
 import { property as property12, state as state5 } from "lit/decorators.js";
@@ -2585,11 +2582,10 @@ __decorateClass([
   state5()
 ], ImageList.prototype, "isLoading", 2);
 ImageList = __decorateClass([
-  safeCustomElement13("image-list")
+  safeCustomElement("image-list")
 ], ImageList);
 
 // src/components/info-panel.ts
-import { safeCustomElement as safeCustomElement14 } from "@lukso/core/utils";
 import { css as css3, html as html13, LitElement as LitElement3 } from "lit";
 import { property as property13, state as state6 } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -2966,7 +2962,7 @@ __decorateClass([
   state6()
 ], InfoPanel.prototype, "_resolvedData", 2);
 InfoPanel = __decorateClass([
-  safeCustomElement14("info-panel")
+  safeCustomElement("info-panel")
 ], InfoPanel);
 
 // src/components/asset-card.ts
@@ -2976,7 +2972,6 @@ import { repeat as repeat3 } from "lit/directives/repeat.js";
 import { when as when3 } from "lit/directives/when.js";
 import "@lukso/web-components/components";
 import { Task as Task6 } from "@lit/task";
-import { safeCustomElement as safeCustomElement15 } from "@lukso/core/utils";
 import {
   useAddressResolver as useAddressResolver6
 } from "@lukso/transaction-view-headless";
@@ -3323,11 +3318,10 @@ __decorateClass([
   state7()
 ], AssetCard.prototype, "_resolvedData", 2);
 AssetCard = __decorateClass([
-  safeCustomElement15("asset-card")
+  safeCustomElement("asset-card")
 ], AssetCard);
 
 // src/components/description-view.ts
-import { safeCustomElement as safeCustomElement16 } from "@lukso/core/utils";
 import { css as css4, html as html15, LitElement as LitElement4 } from "lit";
 import { property as property15 } from "lit/decorators.js";
 import { repeat as repeat4 } from "lit/directives/repeat.js";
@@ -3823,11 +3817,10 @@ __decorateClass([
   property15({ type: String })
 ], DescriptionView.prototype, "variant", 2);
 DescriptionView = __decorateClass([
-  safeCustomElement16("description-view")
+  safeCustomElement("description-view")
 ], DescriptionView);
 
 // src/components/universal-token-view.ts
-import { safeCustomElement as safeCustomElement17 } from "@lukso/core/utils";
 import { css as css5, html as html16, LitElement as LitElement5 } from "lit";
 import { property as property16, state as state8 } from "lit/decorators.js";
 import { when as when5 } from "lit/directives/when.js";
@@ -4040,11 +4033,10 @@ __decorateClass([
   state8()
 ], UniversalTokenView.prototype, "_infoPanelOpen", 2);
 UniversalTokenView = __decorateClass([
-  safeCustomElement17("universal-token-view")
+  safeCustomElement("universal-token-view")
 ], UniversalTokenView);
 
 // src/components/contract-card.ts
-import { safeCustomElement as safeCustomElement18 } from "@lukso/core/utils";
 import { css as css6, html as html17, LitElement as LitElement6 } from "lit";
 import { property as property17, state as state9 } from "lit/decorators.js";
 var ContractCard = class extends LitElement6 {
@@ -4149,11 +4141,10 @@ __decorateClass([
   state9()
 ], ContractCard.prototype, "_backgroundImageUrl", 2);
 ContractCard = __decorateClass([
-  safeCustomElement18("contract-card")
+  safeCustomElement("contract-card")
 ], ContractCard);
 
 // src/components/permissions-block.ts
-import { safeCustomElement as safeCustomElement19 } from "@lukso/core/utils";
 import { html as html18, nothing } from "lit";
 import { property as property18 } from "lit/decorators.js";
 var PermissionsBlock = class extends CoreLitElement {
@@ -4261,11 +4252,10 @@ __decorateClass([
   property18({ type: Array })
 ], PermissionsBlock.prototype, "permissions", 2);
 PermissionsBlock = __decorateClass([
-  safeCustomElement19("permissions-block")
+  safeCustomElement("permissions-block")
 ], PermissionsBlock);
 
 // src/components/transaction-playback.ts
-import { safeCustomElement as safeCustomElement20 } from "@lukso/core/utils";
 import {
   decodeTransaction,
   JSONbigString
@@ -4780,7 +4770,7 @@ __decorateClass([
   state10()
 ], TransactionPlayback.prototype, "decodedTransaction", 2);
 TransactionPlayback = __decorateClass([
-  safeCustomElement20("transaction-playback")
+  safeCustomElement("transaction-playback")
 ], TransactionPlayback);
 
 // src/registry/index.ts
@@ -4814,7 +4804,7 @@ export {
   getGlobalRegistry,
   resetGlobalLitLoader,
   resetGlobalRegistry,
-  safeCustomElement12 as safeCustomElement,
+  safeCustomElement,
   setGlobalLitLoader,
   setGlobalRegistry,
   useImageLoader3 as useImageLoader,