@directcryptopay/sdk 0.2.2 → 0.2.4

package/dist/index-Cg_o-i9X.js

@@ -0,0 +1,118 @@
+import { cU as u, cV as h, cW as f, cX as p, cY as g } from "./index-DeL88Lwc.js";
+import { n as d, c as m } from "./index-DuTny38n.js";
+import { o as b } from "./if-defined-k21LutCn.js";
+const y = u`
+  :host {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: ${({ borderRadius: o }) => o[2]};
+    padding: ${({ spacing: o }) => o[1]} !important;
+    background-color: ${({ tokens: o }) => o.theme.backgroundPrimary};
+    position: relative;
+  }
+
+  :host([data-padding='2']) {
+    padding: ${({ spacing: o }) => o[2]} !important;
+  }
+
+  :host:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: ${({ borderRadius: o }) => o[2]};
+  }
+
+  :host > wui-icon {
+    z-index: 10;
+  }
+
+  /* -- Colors --------------------------------------------------- */
+  :host([data-color='accent-primary']) {
+    color: ${({ tokens: o }) => o.core.iconAccentPrimary};
+  }
+
+  :host([data-color='accent-primary']):after {
+    background-color: ${({ tokens: o }) => o.core.foregroundAccent010};
+  }
+
+  :host([data-color='default']),
+  :host([data-color='secondary']) {
+    color: ${({ tokens: o }) => o.theme.iconDefault};
+  }
+
+  :host([data-color='default']):after {
+    background-color: ${({ tokens: o }) => o.theme.foregroundPrimary};
+  }
+
+  :host([data-color='secondary']):after {
+    background-color: ${({ tokens: o }) => o.theme.foregroundSecondary};
+  }
+
+  :host([data-color='success']) {
+    color: ${({ tokens: o }) => o.core.iconSuccess};
+  }
+
+  :host([data-color='success']):after {
+    background-color: ${({ tokens: o }) => o.core.backgroundSuccess};
+  }
+
+  :host([data-color='error']) {
+    color: ${({ tokens: o }) => o.core.iconError};
+  }
+
+  :host([data-color='error']):after {
+    background-color: ${({ tokens: o }) => o.core.backgroundError};
+  }
+
+  :host([data-color='warning']) {
+    color: ${({ tokens: o }) => o.core.iconWarning};
+  }
+
+  :host([data-color='warning']):after {
+    background-color: ${({ tokens: o }) => o.core.backgroundWarning};
+  }
+
+  :host([data-color='inverse']) {
+    color: ${({ tokens: o }) => o.theme.iconInverse};
+  }
+
+  :host([data-color='inverse']):after {
+    background-color: transparent;
+  }
+`;
+var a = function(o, e, c, n) {
+  var i = arguments.length, r = i < 3 ? e : n === null ? n = Object.getOwnPropertyDescriptor(e, c) : n, s;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(o, e, c, n);
+  else for (var l = o.length - 1; l >= 0; l--) (s = o[l]) && (r = (i < 3 ? s(r) : i > 3 ? s(e, c, r) : s(e, c)) || r);
+  return i > 3 && r && Object.defineProperty(e, c, r), r;
+};
+let t = class extends p {
+  constructor() {
+    super(...arguments), this.icon = "copy", this.size = "md", this.padding = "1", this.color = "default";
+  }
+  render() {
+    return this.dataset.padding = this.padding, this.dataset.color = this.color, g`
+      <wui-icon size=${b(this.size)} name=${this.icon} color="inherit"></wui-icon>
+    `;
+  }
+};
+t.styles = [h, f, y];
+a([
+  d()
+], t.prototype, "icon", void 0);
+a([
+  d()
+], t.prototype, "size", void 0);
+a([
+  d()
+], t.prototype, "padding", void 0);
+a([
+  d()
+], t.prototype, "color", void 0);
+t = a([
+  m("wui-icon-box")
+], t);

package/dist/index-D1BvhCbI.js

@@ -0,0 +1,62 @@
+import { cU as c, cX as f, cY as l } from "./index-DeL88Lwc.js";
+import { n as h, c as m } from "./index-DuTny38n.js";
+const p = c`
+  :host {
+    display: block;
+    background: linear-gradient(
+      90deg,
+      ${({ tokens: e }) => e.theme.foregroundSecondary} 0%,
+      ${({ tokens: e }) => e.theme.foregroundTertiary} 50%,
+      ${({ tokens: e }) => e.theme.foregroundSecondary} 100%
+    );
+    background-size: 200% 100%;
+    animation: shimmer 1s ease-in-out infinite;
+    border-radius: ${({ borderRadius: e }) => e[2]};
+  }
+
+  :host([data-rounded='true']) {
+    border-radius: ${({ borderRadius: e }) => e[16]};
+  }
+
+  @keyframes shimmer {
+    0% {
+      background-position: 200% 0;
+    }
+    100% {
+      background-position: -200% 0;
+    }
+  }
+`;
+var n = function(e, o, i, s) {
+  var d = arguments.length, t = d < 3 ? o : s === null ? s = Object.getOwnPropertyDescriptor(o, i) : s, a;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(e, o, i, s);
+  else for (var u = e.length - 1; u >= 0; u--) (a = e[u]) && (t = (d < 3 ? a(t) : d > 3 ? a(o, i, t) : a(o, i)) || t);
+  return d > 3 && t && Object.defineProperty(o, i, t), t;
+};
+let r = class extends f {
+  constructor() {
+    super(...arguments), this.width = "", this.height = "", this.variant = "default", this.rounded = !1;
+  }
+  render() {
+    return this.style.cssText = `
+      width: ${this.width};
+      height: ${this.height};
+    `, this.dataset.rounded = this.rounded ? "true" : "false", l`<slot></slot>`;
+  }
+};
+r.styles = [p];
+n([
+  h()
+], r.prototype, "width", void 0);
+n([
+  h()
+], r.prototype, "height", void 0);
+n([
+  h()
+], r.prototype, "variant", void 0);
+n([
+  h({ type: Boolean })
+], r.prototype, "rounded", void 0);
+r = n([
+  m("wui-shimmer")
+], r);

package/dist/index-DFi8TiHc.js

@@ -0,0 +1,128 @@
+import { cU as u, cV as p, cX as g, cY as c } from "./index-DeL88Lwc.js";
+import { n as r, c as f } from "./index-DuTny38n.js";
+import { o as m } from "./if-defined-k21LutCn.js";
+const x = u`
+  :host {
+    display: block;
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+
+  img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center center;
+    border-radius: inherit;
+    user-select: none;
+    user-drag: none;
+    -webkit-user-drag: none;
+    -khtml-user-drag: none;
+    -moz-user-drag: none;
+    -o-user-drag: none;
+  }
+
+  :host([data-boxed='true']) {
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: ${({ tokens: e }) => e.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius: e }) => e[2]};
+  }
+
+  :host([data-boxed='true']) img {
+    width: 20px;
+    height: 20px;
+    border-radius: ${({ borderRadius: e }) => e[16]};
+  }
+
+  :host([data-full='true']) img {
+    width: 100%;
+    height: 100%;
+  }
+
+  :host([data-boxed='true']) wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  :host([data-icon='error']) {
+    background-color: ${({ tokens: e }) => e.core.backgroundError};
+  }
+
+  :host([data-rounded='true']) {
+    border-radius: ${({ borderRadius: e }) => e[16]};
+  }
+`;
+var o = function(e, i, n, a) {
+  var d = arguments.length, s = d < 3 ? i : a === null ? a = Object.getOwnPropertyDescriptor(i, n) : a, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") s = Reflect.decorate(e, i, n, a);
+  else for (var h = e.length - 1; h >= 0; h--) (l = e[h]) && (s = (d < 3 ? l(s) : d > 3 ? l(i, n, s) : l(i, n)) || s);
+  return d > 3 && s && Object.defineProperty(i, n, s), s;
+};
+let t = class extends g {
+  constructor() {
+    super(...arguments), this.src = "./path/to/image.jpg", this.alt = "Image", this.size = void 0, this.boxed = !1, this.rounded = !1, this.fullSize = !1;
+  }
+  render() {
+    const i = {
+      inherit: "inherit",
+      xxs: "2",
+      xs: "3",
+      sm: "4",
+      md: "4",
+      mdl: "5",
+      lg: "5",
+      xl: "6",
+      xxl: "7",
+      "3xl": "8",
+      "4xl": "9",
+      "5xl": "10"
+    };
+    return this.style.cssText = `
+      --local-width: ${this.size ? `var(--apkt-spacing-${i[this.size]});` : "100%"};
+      --local-height: ${this.size ? `var(--apkt-spacing-${i[this.size]});` : "100%"};
+      `, this.dataset.boxed = this.boxed ? "true" : "false", this.dataset.rounded = this.rounded ? "true" : "false", this.dataset.full = this.fullSize ? "true" : "false", this.dataset.icon = this.iconColor || "inherit", this.icon ? c`<wui-icon
+        color=${this.iconColor || "inherit"}
+        name=${this.icon}
+        size="lg"
+      ></wui-icon> ` : this.logo ? c`<wui-icon size="lg" color="inherit" name=${this.logo}></wui-icon> ` : c`<img src=${m(this.src)} alt=${this.alt} @error=${this.handleImageError} />`;
+  }
+  handleImageError() {
+    this.dispatchEvent(new CustomEvent("onLoadError", { bubbles: !0, composed: !0 }));
+  }
+};
+t.styles = [p, x];
+o([
+  r()
+], t.prototype, "src", void 0);
+o([
+  r()
+], t.prototype, "logo", void 0);
+o([
+  r()
+], t.prototype, "icon", void 0);
+o([
+  r()
+], t.prototype, "iconColor", void 0);
+o([
+  r()
+], t.prototype, "alt", void 0);
+o([
+  r()
+], t.prototype, "size", void 0);
+o([
+  r({ type: Boolean })
+], t.prototype, "boxed", void 0);
+o([
+  r({ type: Boolean })
+], t.prototype, "rounded", void 0);
+o([
+  r({ type: Boolean })
+], t.prototype, "fullSize", void 0);
+t = o([
+  f("wui-image")
+], t);