@directcryptopay/sdk 0.2.2 → 0.2.4

package/dist/index-BwnXTNNg.js

@@ -1,199 +0,0 @@
-import { cE as h, cH as p, cI as w, cF as x, cG as m } from "./index-BJ7cbG3N.js";
-import { n as t, c as g, U as f } from "./if-defined-CNte9B3N.js";
-import "./index-CmWdvIFT.js";
-const b = h`
-  button {
-    padding: 6.5px var(--wui-spacing-l) 6.5px var(--wui-spacing-xs);
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    border-radius: var(--wui-border-radius-xs);
-    background-color: var(--wui-color-gray-glass-002);
-  }
-
-  button[data-clickable='false'] {
-    pointer-events: none;
-    background-color: transparent;
-  }
-
-  wui-image,
-  wui-icon {
-    width: var(--wui-spacing-3xl);
-    height: var(--wui-spacing-3xl);
-  }
-
-  wui-image {
-    border-radius: var(--wui-border-radius-3xl);
-  }
-`;
-var u = function(a, o, r, i) {
-  var l = arguments.length, e = l < 3 ? o : i === null ? i = Object.getOwnPropertyDescriptor(o, r) : i, c;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") e = Reflect.decorate(a, o, r, i);
-  else for (var s = a.length - 1; s >= 0; s--) (c = a[s]) && (e = (l < 3 ? c(e) : l > 3 ? c(o, r, e) : c(o, r)) || e);
-  return l > 3 && e && Object.defineProperty(o, r, e), e;
-};
-let n = class extends x {
-  constructor() {
-    super(...arguments), this.tokenName = "", this.tokenImageUrl = "", this.tokenValue = 0, this.tokenAmount = "0.0", this.tokenCurrency = "", this.clickable = !1;
-  }
-  render() {
-    return m`
-      <button data-clickable=${String(this.clickable)}>
-        <wui-flex gap="s" alignItems="center">
-          ${this.visualTemplate()}
-          <wui-flex flexDirection="column" justifyContent="spaceBetween">
-            <wui-text variant="paragraph-500" color="fg-100">${this.tokenName}</wui-text>
-            <wui-text variant="small-400" color="fg-200">
-              ${f.formatNumberToLocalString(this.tokenAmount, 4)} ${this.tokenCurrency}
-            </wui-text>
-          </wui-flex>
-        </wui-flex>
-        <wui-text variant="paragraph-500" color="fg-100">$${this.tokenValue.toFixed(2)}</wui-text>
-      </button>
-    `;
-  }
-  visualTemplate() {
-    return this.tokenName && this.tokenImageUrl ? m`<wui-image alt=${this.tokenName} src=${this.tokenImageUrl}></wui-image>` : m`<wui-icon name="coinPlaceholder" color="fg-100"></wui-icon>`;
-  }
-};
-n.styles = [p, w, b];
-u([
-  t()
-], n.prototype, "tokenName", void 0);
-u([
-  t()
-], n.prototype, "tokenImageUrl", void 0);
-u([
-  t({ type: Number })
-], n.prototype, "tokenValue", void 0);
-u([
-  t()
-], n.prototype, "tokenAmount", void 0);
-u([
-  t()
-], n.prototype, "tokenCurrency", void 0);
-u([
-  t({ type: Boolean })
-], n.prototype, "clickable", void 0);
-n = u([
-  g("wui-list-token")
-], n);
-const y = h`
-  :host {
-    display: block;
-    width: var(--local-width);
-    height: var(--local-height);
-    border-radius: var(--wui-border-radius-3xl);
-    box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
-    overflow: hidden;
-    position: relative;
-  }
-
-  :host([data-variant='generated']) {
-    --mixed-local-color-1: var(--local-color-1);
-    --mixed-local-color-2: var(--local-color-2);
-    --mixed-local-color-3: var(--local-color-3);
-    --mixed-local-color-4: var(--local-color-4);
-    --mixed-local-color-5: var(--local-color-5);
-  }
-
-  @supports (background: color-mix(in srgb, white 50%, black)) {
-    :host([data-variant='generated']) {
-      --mixed-local-color-1: color-mix(
-        in srgb,
-        var(--w3m-color-mix) var(--w3m-color-mix-strength),
-        var(--local-color-1)
-      );
-      --mixed-local-color-2: color-mix(
-        in srgb,
-        var(--w3m-color-mix) var(--w3m-color-mix-strength),
-        var(--local-color-2)
-      );
-      --mixed-local-color-3: color-mix(
-        in srgb,
-        var(--w3m-color-mix) var(--w3m-color-mix-strength),
-        var(--local-color-3)
-      );
-      --mixed-local-color-4: color-mix(
-        in srgb,
-        var(--w3m-color-mix) var(--w3m-color-mix-strength),
-        var(--local-color-4)
-      );
-      --mixed-local-color-5: color-mix(
-        in srgb,
-        var(--w3m-color-mix) var(--w3m-color-mix-strength),
-        var(--local-color-5)
-      );
-    }
-  }
-
-  :host([data-variant='generated']) {
-    box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
-    background: radial-gradient(
-      var(--local-radial-circle),
-      #fff 0.52%,
-      var(--mixed-local-color-5) 31.25%,
-      var(--mixed-local-color-3) 51.56%,
-      var(--mixed-local-color-2) 65.63%,
-      var(--mixed-local-color-1) 82.29%,
-      var(--mixed-local-color-4) 100%
-    );
-  }
-
-  :host([data-variant='default']) {
-    box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);
-    background: radial-gradient(
-      75.29% 75.29% at 64.96% 24.36%,
-      #fff 0.52%,
-      #f5ccfc 31.25%,
-      #dba4f5 51.56%,
-      #9a8ee8 65.63%,
-      #6493da 82.29%,
-      #6ebdea 100%
-    );
-  }
-`;
-var v = function(a, o, r, i) {
-  var l = arguments.length, e = l < 3 ? o : i === null ? i = Object.getOwnPropertyDescriptor(o, r) : i, c;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") e = Reflect.decorate(a, o, r, i);
-  else for (var s = a.length - 1; s >= 0; s--) (c = a[s]) && (e = (l < 3 ? c(e) : l > 3 ? c(o, r, e) : c(o, r)) || e);
-  return l > 3 && e && Object.defineProperty(o, r, e), e;
-};
-let d = class extends x {
-  constructor() {
-    super(...arguments), this.imageSrc = void 0, this.alt = void 0, this.address = void 0, this.size = "xl";
-  }
-  render() {
-    return this.style.cssText = `
-    --local-width: var(--wui-icon-box-size-${this.size});
-    --local-height: var(--wui-icon-box-size-${this.size});
-    `, m`${this.visualTemplate()}`;
-  }
-  visualTemplate() {
-    if (this.imageSrc)
-      return this.dataset.variant = "image", m`<wui-image src=${this.imageSrc} alt=${this.alt ?? "avatar"}></wui-image>`;
-    if (this.address) {
-      this.dataset.variant = "generated";
-      const o = f.generateAvatarColors(this.address);
-      return this.style.cssText += `
- ${o}`, null;
-    }
-    return this.dataset.variant = "default", null;
-  }
-};
-d.styles = [p, y];
-v([
-  t()
-], d.prototype, "imageSrc", void 0);
-v([
-  t()
-], d.prototype, "alt", void 0);
-v([
-  t()
-], d.prototype, "address", void 0);
-v([
-  t()
-], d.prototype, "size", void 0);
-d = v([
-  g("wui-avatar")
-], d);

package/dist/index-C0kPDbg_.js

@@ -1,77 +0,0 @@
-import { cE as d, cF as g, cG as h } from "./index-BJ7cbG3N.js";
-import { n, c as b } from "./if-defined-CNte9B3N.js";
-const p = d`
-  :host {
-    display: block;
-    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
-    background: linear-gradient(
-      120deg,
-      var(--wui-color-bg-200) 5%,
-      var(--wui-color-bg-200) 48%,
-      var(--wui-color-bg-300) 55%,
-      var(--wui-color-bg-300) 60%,
-      var(--wui-color-bg-300) calc(60% + 10px),
-      var(--wui-color-bg-200) calc(60% + 12px),
-      var(--wui-color-bg-200) 100%
-    );
-    background-size: 250%;
-    animation: shimmer 3s linear infinite reverse;
-  }
-
-  :host([variant='light']) {
-    background: linear-gradient(
-      120deg,
-      var(--wui-color-bg-150) 5%,
-      var(--wui-color-bg-150) 48%,
-      var(--wui-color-bg-200) 55%,
-      var(--wui-color-bg-200) 60%,
-      var(--wui-color-bg-200) calc(60% + 10px),
-      var(--wui-color-bg-150) calc(60% + 12px),
-      var(--wui-color-bg-150) 100%
-    );
-    background-size: 250%;
-  }
-
-  @keyframes shimmer {
-    from {
-      background-position: -250% 0;
-    }
-    to {
-      background-position: 250% 0;
-    }
-  }
-`;
-var t = function(a, i, e, c) {
-  var s = arguments.length, r = s < 3 ? i : c === null ? c = Object.getOwnPropertyDescriptor(i, e) : c, l;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(a, i, e, c);
-  else for (var u = a.length - 1; u >= 0; u--) (l = a[u]) && (r = (s < 3 ? l(r) : s > 3 ? l(i, e, r) : l(i, e)) || r);
-  return s > 3 && r && Object.defineProperty(i, e, r), r;
-};
-let o = class extends g {
-  constructor() {
-    super(...arguments), this.width = "", this.height = "", this.borderRadius = "m", this.variant = "default";
-  }
-  render() {
-    return this.style.cssText = `
-      width: ${this.width};
-      height: ${this.height};
-      border-radius: ${`clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px)`};
-    `, h`<slot></slot>`;
-  }
-};
-o.styles = [p];
-t([
-  n()
-], o.prototype, "width", void 0);
-t([
-  n()
-], o.prototype, "height", void 0);
-t([
-  n()
-], o.prototype, "borderRadius", void 0);
-t([
-  n()
-], o.prototype, "variant", void 0);
-o = t([
-  b("wui-shimmer")
-], o);

package/dist/index-CKikVKe2.js

@@ -1,75 +0,0 @@
-import { cE as h, cH as g, cI as p, cF as v, cG as x } from "./index-BJ7cbG3N.js";
-import { n as c, c as f } from "./if-defined-CNte9B3N.js";
-const y = h`
-  :host {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    overflow: hidden;
-    background-color: var(--wui-color-gray-glass-020);
-    border-radius: var(--local-border-radius);
-    border: var(--local-border);
-    box-sizing: content-box;
-    width: var(--local-size);
-    height: var(--local-size);
-    min-height: var(--local-size);
-    min-width: var(--local-size);
-  }
-
-  @supports (background: color-mix(in srgb, white 50%, black)) {
-    :host {
-      background-color: color-mix(in srgb, var(--local-bg-value) var(--local-bg-mix), transparent);
-    }
-  }
-`;
-var i = function(d, e, t, l) {
-  var a = arguments.length, r = a < 3 ? e : l === null ? l = Object.getOwnPropertyDescriptor(e, t) : l, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(d, e, t, l);
-  else for (var s = d.length - 1; s >= 0; s--) (n = d[s]) && (r = (a < 3 ? n(r) : a > 3 ? n(e, t, r) : n(e, t)) || r);
-  return a > 3 && r && Object.defineProperty(e, t, r), r;
-};
-let o = class extends v {
-  constructor() {
-    super(...arguments), this.size = "md", this.backgroundColor = "accent-100", this.iconColor = "accent-100", this.background = "transparent", this.border = !1, this.borderColor = "wui-color-bg-125", this.icon = "copy";
-  }
-  render() {
-    const e = this.iconSize || this.size, t = this.size === "lg", l = this.size === "xl", a = t ? "12%" : "16%", r = t ? "xxs" : l ? "s" : "3xl", n = this.background === "gray", s = this.background === "opaque", b = this.backgroundColor === "accent-100" && s || this.backgroundColor === "success-100" && s || this.backgroundColor === "error-100" && s || this.backgroundColor === "inverse-100" && s;
-    let u = `var(--wui-color-${this.backgroundColor})`;
-    return b ? u = `var(--wui-icon-box-bg-${this.backgroundColor})` : n && (u = `var(--wui-color-gray-${this.backgroundColor})`), this.style.cssText = `
-       --local-bg-value: ${u};
-       --local-bg-mix: ${b || n ? "100%" : a};
-       --local-border-radius: var(--wui-border-radius-${r});
-       --local-size: var(--wui-icon-box-size-${this.size});
-       --local-border: ${this.borderColor === "wui-color-bg-125" ? "2px" : "1px"} solid ${this.border ? `var(--${this.borderColor})` : "transparent"}
-   `, x` <wui-icon color=${this.iconColor} size=${e} name=${this.icon}></wui-icon> `;
-  }
-};
-o.styles = [g, p, y];
-i([
-  c()
-], o.prototype, "size", void 0);
-i([
-  c()
-], o.prototype, "backgroundColor", void 0);
-i([
-  c()
-], o.prototype, "iconColor", void 0);
-i([
-  c()
-], o.prototype, "iconSize", void 0);
-i([
-  c()
-], o.prototype, "background", void 0);
-i([
-  c({ type: Boolean })
-], o.prototype, "border", void 0);
-i([
-  c()
-], o.prototype, "borderColor", void 0);
-i([
-  c()
-], o.prototype, "icon", void 0);
-o = i([
-  f("wui-icon-box")
-], o);

package/dist/index-ChVh0Hkp.js

@@ -1,243 +0,0 @@
-import { cE as p, cF as h, cJ as l, cK as o, cG as e } from "./index-BJ7cbG3N.js";
-import { r as u, c as d } from "./if-defined-CNte9B3N.js";
-import { T as g } from "./index-BYND0GJ9.js";
-const f = p`
-  :host {
-    --prev-height: 0px;
-    --new-height: 0px;
-    display: block;
-  }
-
-  div.w3m-router-container {
-    transform: translateY(0);
-    opacity: 1;
-  }
-
-  div.w3m-router-container[view-direction='prev'] {
-    animation:
-      slide-left-out 150ms forwards ease,
-      slide-left-in 150ms forwards ease;
-    animation-delay: 0ms, 200ms;
-  }
-
-  div.w3m-router-container[view-direction='next'] {
-    animation:
-      slide-right-out 150ms forwards ease,
-      slide-right-in 150ms forwards ease;
-    animation-delay: 0ms, 200ms;
-  }
-
-  @keyframes slide-left-out {
-    from {
-      transform: translateX(0px);
-      opacity: 1;
-    }
-    to {
-      transform: translateX(10px);
-      opacity: 0;
-    }
-  }
-
-  @keyframes slide-left-in {
-    from {
-      transform: translateX(-10px);
-      opacity: 0;
-    }
-    to {
-      transform: translateX(0);
-      opacity: 1;
-    }
-  }
-
-  @keyframes slide-right-out {
-    from {
-      transform: translateX(0px);
-      opacity: 1;
-    }
-    to {
-      transform: translateX(-10px);
-      opacity: 0;
-    }
-  }
-
-  @keyframes slide-right-in {
-    from {
-      transform: translateX(10px);
-      opacity: 0;
-    }
-    to {
-      transform: translateX(0);
-      opacity: 1;
-    }
-  }
-`;
-var v = function(s, t, i, r) {
-  var w = arguments.length, a = w < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, i) : r, c;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(s, t, i, r);
-  else for (var m = s.length - 1; m >= 0; m--) (c = s[m]) && (a = (w < 3 ? c(a) : w > 3 ? c(t, i, a) : c(t, i)) || a);
-  return w > 3 && a && Object.defineProperty(t, i, a), a;
-};
-let n = class extends h {
-  constructor() {
-    super(), this.resizeObserver = void 0, this.prevHeight = "0px", this.prevHistoryLength = 1, this.unsubscribe = [], this.view = l.state.view, this.viewDirection = "", this.unsubscribe.push(l.subscribeKey("view", (t) => this.onViewChange(t)));
-  }
-  firstUpdated() {
-    var t;
-    this.resizeObserver = new ResizeObserver(([i]) => {
-      const r = `${i == null ? void 0 : i.contentRect.height}px`;
-      this.prevHeight !== "0px" && (this.style.setProperty("--prev-height", this.prevHeight), this.style.setProperty("--new-height", r), this.style.animation = "w3m-view-height 150ms forwards ease", this.style.height = "auto"), setTimeout(() => {
-        this.prevHeight = r, this.style.animation = "unset";
-      }, o.ANIMATION_DURATIONS.ModalHeight);
-    }), (t = this.resizeObserver) == null || t.observe(this.getWrapper());
-  }
-  disconnectedCallback() {
-    var t;
-    (t = this.resizeObserver) == null || t.unobserve(this.getWrapper()), this.unsubscribe.forEach((i) => i());
-  }
-  render() {
-    return e`<div class="w3m-router-container" view-direction="${this.viewDirection}">
-      ${this.viewTemplate()}
-    </div>`;
-  }
-  viewTemplate() {
-    switch (this.view) {
-      case "AccountSettings":
-        return e`<w3m-account-settings-view></w3m-account-settings-view>`;
-      case "Account":
-        return e`<w3m-account-view></w3m-account-view>`;
-      case "AllWallets":
-        return e`<w3m-all-wallets-view></w3m-all-wallets-view>`;
-      case "ApproveTransaction":
-        return e`<w3m-approve-transaction-view></w3m-approve-transaction-view>`;
-      case "BuyInProgress":
-        return e`<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;
-      case "ChooseAccountName":
-        return e`<w3m-choose-account-name-view></w3m-choose-account-name-view>`;
-      case "Connect":
-        return e`<w3m-connect-view></w3m-connect-view>`;
-      case "Create":
-        return e`<w3m-connect-view walletGuide="explore"></w3m-connect-view>`;
-      case "ConnectingWalletConnect":
-        return e`<w3m-connecting-wc-view></w3m-connecting-wc-view>`;
-      case "ConnectingWalletConnectBasic":
-        return e`<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;
-      case "ConnectingExternal":
-        return e`<w3m-connecting-external-view></w3m-connecting-external-view>`;
-      case "ConnectingSiwe":
-        return e`<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;
-      case "ConnectWallets":
-        return e`<w3m-connect-wallets-view></w3m-connect-wallets-view>`;
-      case "ConnectSocials":
-        return e`<w3m-connect-socials-view></w3m-connect-socials-view>`;
-      case "ConnectingSocial":
-        return e`<w3m-connecting-social-view></w3m-connecting-social-view>`;
-      case "Downloads":
-        return e`<w3m-downloads-view></w3m-downloads-view>`;
-      case "EmailLogin":
-        return e`<w3m-email-login-view></w3m-email-login-view>`;
-      case "EmailVerifyOtp":
-        return e`<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;
-      case "EmailVerifyDevice":
-        return e`<w3m-email-verify-device-view></w3m-email-verify-device-view>`;
-      case "GetWallet":
-        return e`<w3m-get-wallet-view></w3m-get-wallet-view>`;
-      case "Networks":
-        return e`<w3m-networks-view></w3m-networks-view>`;
-      case "SwitchNetwork":
-        return e`<w3m-network-switch-view></w3m-network-switch-view>`;
-      case "Profile":
-        return e`<w3m-profile-view></w3m-profile-view>`;
-      case "SwitchAddress":
-        return e`<w3m-switch-address-view></w3m-switch-address-view>`;
-      case "Transactions":
-        return e`<w3m-transactions-view></w3m-transactions-view>`;
-      case "OnRampProviders":
-        return e`<w3m-onramp-providers-view></w3m-onramp-providers-view>`;
-      case "OnRampActivity":
-        return e`<w3m-onramp-activity-view></w3m-onramp-activity-view>`;
-      case "OnRampTokenSelect":
-        return e`<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;
-      case "OnRampFiatSelect":
-        return e`<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;
-      case "UpgradeEmailWallet":
-        return e`<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;
-      case "UpdateEmailWallet":
-        return e`<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;
-      case "UpdateEmailPrimaryOtp":
-        return e`<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;
-      case "UpdateEmailSecondaryOtp":
-        return e`<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;
-      case "UnsupportedChain":
-        return e`<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;
-      case "Swap":
-        return e`<w3m-swap-view></w3m-swap-view>`;
-      case "SwapSelectToken":
-        return e`<w3m-swap-select-token-view></w3m-swap-select-token-view>`;
-      case "SwapPreview":
-        return e`<w3m-swap-preview-view></w3m-swap-preview-view>`;
-      case "WalletSend":
-        return e`<w3m-wallet-send-view></w3m-wallet-send-view>`;
-      case "WalletSendSelectToken":
-        return e`<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;
-      case "WalletSendPreview":
-        return e`<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;
-      case "WhatIsABuy":
-        return e`<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;
-      case "WalletReceive":
-        return e`<w3m-wallet-receive-view></w3m-wallet-receive-view>`;
-      case "WalletCompatibleNetworks":
-        return e`<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;
-      case "WhatIsAWallet":
-        return e`<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;
-      case "ConnectingMultiChain":
-        return e`<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;
-      case "WhatIsANetwork":
-        return e`<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;
-      case "ConnectingFarcaster":
-        return e`<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;
-      case "SwitchActiveChain":
-        return e`<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;
-      case "RegisterAccountName":
-        return e`<w3m-register-account-name-view></w3m-register-account-name-view>`;
-      case "RegisterAccountNameSuccess":
-        return e`<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;
-      case "SmartSessionCreated":
-        return e`<w3m-smart-session-created-view></w3m-smart-session-created-view>`;
-      case "SmartSessionList":
-        return e`<w3m-smart-session-list-view></w3m-smart-session-list-view>`;
-      case "SIWXSignMessage":
-        return e`<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;
-      case "Pay":
-        return e`<w3m-pay-view></w3m-pay-view>`;
-      case "PayLoading":
-        return e`<w3m-pay-loading-view></w3m-pay-loading-view>`;
-      default:
-        return e`<w3m-connect-view></w3m-connect-view>`;
-    }
-  }
-  onViewChange(t) {
-    g.hide();
-    let i = o.VIEW_DIRECTION.Next;
-    const { history: r } = l.state;
-    r.length < this.prevHistoryLength && (i = o.VIEW_DIRECTION.Prev), this.prevHistoryLength = r.length, this.viewDirection = i, setTimeout(() => {
-      this.view = t;
-    }, o.ANIMATION_DURATIONS.ViewTransition);
-  }
-  getWrapper() {
-    var t;
-    return (t = this.shadowRoot) == null ? void 0 : t.querySelector("div");
-  }
-};
-n.styles = f;
-v([
-  u()
-], n.prototype, "view", void 0);
-v([
-  u()
-], n.prototype, "viewDirection", void 0);
-n = v([
-  d("w3m-router")
-], n);
-export {
-  n as W
-};