@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14

package/index-CtFcWwAd.js

@@ -0,0 +1,72 @@
+#!/usr/bin/env node
+"use strict";
+const bitcoin = require("./bitcoin-DAvQGpeP.js");
+const ifDefined = require("./if-defined-CJ5EZLw2.js");
+const styles = bitcoin.i`
+  :host {
+    display: block;
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+
+  :host([data-object-fit='cover']) img {
+    object-fit: cover;
+    object-position: center center;
+  }
+
+  :host([data-object-fit='contain']) img {
+    object-fit: contain;
+    object-position: center center;
+  }
+
+  img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: inherit;
+  }
+`;
+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 WuiImage = class WuiImage2 extends bitcoin.i$1 {
+  constructor() {
+    super(...arguments);
+    this.src = "./path/to/image.jpg";
+    this.alt = "Image";
+    this.size = void 0;
+    this.objectFit = "cover";
+  }
+  render() {
+    if (this.objectFit) {
+      this.dataset["objectFit"] = this.objectFit;
+    }
+    this.style.cssText = `
+      --local-width: ${this.size ? `var(--wui-icon-size-${this.size});` : "100%"};
+      --local-height: ${this.size ? `var(--wui-icon-size-${this.size});` : "100%"};
+      `;
+    return bitcoin.x`<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`;
+  }
+  handleImageError() {
+    this.dispatchEvent(new CustomEvent("onLoadError", { bubbles: true, composed: true }));
+  }
+};
+WuiImage.styles = [bitcoin.resetStyles, bitcoin.colorStyles, styles];
+__decorate([
+  ifDefined.n()
+], WuiImage.prototype, "src", void 0);
+__decorate([
+  ifDefined.n()
+], WuiImage.prototype, "alt", void 0);
+__decorate([
+  ifDefined.n()
+], WuiImage.prototype, "size", void 0);
+__decorate([
+  ifDefined.n()
+], WuiImage.prototype, "objectFit", void 0);
+WuiImage = __decorate([
+  ifDefined.customElement("wui-image")
+], WuiImage);

package/index-D0mOfznC.mjs

@@ -0,0 +1,362 @@
+import { i, c as resetStyles, e as elementStyles, f as i$1, x, b } from "./bitcoin-dNBGbS2B.mjs";
+import { n, c as customElement } from "./if-defined-DjC5UMfF.mjs";
+import "./index--O5ypTeK.mjs";
+import "./index-42Rpweo5.mjs";
+const styles$2 = i`
+  :host {
+    position: relative;
+  }
+
+  button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 48px;
+    width: 100%;
+    background-color: var(--wui-color-accent-glass-010);
+    border-radius: var(--wui-border-radius-xs);
+    border: 1px solid var(--wui-color-accent-glass-010);
+    transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: background-color;
+  }
+
+  wui-tooltip {
+    padding: 7px var(--wui-spacing-s) 8px var(--wui-spacing-s);
+    position: absolute;
+    top: -8px;
+    left: 50%;
+    transform: translate(-50%, -100%);
+    opacity: 0;
+    display: none;
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    button:hover:enabled {
+      background-color: var(--wui-color-accent-glass-015);
+    }
+
+    button:active:enabled {
+      background-color: var(--wui-color-accent-glass-020);
+    }
+  }
+`;
+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 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 WuiIconButton = class WuiIconButton2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.text = "";
+    this.icon = "card";
+  }
+  render() {
+    return x`<button>
+      <wui-icon color="accent-100" name=${this.icon} size="lg"></wui-icon>
+    </button>`;
+  }
+};
+WuiIconButton.styles = [resetStyles, elementStyles, styles$2];
+__decorate$2([
+  n()
+], WuiIconButton.prototype, "text", void 0);
+__decorate$2([
+  n()
+], WuiIconButton.prototype, "icon", void 0);
+WuiIconButton = __decorate$2([
+  customElement("wui-icon-button")
+], WuiIconButton);
+const networkSvgLg = b`<svg width="86" height="96" fill="none">
+  <path
+    d="M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z"
+  />
+</svg>`;
+const networkSvgMd = b`<svg  viewBox="0 0 48 54" fill="none">
+  <path
+    d="M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z"
+  />
+</svg>`;
+const networkSvgSm = b`
+  <svg fill="none" viewBox="0 0 36 40">
+    <path
+      d="M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z"
+    />
+  </svg>
+`;
+const styles$1 = i`
+  :host {
+    position: relative;
+    border-radius: inherit;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+
+  :host([data-round='true']) {
+    background: var(--wui-color-gray-glass-002);
+    border-radius: 100%;
+    outline: 1px solid var(--wui-color-gray-glass-005);
+  }
+
+  svg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    fill: var(--wui-color-gray-glass-002);
+  }
+
+  svg > path {
+    stroke: var(--local-stroke);
+  }
+
+  wui-image {
+    width: 100%;
+    height: 100%;
+    -webkit-clip-path: var(--local-path);
+    clip-path: var(--local-path);
+    background: var(--wui-color-gray-glass-002);
+  }
+
+  wui-icon {
+    transform: translateY(-5%);
+    width: var(--local-icon-size);
+    height: var(--local-icon-size);
+  }
+`;
+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 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 WuiNetworkImage = class WuiNetworkImage2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.size = "md";
+    this.name = "uknown";
+    this.networkImagesBySize = {
+      sm: networkSvgSm,
+      md: networkSvgMd,
+      lg: networkSvgLg
+    };
+    this.selected = false;
+    this.round = false;
+  }
+  render() {
+    if (this.round) {
+      this.dataset["round"] = "true";
+      this.style.cssText = `
+      --local-width: var(--wui-spacing-3xl);
+      --local-height: var(--wui-spacing-3xl);
+      --local-icon-size: var(--wui-spacing-l);
+    `;
+    } else {
+      this.style.cssText = `
+
+      --local-path: var(--wui-path-network-${this.size});
+      --local-width:  var(--wui-width-network-${this.size});
+      --local-height:  var(--wui-height-network-${this.size});
+      --local-icon-size:  var(--wui-icon-size-network-${this.size});
+    `;
+    }
+    return x`${this.templateVisual()} ${this.svgTemplate()} `;
+  }
+  svgTemplate() {
+    if (this.round) {
+      return null;
+    }
+    return this.networkImagesBySize[this.size];
+  }
+  templateVisual() {
+    if (this.imageSrc) {
+      return x`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`;
+    }
+    return x`<wui-icon size="inherit" color="fg-200" name="networkPlaceholder"></wui-icon>`;
+  }
+};
+WuiNetworkImage.styles = [resetStyles, styles$1];
+__decorate$1([
+  n()
+], WuiNetworkImage.prototype, "size", void 0);
+__decorate$1([
+  n()
+], WuiNetworkImage.prototype, "name", void 0);
+__decorate$1([
+  n({ type: Object })
+], WuiNetworkImage.prototype, "networkImagesBySize", void 0);
+__decorate$1([
+  n()
+], WuiNetworkImage.prototype, "imageSrc", void 0);
+__decorate$1([
+  n({ type: Boolean })
+], WuiNetworkImage.prototype, "selected", void 0);
+__decorate$1([
+  n({ type: Boolean })
+], WuiNetworkImage.prototype, "round", void 0);
+WuiNetworkImage = __decorate$1([
+  customElement("wui-network-image")
+], WuiNetworkImage);
+const styles = i`
+  :host {
+    position: relative;
+    background-color: var(--wui-color-gray-glass-002);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: var(--local-size);
+    height: var(--local-size);
+    border-radius: inherit;
+    border-radius: var(--local-border-radius);
+  }
+
+  :host > wui-flex {
+    overflow: hidden;
+    border-radius: inherit;
+    border-radius: var(--local-border-radius);
+  }
+
+  :host::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-radius: inherit;
+    border: 1px solid var(--wui-color-gray-glass-010);
+    pointer-events: none;
+  }
+
+  :host([name='Extension'])::after {
+    border: 1px solid var(--wui-color-accent-glass-010);
+  }
+
+  :host([data-wallet-icon='allWallets']) {
+    background-color: var(--wui-all-wallets-bg-100);
+  }
+
+  :host([data-wallet-icon='allWallets'])::after {
+    border: 1px solid var(--wui-color-accent-glass-010);
+  }
+
+  wui-icon[data-parent-size='inherit'] {
+    width: 75%;
+    height: 75%;
+    align-items: center;
+  }
+
+  wui-icon[data-parent-size='sm'] {
+    width: 18px;
+    height: 18px;
+  }
+
+  wui-icon[data-parent-size='md'] {
+    width: 24px;
+    height: 24px;
+  }
+
+  wui-icon[data-parent-size='lg'] {
+    width: 42px;
+    height: 42px;
+  }
+
+  wui-icon[data-parent-size='full'] {
+    width: 100%;
+    height: 100%;
+  }
+
+  :host > wui-icon-box {
+    position: absolute;
+    overflow: hidden;
+    right: -1px;
+    bottom: -2px;
+    z-index: 1;
+    border: 2px solid var(--wui-color-bg-150, #1e1f1f);
+    padding: 1px;
+  }
+`;
+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 WuiWalletImage = class WuiWalletImage2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.size = "md";
+    this.name = "";
+    this.installed = false;
+    this.badgeSize = "xs";
+  }
+  render() {
+    let borderRadius = "xxs";
+    if (this.size === "lg") {
+      borderRadius = "m";
+    } else if (this.size === "md") {
+      borderRadius = "xs";
+    } else {
+      borderRadius = "xxs";
+    }
+    this.style.cssText = `
+       --local-border-radius: var(--wui-border-radius-${borderRadius});
+       --local-size: var(--wui-wallet-image-size-${this.size});
+   `;
+    if (this.walletIcon) {
+      this.dataset["walletIcon"] = this.walletIcon;
+    }
+    return x`
+      <wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex>
+    `;
+  }
+  templateVisual() {
+    if (this.imageSrc) {
+      return x`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`;
+    } else if (this.walletIcon) {
+      return x`<wui-icon
+        data-parent-size="md"
+        size="md"
+        color="inherit"
+        name=${this.walletIcon}
+      ></wui-icon>`;
+    }
+    return x`<wui-icon
+      data-parent-size=${this.size}
+      size="inherit"
+      color="inherit"
+      name="walletPlaceholder"
+    ></wui-icon>`;
+  }
+};
+WuiWalletImage.styles = [elementStyles, resetStyles, styles];
+__decorate([
+  n()
+], WuiWalletImage.prototype, "size", void 0);
+__decorate([
+  n()
+], WuiWalletImage.prototype, "name", void 0);
+__decorate([
+  n()
+], WuiWalletImage.prototype, "imageSrc", void 0);
+__decorate([
+  n()
+], WuiWalletImage.prototype, "walletIcon", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiWalletImage.prototype, "installed", void 0);
+__decorate([
+  n()
+], WuiWalletImage.prototype, "badgeSize", void 0);
+WuiWalletImage = __decorate([
+  customElement("wui-wallet-image")
+], WuiWalletImage);
+export {
+  networkSvgMd as n
+};

package/index-DAtWLY21.js

@@ -0,0 +1,84 @@
+#!/usr/bin/env node
+"use strict";
+const bitcoin = require("./bitcoin-DAvQGpeP.js");
+const ifDefined = require("./if-defined-CJ5EZLw2.js");
+const styles = bitcoin.i`
+  :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 __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 WuiShimmer = class WuiShimmer2 extends bitcoin.i$1 {
+  constructor() {
+    super(...arguments);
+    this.width = "";
+    this.height = "";
+    this.borderRadius = "m";
+    this.variant = "default";
+  }
+  render() {
+    this.style.cssText = `
+      width: ${this.width};
+      height: ${this.height};
+      border-radius: ${`clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px)`};
+    `;
+    return bitcoin.x`<slot></slot>`;
+  }
+};
+WuiShimmer.styles = [styles];
+__decorate([
+  ifDefined.n()
+], WuiShimmer.prototype, "width", void 0);
+__decorate([
+  ifDefined.n()
+], WuiShimmer.prototype, "height", void 0);
+__decorate([
+  ifDefined.n()
+], WuiShimmer.prototype, "borderRadius", void 0);
+__decorate([
+  ifDefined.n()
+], WuiShimmer.prototype, "variant", void 0);
+WuiShimmer = __decorate([
+  ifDefined.customElement("wui-shimmer")
+], WuiShimmer);