@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14

package/index-CNMDBpW7.js

@@ -0,0 +1,346 @@
+#!/usr/bin/env node
+"use strict";
+const bitcoin = require("./bitcoin-DAvQGpeP.js");
+const ifDefined = require("./if-defined-CJ5EZLw2.js");
+const ref = require("./ref-FGI2cUQB.js");
+const react = require("./react-BzZcQig5.js");
+const ConstantsUtil = require("./ConstantsUtil-CbnVdQ5P.js");
+const state = bitcoin.proxy({
+  isLegalCheckboxChecked: false
+});
+const OptionsStateController = {
+  state,
+  subscribe(callback) {
+    return bitcoin.subscribe(state, () => callback(state));
+  },
+  subscribeKey(key, callback) {
+    return bitcoin.subscribeKey(state, key, callback);
+  },
+  setIsLegalCheckboxChecked(isLegalCheckboxChecked) {
+    state.isLegalCheckboxChecked = isLegalCheckboxChecked;
+  }
+};
+const styles$3 = bitcoin.i`
+  label {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    column-gap: var(--wui-spacing-1xs);
+  }
+
+  label > input[type='checkbox'] {
+    height: 0;
+    width: 0;
+    opacity: 0;
+    pointer-events: none;
+    position: absolute;
+  }
+
+  label > span {
+    width: var(--wui-spacing-xl);
+    height: var(--wui-spacing-xl);
+    min-width: var(--wui-spacing-xl);
+    min-height: var(--wui-spacing-xl);
+    border-radius: var(--wui-border-radius-3xs);
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--wui-color-gray-glass-010);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-lg);
+    will-change: background-color;
+  }
+
+  label > span:hover,
+  label > input[type='checkbox']:focus-visible + span {
+    background-color: var(--wui-color-gray-glass-010);
+  }
+
+  label input[type='checkbox']:checked + span {
+    background-color: var(--wui-color-blue-base-90);
+  }
+
+  label > span > wui-icon {
+    opacity: 0;
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-lg);
+    will-change: opacity;
+  }
+
+  label > input[type='checkbox']:checked + span wui-icon {
+    opacity: 1;
+  }
+`;
+var __decorate$3 = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let WuiCheckBox = class WuiCheckBox2 extends bitcoin.i$1 {
+  constructor() {
+    super(...arguments);
+    this.inputElementRef = ref.e();
+    this.checked = void 0;
+  }
+  render() {
+    return bitcoin.x`
+      <label>
+        <input
+          ${ref.n(this.inputElementRef)}
+          ?checked=${ifDefined.o(this.checked)}
+          type="checkbox"
+          @change=${this.dispatchChangeEvent}
+        />
+        <span>
+          <wui-icon name="checkmarkBold" color="inverse-100" size="xxs"></wui-icon>
+        </span>
+        <slot></slot>
+      </label>
+    `;
+  }
+  dispatchChangeEvent() {
+    var _a;
+    this.dispatchEvent(new CustomEvent("checkboxChange", {
+      detail: (_a = this.inputElementRef.value) == null ? void 0 : _a.checked,
+      bubbles: true,
+      composed: true
+    }));
+  }
+};
+WuiCheckBox.styles = [bitcoin.resetStyles, styles$3];
+__decorate$3([
+  ifDefined.n({ type: Boolean })
+], WuiCheckBox.prototype, "checked", void 0);
+WuiCheckBox = __decorate$3([
+  ifDefined.customElement("wui-checkbox")
+], WuiCheckBox);
+const styles$2 = bitcoin.i`
+  :host {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  wui-checkbox {
+    padding: var(--wui-spacing-s);
+  }
+  a {
+    text-decoration: none;
+    color: var(--wui-color-fg-150);
+    font-weight: 500;
+  }
+`;
+var __decorate$2 = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let W3mLegalCheckbox = class W3mLegalCheckbox2 extends bitcoin.i$1 {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.checked = OptionsStateController.state.isLegalCheckboxChecked;
+    this.unsubscribe.push(OptionsStateController.subscribeKey("isLegalCheckboxChecked", (val) => {
+      this.checked = val;
+    }));
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+  }
+  render() {
+    var _a;
+    const { termsConditionsUrl, privacyPolicyUrl } = react.OptionsController.state;
+    const legalCheckbox = (_a = react.OptionsController.state.features) == null ? void 0 : _a.legalCheckbox;
+    if (!termsConditionsUrl && !privacyPolicyUrl) {
+      return null;
+    }
+    if (!legalCheckbox) {
+      return null;
+    }
+    return bitcoin.x`
+      <wui-checkbox
+        ?checked=${this.checked}
+        @checkboxChange=${this.onCheckboxChange.bind(this)}
+        data-testid="wui-checkbox"
+      >
+        <wui-text color="fg-250" variant="small-400" align="left">
+          I agree to our ${this.termsTemplate()} ${this.andTemplate()} ${this.privacyTemplate()}
+        </wui-text>
+      </wui-checkbox>
+    `;
+  }
+  andTemplate() {
+    const { termsConditionsUrl, privacyPolicyUrl } = react.OptionsController.state;
+    return termsConditionsUrl && privacyPolicyUrl ? "and" : "";
+  }
+  termsTemplate() {
+    const { termsConditionsUrl } = react.OptionsController.state;
+    if (!termsConditionsUrl) {
+      return null;
+    }
+    return bitcoin.x`<a rel="noreferrer" target="_blank" href=${termsConditionsUrl}>terms of service</a>`;
+  }
+  privacyTemplate() {
+    const { privacyPolicyUrl } = react.OptionsController.state;
+    if (!privacyPolicyUrl) {
+      return null;
+    }
+    return bitcoin.x`<a rel="noreferrer" target="_blank" href=${privacyPolicyUrl}>privacy policy</a>`;
+  }
+  onCheckboxChange() {
+    OptionsStateController.setIsLegalCheckboxChecked(!this.checked);
+  }
+};
+W3mLegalCheckbox.styles = [styles$2];
+__decorate$2([
+  ifDefined.r()
+], W3mLegalCheckbox.prototype, "checked", void 0);
+W3mLegalCheckbox = __decorate$2([
+  ifDefined.customElement("w3m-legal-checkbox")
+], W3mLegalCheckbox);
+const styles$1 = bitcoin.i`
+  .reown-logo {
+    height: var(--wui-spacing-xxl);
+  }
+
+  a {
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  a:hover {
+    opacity: 0.9;
+  }
+`;
+var __decorate$1 = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let WuiUxByReown = class WuiUxByReown2 extends bitcoin.i$1 {
+  render() {
+    return bitcoin.x`
+      <a
+        data-testid="ux-branding-reown"
+        href=${ConstantsUtil.REOWN_URL}
+        rel="noreferrer"
+        target="_blank"
+        style="text-decoration: none;"
+      >
+        <wui-flex
+          justifyContent="center"
+          alignItems="center"
+          gap="xs"
+          .padding=${["0", "0", "l", "0"]}
+        >
+          <wui-text variant="small-500" color="fg-100"> UX by </wui-text>
+          <wui-icon name="reown" size="xxxl" class="reown-logo"></wui-icon>
+        </wui-flex>
+      </a>
+    `;
+  }
+};
+WuiUxByReown.styles = [bitcoin.resetStyles, bitcoin.elementStyles, styles$1];
+WuiUxByReown = __decorate$1([
+  ifDefined.customElement("wui-ux-by-reown")
+], WuiUxByReown);
+const styles = bitcoin.i`
+  :host > wui-flex {
+    background-color: var(--wui-color-gray-glass-005);
+  }
+
+  :host wui-ux-by-reown {
+    padding-top: 0;
+  }
+
+  :host wui-ux-by-reown.branding-only {
+    padding-top: var(--wui-spacing-m);
+  }
+
+  a {
+    text-decoration: none;
+    color: var(--wui-color-fg-175);
+    font-weight: 500;
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let W3mLegalFooter = class W3mLegalFooter2 extends bitcoin.i$1 {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.remoteFeatures = react.OptionsController.state.remoteFeatures;
+    this.unsubscribe.push(react.OptionsController.subscribeKey("remoteFeatures", (val) => this.remoteFeatures = val));
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+  }
+  render() {
+    var _a;
+    const { termsConditionsUrl, privacyPolicyUrl } = react.OptionsController.state;
+    const legalCheckbox = (_a = react.OptionsController.state.features) == null ? void 0 : _a.legalCheckbox;
+    const showOnlyBranding = !termsConditionsUrl && !privacyPolicyUrl || legalCheckbox;
+    if (showOnlyBranding) {
+      return bitcoin.x`
+        <wui-flex flexDirection="column"> ${this.reownBrandingTemplate(true)} </wui-flex>
+      `;
+    }
+    return bitcoin.x`
+      <wui-flex flexDirection="column">
+        <wui-flex .padding=${["m", "s", "s", "s"]} justifyContent="center">
+          <wui-text color="fg-250" variant="small-400" align="center">
+            By connecting your wallet, you agree to our <br />
+            ${this.termsTemplate()} ${this.andTemplate()} ${this.privacyTemplate()}
+          </wui-text>
+        </wui-flex>
+        ${this.reownBrandingTemplate()}
+      </wui-flex>
+    `;
+  }
+  andTemplate() {
+    const { termsConditionsUrl, privacyPolicyUrl } = react.OptionsController.state;
+    return termsConditionsUrl && privacyPolicyUrl ? "and" : "";
+  }
+  termsTemplate() {
+    const { termsConditionsUrl } = react.OptionsController.state;
+    if (!termsConditionsUrl) {
+      return null;
+    }
+    return bitcoin.x`<a href=${termsConditionsUrl}>Terms of Service</a>`;
+  }
+  privacyTemplate() {
+    const { privacyPolicyUrl } = react.OptionsController.state;
+    if (!privacyPolicyUrl) {
+      return null;
+    }
+    return bitcoin.x`<a href=${privacyPolicyUrl}>Privacy Policy</a>`;
+  }
+  reownBrandingTemplate(showOnlyBranding = false) {
+    var _a;
+    if (!((_a = this.remoteFeatures) == null ? void 0 : _a.reownBranding)) {
+      return null;
+    }
+    if (showOnlyBranding) {
+      return bitcoin.x`<wui-ux-by-reown class="branding-only"></wui-ux-by-reown>`;
+    }
+    return bitcoin.x`<wui-ux-by-reown></wui-ux-by-reown>`;
+  }
+};
+W3mLegalFooter.styles = [styles];
+__decorate([
+  ifDefined.r()
+], W3mLegalFooter.prototype, "remoteFeatures", void 0);
+W3mLegalFooter = __decorate([
+  ifDefined.customElement("w3m-legal-footer")
+], W3mLegalFooter);
+exports.OptionsStateController = OptionsStateController;

package/index-CP0CGjqQ.mjs

@@ -0,0 +1,263 @@
+import { i, f as i$1, C as ConstantsUtil, x } from "./bitcoin-dNBGbS2B.mjs";
+import { r, c as customElement } from "./if-defined-DjC5UMfF.mjs";
+import { R as RouterController } from "./react-BWxe90Ar.mjs";
+import { T as TooltipController } from "./index-NNZ1lNuc.mjs";
+const styles = i`
+  :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 __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let W3mRouter = class W3mRouter2 extends i$1 {
+  constructor() {
+    super();
+    this.resizeObserver = void 0;
+    this.prevHeight = "0px";
+    this.prevHistoryLength = 1;
+    this.unsubscribe = [];
+    this.view = RouterController.state.view;
+    this.viewDirection = "";
+    this.unsubscribe.push(RouterController.subscribeKey("view", (val) => this.onViewChange(val)));
+  }
+  firstUpdated() {
+    var _a;
+    this.resizeObserver = new ResizeObserver(([content]) => {
+      const height = `${content == null ? void 0 : content.contentRect.height}px`;
+      if (this.prevHeight !== "0px") {
+        this.style.setProperty("--prev-height", this.prevHeight);
+        this.style.setProperty("--new-height", height);
+        this.style.animation = "w3m-view-height 150ms forwards ease";
+        this.style.height = "auto";
+      }
+      setTimeout(() => {
+        this.prevHeight = height;
+        this.style.animation = "unset";
+      }, ConstantsUtil.ANIMATION_DURATIONS.ModalHeight);
+    });
+    (_a = this.resizeObserver) == null ? void 0 : _a.observe(this.getWrapper());
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.resizeObserver) == null ? void 0 : _a.unobserve(this.getWrapper());
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+  }
+  render() {
+    return x`<div class="w3m-router-container" view-direction="${this.viewDirection}">
+      ${this.viewTemplate()}
+    </div>`;
+  }
+  viewTemplate() {
+    switch (this.view) {
+      case "AccountSettings":
+        return x`<w3m-account-settings-view></w3m-account-settings-view>`;
+      case "Account":
+        return x`<w3m-account-view></w3m-account-view>`;
+      case "AllWallets":
+        return x`<w3m-all-wallets-view></w3m-all-wallets-view>`;
+      case "ApproveTransaction":
+        return x`<w3m-approve-transaction-view></w3m-approve-transaction-view>`;
+      case "BuyInProgress":
+        return x`<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;
+      case "ChooseAccountName":
+        return x`<w3m-choose-account-name-view></w3m-choose-account-name-view>`;
+      case "Connect":
+        return x`<w3m-connect-view></w3m-connect-view>`;
+      case "Create":
+        return x`<w3m-connect-view walletGuide="explore"></w3m-connect-view>`;
+      case "ConnectingWalletConnect":
+        return x`<w3m-connecting-wc-view></w3m-connecting-wc-view>`;
+      case "ConnectingWalletConnectBasic":
+        return x`<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;
+      case "ConnectingExternal":
+        return x`<w3m-connecting-external-view></w3m-connecting-external-view>`;
+      case "ConnectingSiwe":
+        return x`<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;
+      case "ConnectWallets":
+        return x`<w3m-connect-wallets-view></w3m-connect-wallets-view>`;
+      case "ConnectSocials":
+        return x`<w3m-connect-socials-view></w3m-connect-socials-view>`;
+      case "ConnectingSocial":
+        return x`<w3m-connecting-social-view></w3m-connecting-social-view>`;
+      case "Downloads":
+        return x`<w3m-downloads-view></w3m-downloads-view>`;
+      case "EmailLogin":
+        return x`<w3m-email-login-view></w3m-email-login-view>`;
+      case "EmailVerifyOtp":
+        return x`<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;
+      case "EmailVerifyDevice":
+        return x`<w3m-email-verify-device-view></w3m-email-verify-device-view>`;
+      case "GetWallet":
+        return x`<w3m-get-wallet-view></w3m-get-wallet-view>`;
+      case "Networks":
+        return x`<w3m-networks-view></w3m-networks-view>`;
+      case "SwitchNetwork":
+        return x`<w3m-network-switch-view></w3m-network-switch-view>`;
+      case "ProfileWallets":
+        return x`<w3m-profile-wallets-view></w3m-profile-wallets-view>`;
+      case "Transactions":
+        return x`<w3m-transactions-view></w3m-transactions-view>`;
+      case "OnRampProviders":
+        return x`<w3m-onramp-providers-view></w3m-onramp-providers-view>`;
+      case "OnRampActivity":
+        return x`<w3m-onramp-activity-view></w3m-onramp-activity-view>`;
+      case "OnRampTokenSelect":
+        return x`<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;
+      case "OnRampFiatSelect":
+        return x`<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;
+      case "UpgradeEmailWallet":
+        return x`<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;
+      case "UpdateEmailWallet":
+        return x`<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;
+      case "UpdateEmailPrimaryOtp":
+        return x`<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;
+      case "UpdateEmailSecondaryOtp":
+        return x`<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;
+      case "UnsupportedChain":
+        return x`<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;
+      case "Swap":
+        return x`<w3m-swap-view></w3m-swap-view>`;
+      case "SwapSelectToken":
+        return x`<w3m-swap-select-token-view></w3m-swap-select-token-view>`;
+      case "SwapPreview":
+        return x`<w3m-swap-preview-view></w3m-swap-preview-view>`;
+      case "WalletSend":
+        return x`<w3m-wallet-send-view></w3m-wallet-send-view>`;
+      case "WalletSendSelectToken":
+        return x`<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;
+      case "WalletSendPreview":
+        return x`<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;
+      case "WhatIsABuy":
+        return x`<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;
+      case "WalletReceive":
+        return x`<w3m-wallet-receive-view></w3m-wallet-receive-view>`;
+      case "WalletCompatibleNetworks":
+        return x`<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;
+      case "WhatIsAWallet":
+        return x`<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;
+      case "ConnectingMultiChain":
+        return x`<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;
+      case "WhatIsANetwork":
+        return x`<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;
+      case "ConnectingFarcaster":
+        return x`<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;
+      case "SwitchActiveChain":
+        return x`<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;
+      case "RegisterAccountName":
+        return x`<w3m-register-account-name-view></w3m-register-account-name-view>`;
+      case "RegisterAccountNameSuccess":
+        return x`<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;
+      case "SmartSessionCreated":
+        return x`<w3m-smart-session-created-view></w3m-smart-session-created-view>`;
+      case "SmartSessionList":
+        return x`<w3m-smart-session-list-view></w3m-smart-session-list-view>`;
+      case "SIWXSignMessage":
+        return x`<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;
+      case "Pay":
+        return x`<w3m-pay-view></w3m-pay-view>`;
+      case "PayLoading":
+        return x`<w3m-pay-loading-view></w3m-pay-loading-view>`;
+      default:
+        return x`<w3m-connect-view></w3m-connect-view>`;
+    }
+  }
+  onViewChange(newView) {
+    TooltipController.hide();
+    let direction = ConstantsUtil.VIEW_DIRECTION.Next;
+    const { history } = RouterController.state;
+    if (history.length < this.prevHistoryLength) {
+      direction = ConstantsUtil.VIEW_DIRECTION.Prev;
+    }
+    this.prevHistoryLength = history.length;
+    this.viewDirection = direction;
+    setTimeout(() => {
+      this.view = newView;
+    }, ConstantsUtil.ANIMATION_DURATIONS.ViewTransition);
+  }
+  getWrapper() {
+    var _a;
+    return (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("div");
+  }
+};
+W3mRouter.styles = styles;
+__decorate([
+  r()
+], W3mRouter.prototype, "view", void 0);
+__decorate([
+  r()
+], W3mRouter.prototype, "viewDirection", void 0);
+W3mRouter = __decorate([
+  customElement("w3m-router")
+], W3mRouter);
+export {
+  W3mRouter as W
+};

package/index-CQaHcTZM.mjs

@@ -0,0 +1,86 @@
+import { i, c as resetStyles, e as elementStyles, d as colorStyles, f as i$1, x } from "./bitcoin-dNBGbS2B.mjs";
+import { n, c as customElement } from "./if-defined-DjC5UMfF.mjs";
+const styles = i`
+  button {
+    border-radius: var(--local-border-radius);
+    color: var(--wui-color-fg-100);
+    padding: var(--local-padding);
+  }
+
+  @media (max-width: 700px) {
+    :host(:not([size='sm'])) button {
+      padding: var(--wui-spacing-s);
+    }
+  }
+
+  button > wui-icon {
+    pointer-events: none;
+  }
+
+  button:disabled > wui-icon {
+    color: var(--wui-color-bg-300) !important;
+  }
+
+  button:disabled {
+    background-color: transparent;
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let WuiIconLink = class WuiIconLink2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.size = "md";
+    this.disabled = false;
+    this.icon = "copy";
+    this.iconColor = "inherit";
+  }
+  render() {
+    this.dataset["size"] = this.size;
+    let borderRadius = "";
+    let padding = "";
+    switch (this.size) {
+      case "lg":
+        borderRadius = "--wui-border-radius-xs";
+        padding = "--wui-spacing-1xs";
+        break;
+      case "sm":
+        borderRadius = "--wui-border-radius-3xs";
+        padding = "--wui-spacing-xxs";
+        break;
+      default:
+        borderRadius = "--wui-border-radius-xxs";
+        padding = "--wui-spacing-2xs";
+        break;
+    }
+    this.style.cssText = `
+    --local-border-radius: var(${borderRadius});
+    --local-padding: var(${padding});
+    `;
+    return x`
+      <button ?disabled=${this.disabled}>
+        <wui-icon color=${this.iconColor} size=${this.size} name=${this.icon}></wui-icon>
+      </button>
+    `;
+  }
+};
+WuiIconLink.styles = [resetStyles, elementStyles, colorStyles, styles];
+__decorate([
+  n()
+], WuiIconLink.prototype, "size", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiIconLink.prototype, "disabled", void 0);
+__decorate([
+  n()
+], WuiIconLink.prototype, "icon", void 0);
+__decorate([
+  n()
+], WuiIconLink.prototype, "iconColor", void 0);
+WuiIconLink = __decorate([
+  customElement("wui-icon-link")
+], WuiIconLink);