@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14

package/index-42Rpweo5.mjs

@@ -0,0 +1,95 @@
+import { i, c as resetStyles, e as elementStyles, f as i$1, x } from "./bitcoin-dNBGbS2B.mjs";
+import { n, c as customElement } from "./if-defined-DjC5UMfF.mjs";
+const styles = i`
+  :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 __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 WuiIconBox = class WuiIconBox2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.size = "md";
+    this.backgroundColor = "accent-100";
+    this.iconColor = "accent-100";
+    this.background = "transparent";
+    this.border = false;
+    this.borderColor = "wui-color-bg-125";
+    this.icon = "copy";
+  }
+  render() {
+    const iconSize = this.iconSize || this.size;
+    const isLg = this.size === "lg";
+    const isXl = this.size === "xl";
+    const bgMix = isLg ? "12%" : "16%";
+    const borderRadius = isLg ? "xxs" : isXl ? "s" : "3xl";
+    const isGray = this.background === "gray";
+    const isOpaque = this.background === "opaque";
+    const isColorChange = this.backgroundColor === "accent-100" && isOpaque || this.backgroundColor === "success-100" && isOpaque || this.backgroundColor === "error-100" && isOpaque || this.backgroundColor === "inverse-100" && isOpaque;
+    let bgValueVariable = `var(--wui-color-${this.backgroundColor})`;
+    if (isColorChange) {
+      bgValueVariable = `var(--wui-icon-box-bg-${this.backgroundColor})`;
+    } else if (isGray) {
+      bgValueVariable = `var(--wui-color-gray-${this.backgroundColor})`;
+    }
+    this.style.cssText = `
+       --local-bg-value: ${bgValueVariable};
+       --local-bg-mix: ${isColorChange || isGray ? `100%` : bgMix};
+       --local-border-radius: var(--wui-border-radius-${borderRadius});
+       --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`}
+   `;
+    return x` <wui-icon color=${this.iconColor} size=${iconSize} name=${this.icon}></wui-icon> `;
+  }
+};
+WuiIconBox.styles = [resetStyles, elementStyles, styles];
+__decorate([
+  n()
+], WuiIconBox.prototype, "size", void 0);
+__decorate([
+  n()
+], WuiIconBox.prototype, "backgroundColor", void 0);
+__decorate([
+  n()
+], WuiIconBox.prototype, "iconColor", void 0);
+__decorate([
+  n()
+], WuiIconBox.prototype, "iconSize", void 0);
+__decorate([
+  n()
+], WuiIconBox.prototype, "background", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiIconBox.prototype, "border", void 0);
+__decorate([
+  n()
+], WuiIconBox.prototype, "borderColor", void 0);
+__decorate([
+  n()
+], WuiIconBox.prototype, "icon", void 0);
+WuiIconBox = __decorate([
+  customElement("wui-icon-box")
+], WuiIconBox);

package/index-70kjE43k.mjs

@@ -0,0 +1,90 @@
+import { i, c as resetStyles, f as i$1, x } from "./bitcoin-dNBGbS2B.mjs";
+import { n, c as customElement } from "./if-defined-DjC5UMfF.mjs";
+const styles = i`
+  :host {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: var(--wui-spacing-m);
+    padding: 0 var(--wui-spacing-3xs) !important;
+    border-radius: var(--wui-border-radius-5xs);
+    transition:
+      border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
+      background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
+    will-change: border-radius, background-color;
+  }
+
+  :host > wui-text {
+    transform: translateY(5%);
+  }
+
+  :host([data-variant='main']) {
+    background-color: var(--wui-color-accent-glass-015);
+    color: var(--wui-color-accent-100);
+  }
+
+  :host([data-variant='shade']) {
+    background-color: var(--wui-color-gray-glass-010);
+    color: var(--wui-color-fg-200);
+  }
+
+  :host([data-variant='success']) {
+    background-color: var(--wui-icon-box-bg-success-100);
+    color: var(--wui-color-success-100);
+  }
+
+  :host([data-variant='error']) {
+    background-color: var(--wui-icon-box-bg-error-100);
+    color: var(--wui-color-error-100);
+  }
+
+  :host([data-size='lg']) {
+    padding: 11px 5px !important;
+  }
+
+  :host([data-size='lg']) > wui-text {
+    transform: translateY(2%);
+  }
+
+  :host([data-size='xs']) {
+    height: var(--wui-spacing-2l);
+    padding: 0 var(--wui-spacing-3xs) !important;
+  }
+
+  :host([data-size='xs']) > wui-text {
+    transform: translateY(2%);
+  }
+`;
+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 WuiTag = class WuiTag2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.variant = "main";
+    this.size = "lg";
+  }
+  render() {
+    this.dataset["variant"] = this.variant;
+    this.dataset["size"] = this.size;
+    const textVariant = this.size === "md" || this.size === "xs" ? "mini-700" : "micro-700";
+    return x`
+      <wui-text data-variant=${this.variant} variant=${textVariant} color="inherit">
+        <slot></slot>
+      </wui-text>
+    `;
+  }
+};
+WuiTag.styles = [resetStyles, styles];
+__decorate([
+  n()
+], WuiTag.prototype, "variant", void 0);
+__decorate([
+  n()
+], WuiTag.prototype, "size", void 0);
+WuiTag = __decorate([
+  customElement("wui-tag")
+], WuiTag);

package/index-8VyNYS01.js

@@ -0,0 +1,273 @@
+#!/usr/bin/env node
+"use strict";
+const bitcoin = require("./bitcoin-DAvQGpeP.js");
+const ifDefined = require("./if-defined-CJ5EZLw2.js");
+require("./index-CtFcWwAd.js");
+const NavigationUtil = {
+  URLS: {
+    FAQ: "https://walletconnect.com/faq"
+  }
+};
+const styles = bitcoin.i`
+  a {
+    border: 1px solid var(--wui-color-gray-glass-010);
+    border-radius: var(--wui-border-radius-3xl);
+  }
+
+  wui-image {
+    border-radius: var(--wui-border-radius-3xl);
+    overflow: hidden;
+  }
+
+  a.disabled > wui-icon:not(.image-icon),
+  a.disabled > wui-image {
+    filter: grayscale(1);
+  }
+
+  a[data-variant='fill'] {
+    color: var(--wui-color-inverse-100);
+    background-color: var(--wui-color-accent-100);
+  }
+
+  a[data-variant='shade'],
+  a[data-variant='shadeSmall'] {
+    background-color: transparent;
+    background-color: var(--wui-color-gray-glass-010);
+    color: var(--wui-color-fg-200);
+  }
+
+  a[data-variant='success'] {
+    column-gap: var(--wui-spacing-xxs);
+    border: 1px solid var(--wui-color-success-glass-010);
+    background-color: var(--wui-color-success-glass-010);
+    color: var(--wui-color-success-100);
+  }
+
+  a[data-variant='error'] {
+    column-gap: var(--wui-spacing-xxs);
+    border: 1px solid var(--wui-color-error-glass-010);
+    background-color: var(--wui-color-error-glass-010);
+    color: var(--wui-color-error-100);
+  }
+
+  a[data-variant='transparent'] {
+    column-gap: var(--wui-spacing-xxs);
+    background-color: transparent;
+    color: var(--wui-color-fg-150);
+  }
+
+  a[data-variant='transparent'],
+  a[data-variant='success'],
+  a[data-variant='shadeSmall'],
+  a[data-variant='error'] {
+    padding: 7px var(--wui-spacing-s) 7px 10px;
+  }
+
+  a[data-variant='transparent']:has(wui-text:first-child),
+  a[data-variant='success']:has(wui-text:first-child),
+  a[data-variant='shadeSmall']:has(wui-text:first-child),
+  a[data-variant='error']:has(wui-text:first-child) {
+    padding: 7px var(--wui-spacing-s);
+  }
+
+  a[data-variant='fill'],
+  a[data-variant='shade'] {
+    column-gap: var(--wui-spacing-xs);
+    padding: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-xxs)
+      var(--wui-spacing-xs);
+  }
+
+  a[data-variant='fill']:has(wui-text:first-child),
+  a[data-variant='shade']:has(wui-text:first-child) {
+    padding: 9px var(--wui-spacing-m) 9px var(--wui-spacing-m);
+  }
+
+  a[data-variant='fill'] > wui-image,
+  a[data-variant='shade'] > wui-image {
+    width: 24px;
+    height: 24px;
+  }
+
+  a[data-variant='fill'] > wui-image {
+    box-shadow: inset 0 0 0 1px var(--wui-color-accent-090);
+  }
+
+  a[data-variant='shade'] > wui-image,
+  a[data-variant='shadeSmall'] > wui-image {
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+
+  a[data-variant='fill'] > wui-icon:not(.image-icon),
+  a[data-variant='shade'] > wui-icon:not(.image-icon) {
+    width: 14px;
+    height: 14px;
+  }
+
+  a[data-variant='transparent'] > wui-image,
+  a[data-variant='success'] > wui-image,
+  a[data-variant='shadeSmall'] > wui-image,
+  a[data-variant='error'] > wui-image {
+    width: 14px;
+    height: 14px;
+  }
+
+  a[data-variant='transparent'] > wui-icon:not(.image-icon),
+  a[data-variant='success'] > wui-icon:not(.image-icon),
+  a[data-variant='shadeSmall'] > wui-icon:not(.image-icon),
+  a[data-variant='error'] > wui-icon:not(.image-icon) {
+    width: 12px;
+    height: 12px;
+  }
+
+  a[data-variant='fill']:focus-visible {
+    background-color: var(--wui-color-accent-090);
+  }
+
+  a[data-variant='shade']:focus-visible,
+  a[data-variant='shadeSmall']:focus-visible {
+    background-color: var(--wui-color-gray-glass-015);
+  }
+
+  a[data-variant='transparent']:focus-visible {
+    background-color: var(--wui-color-gray-glass-005);
+  }
+
+  a[data-variant='success']:focus-visible {
+    background-color: var(--wui-color-success-glass-015);
+  }
+
+  a[data-variant='error']:focus-visible {
+    background-color: var(--wui-color-error-glass-015);
+  }
+
+  a.disabled {
+    color: var(--wui-color-gray-glass-015);
+    background-color: var(--wui-color-gray-glass-015);
+    pointer-events: none;
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    a[data-variant='fill']:hover {
+      background-color: var(--wui-color-accent-090);
+    }
+
+    a[data-variant='shade']:hover,
+    a[data-variant='shadeSmall']:hover {
+      background-color: var(--wui-color-gray-glass-015);
+    }
+
+    a[data-variant='transparent']:hover {
+      background-color: var(--wui-color-gray-glass-005);
+    }
+
+    a[data-variant='success']:hover {
+      background-color: var(--wui-color-success-glass-015);
+    }
+
+    a[data-variant='error']:hover {
+      background-color: var(--wui-color-error-glass-015);
+    }
+  }
+
+  a[data-variant='fill']:active {
+    background-color: var(--wui-color-accent-080);
+  }
+
+  a[data-variant='shade']:active,
+  a[data-variant='shadeSmall']:active {
+    background-color: var(--wui-color-gray-glass-020);
+  }
+
+  a[data-variant='transparent']:active {
+    background-color: var(--wui-color-gray-glass-010);
+  }
+
+  a[data-variant='success']:active {
+    background-color: var(--wui-color-success-glass-020);
+  }
+
+  a[data-variant='error']:active {
+    background-color: var(--wui-color-error-glass-020);
+  }
+`;
+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 WuiChip = class WuiChip2 extends bitcoin.i$1 {
+  constructor() {
+    super(...arguments);
+    this.variant = "fill";
+    this.imageSrc = void 0;
+    this.imageIcon = void 0;
+    this.imageIconSize = "md";
+    this.disabled = false;
+    this.icon = "externalLink";
+    this.href = "";
+    this.text = void 0;
+  }
+  render() {
+    const isSmall = this.variant === "success" || this.variant === "transparent" || this.variant === "shadeSmall";
+    const textVariant = isSmall ? "small-600" : "paragraph-600";
+    return bitcoin.x`
+      <a
+        rel="noreferrer"
+        target="_blank"
+        href=${this.href}
+        class=${this.disabled ? "disabled" : ""}
+        data-variant=${this.variant}
+      >
+        ${this.imageTemplate()}
+        <wui-text variant=${textVariant} color="inherit">
+          ${this.title ? this.title : ifDefined.UiHelperUtil.getHostName(this.href)}
+        </wui-text>
+        <wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon>
+      </a>
+    `;
+  }
+  imageTemplate() {
+    if (this.imageSrc) {
+      return bitcoin.x`<wui-image src=${this.imageSrc}></wui-image>`;
+    }
+    if (this.imageIcon) {
+      return bitcoin.x`<wui-icon
+        name=${this.imageIcon}
+        color="inherit"
+        size=${this.imageIconSize}
+        class="image-icon"
+      ></wui-icon>`;
+    }
+    return null;
+  }
+};
+WuiChip.styles = [bitcoin.resetStyles, bitcoin.elementStyles, styles];
+__decorate([
+  ifDefined.n()
+], WuiChip.prototype, "variant", void 0);
+__decorate([
+  ifDefined.n()
+], WuiChip.prototype, "imageSrc", void 0);
+__decorate([
+  ifDefined.n()
+], WuiChip.prototype, "imageIcon", void 0);
+__decorate([
+  ifDefined.n()
+], WuiChip.prototype, "imageIconSize", void 0);
+__decorate([
+  ifDefined.n({ type: Boolean })
+], WuiChip.prototype, "disabled", void 0);
+__decorate([
+  ifDefined.n()
+], WuiChip.prototype, "icon", void 0);
+__decorate([
+  ifDefined.n()
+], WuiChip.prototype, "href", void 0);
+__decorate([
+  ifDefined.n()
+], WuiChip.prototype, "text", void 0);
+WuiChip = __decorate([
+  ifDefined.customElement("wui-chip")
+], WuiChip);
+exports.NavigationUtil = NavigationUtil;

package/index-B-dx8l0g.mjs

@@ -0,0 +1,82 @@
+import { i, f as i$1, x } from "./bitcoin-dNBGbS2B.mjs";
+import { n, c as customElement } from "./if-defined-DjC5UMfF.mjs";
+const styles = 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 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 WuiShimmer = class WuiShimmer2 extends 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 x`<slot></slot>`;
+  }
+};
+WuiShimmer.styles = [styles];
+__decorate([
+  n()
+], WuiShimmer.prototype, "width", void 0);
+__decorate([
+  n()
+], WuiShimmer.prototype, "height", void 0);
+__decorate([
+  n()
+], WuiShimmer.prototype, "borderRadius", void 0);
+__decorate([
+  n()
+], WuiShimmer.prototype, "variant", void 0);
+WuiShimmer = __decorate([
+  customElement("wui-shimmer")
+], WuiShimmer);