0xtrails 0.0.1 → 0.0.2

package/dist/widget/index-C5gmknHK.js

@@ -0,0 +1,78 @@
+import { i as u, r as p, j as b, U as f, a as h } from "./index-CK94R-H7.js";
+import { x as m } from "./lit-html-BRjl1r6K.js";
+import { n as c, c as w } from "./if-defined-DRXJEhv7.js";
+const v = u`
+  button {
+    border-radius: var(--local-border-radius);
+    color: var(--wui-color-fg-100);
+    padding: var(--local-padding);
+  }
+
+  @media (max-width: 700px) {
+    :host(:not([size='sm'])) button {
+      padding: var(--wui-spacing-s);
+    }
+  }
+
+  button > wui-icon {
+    pointer-events: none;
+  }
+
+  button:disabled > wui-icon {
+    color: var(--wui-color-bg-300) !important;
+  }
+
+  button:disabled {
+    background-color: transparent;
+  }
+`;
+var s = function(r, i, o, n) {
+  var a = arguments.length, e = a < 3 ? i : n === null ? n = Object.getOwnPropertyDescriptor(i, o) : n, d;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") e = Reflect.decorate(r, i, o, n);
+  else for (var l = r.length - 1; l >= 0; l--) (d = r[l]) && (e = (a < 3 ? d(e) : a > 3 ? d(i, o, e) : d(i, o)) || e);
+  return a > 3 && e && Object.defineProperty(i, o, e), e;
+};
+let t = class extends h {
+  constructor() {
+    super(...arguments), this.size = "md", this.disabled = !1, this.icon = "copy", this.iconColor = "inherit";
+  }
+  render() {
+    this.dataset.size = this.size;
+    let i = "", o = "";
+    switch (this.size) {
+      case "lg":
+        i = "--wui-border-radius-xs", o = "--wui-spacing-1xs";
+        break;
+      case "sm":
+        i = "--wui-border-radius-3xs", o = "--wui-spacing-xxs";
+        break;
+      default:
+        i = "--wui-border-radius-xxs", o = "--wui-spacing-2xs";
+        break;
+    }
+    return this.style.cssText = `
+    --local-border-radius: var(${i});
+    --local-padding: var(${o});
+    `, m`
+      <button ?disabled=${this.disabled}>
+        <wui-icon color=${this.iconColor} size=${this.size} name=${this.icon}></wui-icon>
+      </button>
+    `;
+  }
+};
+t.styles = [p, b, f, v];
+s([
+  c()
+], t.prototype, "size", void 0);
+s([
+  c({ type: Boolean })
+], t.prototype, "disabled", void 0);
+s([
+  c()
+], t.prototype, "icon", void 0);
+s([
+  c()
+], t.prototype, "iconColor", void 0);
+t = s([
+  w("wui-icon-link")
+], t);

package/dist/widget/index-CD6dBcRj.js

@@ -0,0 +1,76 @@
+import { i as h, r as g, j as p, a as v } from "./index-CK94R-H7.js";
+import { x as f } from "./lit-html-BRjl1r6K.js";
+import { n as c, c as x } from "./if-defined-DRXJEhv7.js";
+const y = h`
+  :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 i = function(d, e, t, l) {
+  var a = arguments.length, r = a < 3 ? e : l === null ? l = Object.getOwnPropertyDescriptor(e, t) : l, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(d, e, t, l);
+  else for (var s = d.length - 1; s >= 0; s--) (n = d[s]) && (r = (a < 3 ? n(r) : a > 3 ? n(e, t, r) : n(e, t)) || r);
+  return a > 3 && r && Object.defineProperty(e, t, r), r;
+};
+let o = class extends v {
+  constructor() {
+    super(...arguments), this.size = "md", this.backgroundColor = "accent-100", this.iconColor = "accent-100", this.background = "transparent", this.border = !1, this.borderColor = "wui-color-bg-125", this.icon = "copy";
+  }
+  render() {
+    const e = this.iconSize || this.size, t = this.size === "lg", l = this.size === "xl", a = t ? "12%" : "16%", r = t ? "xxs" : l ? "s" : "3xl", n = this.background === "gray", s = this.background === "opaque", b = this.backgroundColor === "accent-100" && s || this.backgroundColor === "success-100" && s || this.backgroundColor === "error-100" && s || this.backgroundColor === "inverse-100" && s;
+    let u = `var(--wui-color-${this.backgroundColor})`;
+    return b ? u = `var(--wui-icon-box-bg-${this.backgroundColor})` : n && (u = `var(--wui-color-gray-${this.backgroundColor})`), this.style.cssText = `
+       --local-bg-value: ${u};
+       --local-bg-mix: ${b || n ? "100%" : a};
+       --local-border-radius: var(--wui-border-radius-${r});
+       --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"}
+   `, f` <wui-icon color=${this.iconColor} size=${e} name=${this.icon}></wui-icon> `;
+  }
+};
+o.styles = [g, p, y];
+i([
+  c()
+], o.prototype, "size", void 0);
+i([
+  c()
+], o.prototype, "backgroundColor", void 0);
+i([
+  c()
+], o.prototype, "iconColor", void 0);
+i([
+  c()
+], o.prototype, "iconSize", void 0);
+i([
+  c()
+], o.prototype, "background", void 0);
+i([
+  c({ type: Boolean })
+], o.prototype, "border", void 0);
+i([
+  c()
+], o.prototype, "borderColor", void 0);
+i([
+  c()
+], o.prototype, "icon", void 0);
+o = i([
+  x("wui-icon-box")
+], o);

package/dist/widget/index-CDlhy529.js

@@ -0,0 +1,63 @@
+import { i as d, r as p, U as m, a as u } from "./index-CK94R-H7.js";
+import { x as f } from "./lit-html-BRjl1r6K.js";
+import { n as h, c as b } from "./if-defined-DRXJEhv7.js";
+const g = d`
+  :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 r = function(s, i, o, c) {
+  var n = arguments.length, t = n < 3 ? i : c === null ? c = Object.getOwnPropertyDescriptor(i, o) : c, a;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(s, i, o, c);
+  else for (var l = s.length - 1; l >= 0; l--) (a = s[l]) && (t = (n < 3 ? a(t) : n > 3 ? a(i, o, t) : a(i, o)) || t);
+  return n > 3 && t && Object.defineProperty(i, o, t), t;
+};
+let e = class extends u {
+  constructor() {
+    super(...arguments), this.src = "./path/to/image.jpg", this.alt = "Image", this.size = void 0, this.objectFit = "cover";
+  }
+  render() {
+    return 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%"};
+      `, f`<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`;
+  }
+  handleImageError() {
+    this.dispatchEvent(new CustomEvent("onLoadError", { bubbles: !0, composed: !0 }));
+  }
+};
+e.styles = [p, m, g];
+r([
+  h()
+], e.prototype, "src", void 0);
+r([
+  h()
+], e.prototype, "alt", void 0);
+r([
+  h()
+], e.prototype, "size", void 0);
+r([
+  h()
+], e.prototype, "objectFit", void 0);
+e = r([
+  b("wui-image")
+], e);

package/dist/widget/index-CHXa5ke-.js

@@ -0,0 +1,59 @@
+import { i as m, r as c, a as f } from "./index-CK94R-H7.js";
+import { x as d } from "./lit-html-BRjl1r6K.js";
+import { n as u, c as v, o as w } from "./if-defined-DRXJEhv7.js";
+import "./index-BlmqIKsY.js";
+const x = m`
+  :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 o = function(a, i, r, n) {
+  var s = arguments.length, e = s < 3 ? i : n === null ? n = Object.getOwnPropertyDescriptor(i, r) : n, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") e = Reflect.decorate(a, i, r, n);
+  else for (var p = a.length - 1; p >= 0; p--) (l = a[p]) && (e = (s < 3 ? l(e) : s > 3 ? l(i, r, e) : l(i, r)) || e);
+  return s > 3 && e && Object.defineProperty(i, r, e), e;
+};
+let t = class extends f {
+  constructor() {
+    super(...arguments), this.disabled = !1;
+  }
+  render() {
+    return d`
+      <wui-input-text
+        type="email"
+        placeholder="Email"
+        icon="mail"
+        size="mdl"
+        .disabled=${this.disabled}
+        .value=${this.value}
+        data-testid="wui-email-input"
+        tabIdx=${w(this.tabIdx)}
+      ></wui-input-text>
+      ${this.templateError()}
+    `;
+  }
+  templateError() {
+    return this.errorMessage ? d`<wui-text variant="tiny-500" color="error-100">${this.errorMessage}</wui-text>` : null;
+  }
+};
+t.styles = [c, x];
+o([
+  u()
+], t.prototype, "errorMessage", void 0);
+o([
+  u({ type: Boolean })
+], t.prototype, "disabled", void 0);
+o([
+  u()
+], t.prototype, "value", void 0);
+o([
+  u()
+], t.prototype, "tabIdx", void 0);
+t = o([
+  v("wui-email-input")
+], t);