@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14

package/index-BB0nW9RB.mjs

@@ -0,0 +1,198 @@
+import { i, c as resetStyles, e as elementStyles, f as i$1, x } from "./bitcoin-dNBGbS2B.mjs";
+import { n, c as customElement, o } from "./if-defined-DjC5UMfF.mjs";
+import "./index--O5ypTeK.mjs";
+import "./index-Dx7NyDyv.mjs";
+import "./index-42Rpweo5.mjs";
+const styles = i`
+  button {
+    column-gap: var(--wui-spacing-s);
+    padding: 11px 18px 11px var(--wui-spacing-s);
+    width: 100%;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+    color: var(--wui-color-fg-250);
+    transition:
+      color var(--wui-ease-out-power-1) var(--wui-duration-md),
+      background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: color, background-color;
+  }
+
+  button[data-iconvariant='square'],
+  button[data-iconvariant='square-blue'] {
+    padding: 6px 18px 6px 9px;
+  }
+
+  button > wui-flex {
+    flex: 1;
+  }
+
+  button > wui-image {
+    width: 32px;
+    height: 32px;
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
+    border-radius: var(--wui-border-radius-3xl);
+  }
+
+  button > wui-icon {
+    width: 36px;
+    height: 36px;
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: opacity;
+  }
+
+  button > wui-icon-box[data-variant='blue'] {
+    box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005);
+  }
+
+  button > wui-icon-box[data-variant='overlay'] {
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
+  }
+
+  button > wui-icon-box[data-variant='square-blue'] {
+    border-radius: var(--wui-border-radius-3xs);
+    position: relative;
+    border: none;
+    width: 36px;
+    height: 36px;
+  }
+
+  button > wui-icon-box[data-variant='square-blue']::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-radius: inherit;
+    border: 1px solid var(--wui-color-accent-glass-010);
+    pointer-events: none;
+  }
+
+  button > wui-icon:last-child {
+    width: 14px;
+    height: 14px;
+  }
+
+  button:disabled {
+    color: var(--wui-color-gray-glass-020);
+  }
+
+  button[data-loading='true'] > wui-icon {
+    opacity: 0;
+  }
+
+  wui-loading-spinner {
+    position: absolute;
+    right: 18px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+`;
+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 WuiListItem = class WuiListItem2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.tabIdx = void 0;
+    this.variant = "icon";
+    this.disabled = false;
+    this.imageSrc = void 0;
+    this.alt = void 0;
+    this.chevron = false;
+    this.loading = false;
+  }
+  render() {
+    return x`
+      <button
+        ?disabled=${this.loading ? true : Boolean(this.disabled)}
+        data-loading=${this.loading}
+        data-iconvariant=${o(this.iconVariant)}
+        tabindex=${o(this.tabIdx)}
+      >
+        ${this.loadingTemplate()} ${this.visualTemplate()}
+        <wui-flex gap="3xs">
+          <slot></slot>
+        </wui-flex>
+        ${this.chevronTemplate()}
+      </button>
+    `;
+  }
+  visualTemplate() {
+    if (this.variant === "image" && this.imageSrc) {
+      return x`<wui-image src=${this.imageSrc} alt=${this.alt ?? "list item"}></wui-image>`;
+    }
+    if (this.iconVariant === "square" && this.icon && this.variant === "icon") {
+      return x`<wui-icon name=${this.icon}></wui-icon>`;
+    }
+    if (this.variant === "icon" && this.icon && this.iconVariant) {
+      const color = ["blue", "square-blue"].includes(this.iconVariant) ? "accent-100" : "fg-200";
+      const size = this.iconVariant === "square-blue" ? "mdl" : "md";
+      const iconSize = this.iconSize ? this.iconSize : size;
+      return x`
+        <wui-icon-box
+          data-variant=${this.iconVariant}
+          icon=${this.icon}
+          iconSize=${iconSize}
+          background="transparent"
+          iconColor=${color}
+          backgroundColor=${color}
+          size=${size}
+        ></wui-icon-box>
+      `;
+    }
+    return null;
+  }
+  loadingTemplate() {
+    if (this.loading) {
+      return x`<wui-loading-spinner
+        data-testid="wui-list-item-loading-spinner"
+        color="fg-300"
+      ></wui-loading-spinner>`;
+    }
+    return x``;
+  }
+  chevronTemplate() {
+    if (this.chevron) {
+      return x`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`;
+    }
+    return null;
+  }
+};
+WuiListItem.styles = [resetStyles, elementStyles, styles];
+__decorate([
+  n()
+], WuiListItem.prototype, "icon", void 0);
+__decorate([
+  n()
+], WuiListItem.prototype, "iconSize", void 0);
+__decorate([
+  n()
+], WuiListItem.prototype, "tabIdx", void 0);
+__decorate([
+  n()
+], WuiListItem.prototype, "variant", void 0);
+__decorate([
+  n()
+], WuiListItem.prototype, "iconVariant", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "disabled", void 0);
+__decorate([
+  n()
+], WuiListItem.prototype, "imageSrc", void 0);
+__decorate([
+  n()
+], WuiListItem.prototype, "alt", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "chevron", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiListItem.prototype, "loading", void 0);
+WuiListItem = __decorate([
+  customElement("wui-list-item")
+], WuiListItem);

package/index-BBwuv2SS.js

@@ -0,0 +1,97 @@
+#!/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: 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 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 WuiIconBox = class WuiIconBox2 extends bitcoin.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 bitcoin.x` <wui-icon color=${this.iconColor} size=${iconSize} name=${this.icon}></wui-icon> `;
+  }
+};
+WuiIconBox.styles = [bitcoin.resetStyles, bitcoin.elementStyles, styles];
+__decorate([
+  ifDefined.n()
+], WuiIconBox.prototype, "size", void 0);
+__decorate([
+  ifDefined.n()
+], WuiIconBox.prototype, "backgroundColor", void 0);
+__decorate([
+  ifDefined.n()
+], WuiIconBox.prototype, "iconColor", void 0);
+__decorate([
+  ifDefined.n()
+], WuiIconBox.prototype, "iconSize", void 0);
+__decorate([
+  ifDefined.n()
+], WuiIconBox.prototype, "background", void 0);
+__decorate([
+  ifDefined.n({ type: Boolean })
+], WuiIconBox.prototype, "border", void 0);
+__decorate([
+  ifDefined.n()
+], WuiIconBox.prototype, "borderColor", void 0);
+__decorate([
+  ifDefined.n()
+], WuiIconBox.prototype, "icon", void 0);
+WuiIconBox = __decorate([
+  ifDefined.customElement("wui-icon-box")
+], WuiIconBox);

package/index-BIe-kofv.mjs

@@ -0,0 +1,273 @@
+import { i, c as resetStyles, e as elementStyles, f as i$1, x } from "./bitcoin-dNBGbS2B.mjs";
+import { n, c as customElement, U as UiHelperUtil } from "./if-defined-DjC5UMfF.mjs";
+import "./index--O5ypTeK.mjs";
+const NavigationUtil = {
+  URLS: {
+    FAQ: "https://walletconnect.com/faq"
+  }
+};
+const styles = 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 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 WuiChip = class WuiChip2 extends 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 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 : UiHelperUtil.getHostName(this.href)}
+        </wui-text>
+        <wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon>
+      </a>
+    `;
+  }
+  imageTemplate() {
+    if (this.imageSrc) {
+      return x`<wui-image src=${this.imageSrc}></wui-image>`;
+    }
+    if (this.imageIcon) {
+      return x`<wui-icon
+        name=${this.imageIcon}
+        color="inherit"
+        size=${this.imageIconSize}
+        class="image-icon"
+      ></wui-icon>`;
+    }
+    return null;
+  }
+};
+WuiChip.styles = [resetStyles, elementStyles, styles];
+__decorate([
+  n()
+], WuiChip.prototype, "variant", void 0);
+__decorate([
+  n()
+], WuiChip.prototype, "imageSrc", void 0);
+__decorate([
+  n()
+], WuiChip.prototype, "imageIcon", void 0);
+__decorate([
+  n()
+], WuiChip.prototype, "imageIconSize", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiChip.prototype, "disabled", void 0);
+__decorate([
+  n()
+], WuiChip.prototype, "icon", void 0);
+__decorate([
+  n()
+], WuiChip.prototype, "href", void 0);
+__decorate([
+  n()
+], WuiChip.prototype, "text", void 0);
+WuiChip = __decorate([
+  customElement("wui-chip")
+], WuiChip);
+export {
+  NavigationUtil as N
+};