@multiversx/sdk-dapp-liquidity 1.0.12 → 1.0.14

package/index-dnFzVpGy.js

@@ -0,0 +1,103 @@
+#!/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: flex;
+  }
+
+  :host([data-size='sm']) > svg {
+    width: 12px;
+    height: 12px;
+  }
+
+  :host([data-size='md']) > svg {
+    width: 16px;
+    height: 16px;
+  }
+
+  :host([data-size='lg']) > svg {
+    width: 24px;
+    height: 24px;
+  }
+
+  :host([data-size='xl']) > svg {
+    width: 32px;
+    height: 32px;
+  }
+
+  svg {
+    animation: rotate 2s linear infinite;
+  }
+
+  circle {
+    fill: none;
+    stroke: var(--local-color);
+    stroke-width: 4px;
+    stroke-dasharray: 1, 124;
+    stroke-dashoffset: 0;
+    stroke-linecap: round;
+    animation: dash 1.5s ease-in-out infinite;
+  }
+
+  :host([data-size='md']) > svg > circle {
+    stroke-width: 6px;
+  }
+
+  :host([data-size='sm']) > svg > circle {
+    stroke-width: 8px;
+  }
+
+  @keyframes rotate {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes dash {
+    0% {
+      stroke-dasharray: 1, 124;
+      stroke-dashoffset: 0;
+    }
+
+    50% {
+      stroke-dasharray: 90, 124;
+      stroke-dashoffset: -35;
+    }
+
+    100% {
+      stroke-dashoffset: -125;
+    }
+  }
+`;
+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 WuiLoadingSpinner = class WuiLoadingSpinner2 extends bitcoin.i$1 {
+  constructor() {
+    super(...arguments);
+    this.color = "accent-100";
+    this.size = "lg";
+  }
+  render() {
+    this.style.cssText = `--local-color: ${this.color === "inherit" ? "inherit" : `var(--wui-color-${this.color})`}`;
+    this.dataset["size"] = this.size;
+    return bitcoin.x`<svg viewBox="25 25 50 50">
+      <circle r="20" cy="50" cx="50"></circle>
+    </svg>`;
+  }
+};
+WuiLoadingSpinner.styles = [bitcoin.resetStyles, styles];
+__decorate([
+  ifDefined.n()
+], WuiLoadingSpinner.prototype, "color", void 0);
+__decorate([
+  ifDefined.n()
+], WuiLoadingSpinner.prototype, "size", void 0);
+WuiLoadingSpinner = __decorate([
+  ifDefined.customElement("wui-loading-spinner")
+], WuiLoadingSpinner);

package/index-kwVLu8EV.js

@@ -0,0 +1,168 @@
+#!/usr/bin/env node
+"use strict";
+const bitcoin = require("./bitcoin-DAvQGpeP.js");
+const ifDefined = require("./if-defined-CJ5EZLw2.js");
+const react = require("./react-BzZcQig5.js");
+const state = bitcoin.proxy({
+  message: "",
+  open: false,
+  triggerRect: {
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0
+  },
+  variant: "shade"
+});
+const controller = {
+  state,
+  subscribe(callback) {
+    return bitcoin.subscribe(state, () => callback(state));
+  },
+  subscribeKey(key, callback) {
+    return bitcoin.subscribeKey(state, key, callback);
+  },
+  showTooltip({ message, triggerRect, variant }) {
+    state.open = true;
+    state.message = message;
+    state.triggerRect = triggerRect;
+    state.variant = variant;
+  },
+  hide() {
+    state.open = false;
+    state.message = "";
+    state.triggerRect = {
+      width: 0,
+      height: 0,
+      top: 0,
+      left: 0
+    };
+  }
+};
+const TooltipController = react.withErrorBoundary(controller);
+const styles = bitcoin.i`
+  :host {
+    pointer-events: none;
+  }
+
+  :host > wui-flex {
+    display: var(--w3m-tooltip-display);
+    opacity: var(--w3m-tooltip-opacity);
+    padding: 9px var(--wui-spacing-s) 10px var(--wui-spacing-s);
+    border-radius: var(--wui-border-radius-xxs);
+    color: var(--wui-color-bg-100);
+    position: fixed;
+    top: var(--w3m-tooltip-top);
+    left: var(--w3m-tooltip-left);
+    transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));
+    max-width: calc(var(--w3m-modal-width) - var(--wui-spacing-xl));
+    transition: opacity 0.2s var(--wui-ease-out-power-2);
+    will-change: opacity;
+  }
+
+  :host([data-variant='shade']) > wui-flex {
+    background-color: var(--wui-color-bg-150);
+    border: 1px solid var(--wui-color-gray-glass-005);
+  }
+
+  :host([data-variant='shade']) > wui-flex > wui-text {
+    color: var(--wui-color-fg-150);
+  }
+
+  :host([data-variant='fill']) > wui-flex {
+    background-color: var(--wui-color-fg-100);
+    border: none;
+  }
+
+  wui-icon {
+    position: absolute;
+    width: 12px !important;
+    height: 4px !important;
+    color: var(--wui-color-bg-150);
+  }
+
+  wui-icon[data-placement='top'] {
+    bottom: 0px;
+    left: 50%;
+    transform: translate(-50%, 95%);
+  }
+
+  wui-icon[data-placement='bottom'] {
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -95%) rotate(180deg);
+  }
+
+  wui-icon[data-placement='right'] {
+    top: 50%;
+    left: 0;
+    transform: translate(-65%, -50%) rotate(90deg);
+  }
+
+  wui-icon[data-placement='left'] {
+    top: 50%;
+    right: 0%;
+    transform: translate(65%, -50%) rotate(270deg);
+  }
+`;
+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 W3mTooltip = class W3mTooltip2 extends bitcoin.i$1 {
+  constructor() {
+    super();
+    this.unsubscribe = [];
+    this.open = TooltipController.state.open;
+    this.message = TooltipController.state.message;
+    this.triggerRect = TooltipController.state.triggerRect;
+    this.variant = TooltipController.state.variant;
+    this.unsubscribe.push(...[
+      TooltipController.subscribe((newState) => {
+        this.open = newState.open;
+        this.message = newState.message;
+        this.triggerRect = newState.triggerRect;
+        this.variant = newState.variant;
+      })
+    ]);
+  }
+  disconnectedCallback() {
+    this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+  }
+  render() {
+    this.dataset["variant"] = this.variant;
+    const topValue = this.triggerRect.top;
+    const leftValue = this.triggerRect.left;
+    this.style.cssText = `
+    --w3m-tooltip-top: ${topValue}px;
+    --w3m-tooltip-left: ${leftValue}px;
+    --w3m-tooltip-parent-width: ${this.triggerRect.width / 2}px;
+    --w3m-tooltip-display: ${this.open ? "flex" : "none"};
+    --w3m-tooltip-opacity: ${this.open ? 1 : 0};
+    `;
+    return bitcoin.x`<wui-flex>
+      <wui-icon data-placement="top" color="fg-100" size="inherit" name="cursor"></wui-icon>
+      <wui-text color="inherit" variant="small-500">${this.message}</wui-text>
+    </wui-flex>`;
+  }
+};
+W3mTooltip.styles = [styles];
+__decorate([
+  ifDefined.r()
+], W3mTooltip.prototype, "open", void 0);
+__decorate([
+  ifDefined.r()
+], W3mTooltip.prototype, "message", void 0);
+__decorate([
+  ifDefined.r()
+], W3mTooltip.prototype, "triggerRect", void 0);
+__decorate([
+  ifDefined.r()
+], W3mTooltip.prototype, "variant", void 0);
+W3mTooltip = __decorate([
+  ifDefined.customElement("w3m-tooltip"),
+  ifDefined.customElement("w3m-tooltip")
+], W3mTooltip);
+exports.TooltipController = TooltipController;

package/index-miQwZPmn.js

@@ -0,0 +1,51 @@
+#!/usr/bin/env node
+"use strict";
+const bitcoin = require("./bitcoin-DAvQGpeP.js");
+const ifDefined = require("./if-defined-CJ5EZLw2.js");
+const styles = bitcoin.i`
+  :host {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 1px;
+    background-color: var(--wui-color-gray-glass-005);
+    justify-content: center;
+    align-items: center;
+  }
+
+  :host > wui-text {
+    position: absolute;
+    padding: 0px 10px;
+    background-color: var(--wui-color-modal-bg);
+    transition: background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
+    will-change: background-color;
+  }
+`;
+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 WuiSeparator = class WuiSeparator2 extends bitcoin.i$1 {
+  constructor() {
+    super(...arguments);
+    this.text = "";
+  }
+  render() {
+    return bitcoin.x`${this.template()}`;
+  }
+  template() {
+    if (this.text) {
+      return bitcoin.x`<wui-text variant="small-500" color="fg-200">${this.text}</wui-text>`;
+    }
+    return null;
+  }
+};
+WuiSeparator.styles = [bitcoin.resetStyles, styles];
+__decorate([
+  ifDefined.n()
+], WuiSeparator.prototype, "text", void 0);
+WuiSeparator = __decorate([
+  ifDefined.customElement("wui-separator")
+], WuiSeparator);

package/index-oCj_SpOa.mjs

@@ -0,0 +1,62 @@
+import { i, c as resetStyles, f as i$1, x } from "./bitcoin-dNBGbS2B.mjs";
+import { n, c as customElement, o } from "./if-defined-DjC5UMfF.mjs";
+import "./index-xBD0nXoB.mjs";
+const styles = i`
+  :host {
+    position: relative;
+    display: inline-block;
+  }
+
+  wui-text {
+    margin: var(--wui-spacing-xxs) var(--wui-spacing-m) var(--wui-spacing-0) var(--wui-spacing-m);
+  }
+`;
+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 WuiEmailInput = class WuiEmailInput2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.disabled = false;
+  }
+  render() {
+    return x`
+      <wui-input-text
+        type="email"
+        placeholder="Email"
+        icon="mail"
+        size="mdl"
+        .disabled=${this.disabled}
+        .value=${this.value}
+        data-testid="wui-email-input"
+        tabIdx=${o(this.tabIdx)}
+      ></wui-input-text>
+      ${this.templateError()}
+    `;
+  }
+  templateError() {
+    if (this.errorMessage) {
+      return x`<wui-text variant="tiny-500" color="error-100">${this.errorMessage}</wui-text>`;
+    }
+    return null;
+  }
+};
+WuiEmailInput.styles = [resetStyles, styles];
+__decorate([
+  n()
+], WuiEmailInput.prototype, "errorMessage", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiEmailInput.prototype, "disabled", void 0);
+__decorate([
+  n()
+], WuiEmailInput.prototype, "value", void 0);
+__decorate([
+  n()
+], WuiEmailInput.prototype, "tabIdx", void 0);
+WuiEmailInput = __decorate([
+  customElement("wui-email-input")
+], WuiEmailInput);