@reown/appkit-cdn 1.6.6-basic-test.4.0 → 1.6.6-basic-test.6.0

package/dist/if-defined-D-8vNRJt.js

@@ -0,0 +1,831 @@
+import { _ as u, $ as f$2, a0 as T, a as i$3, f as resetStyles, I as colorStyles, r as r$3, x, X as E } from "./appkit-CdqvngG9.js";
+const UiHelperUtil = {
+  getSpacingStyles(spacing, index) {
+    if (Array.isArray(spacing)) {
+      return spacing[index] ? `var(--wui-spacing-${spacing[index]})` : void 0;
+    } else if (typeof spacing === "string") {
+      return `var(--wui-spacing-${spacing})`;
+    }
+    return void 0;
+  },
+  getFormattedDate(date) {
+    return new Intl.DateTimeFormat("en-US", { month: "short", day: "numeric" }).format(date);
+  },
+  getHostName(url) {
+    try {
+      const newUrl = new URL(url);
+      return newUrl.hostname;
+    } catch (error) {
+      return "";
+    }
+  },
+  getTruncateString({ string, charsStart, charsEnd, truncate }) {
+    if (string.length <= charsStart + charsEnd) {
+      return string;
+    }
+    if (truncate === "end") {
+      return `${string.substring(0, charsStart)}...`;
+    } else if (truncate === "start") {
+      return `...${string.substring(string.length - charsEnd)}`;
+    }
+    return `${string.substring(0, Math.floor(charsStart))}...${string.substring(string.length - Math.floor(charsEnd))}`;
+  },
+  generateAvatarColors(address) {
+    const hash = address.toLowerCase().replace(/^0x/iu, "").replace(/[^a-f0-9]/gu, "");
+    const baseColor = hash.substring(0, 6).padEnd(6, "0");
+    const rgbColor = this.hexToRgb(baseColor);
+    const masterBorderRadius = getComputedStyle(document.documentElement).getPropertyValue("--w3m-border-radius-master");
+    const radius = Number(masterBorderRadius == null ? void 0 : masterBorderRadius.replace("px", ""));
+    const edge = 100 - 3 * radius;
+    const gradientCircle = `${edge}% ${edge}% at 65% 40%`;
+    const colors = [];
+    for (let i3 = 0; i3 < 5; i3 += 1) {
+      const tintedColor = this.tintColor(rgbColor, 0.15 * i3);
+      colors.push(`rgb(${tintedColor[0]}, ${tintedColor[1]}, ${tintedColor[2]})`);
+    }
+    return `
+    --local-color-1: ${colors[0]};
+    --local-color-2: ${colors[1]};
+    --local-color-3: ${colors[2]};
+    --local-color-4: ${colors[3]};
+    --local-color-5: ${colors[4]};
+    --local-radial-circle: ${gradientCircle}
+   `;
+  },
+  hexToRgb(hex) {
+    const bigint = parseInt(hex, 16);
+    const r2 = bigint >> 16 & 255;
+    const g = bigint >> 8 & 255;
+    const b = bigint & 255;
+    return [r2, g, b];
+  },
+  tintColor(rgb, tint) {
+    const [r2, g, b] = rgb;
+    const tintedR = Math.round(r2 + (255 - r2) * tint);
+    const tintedG = Math.round(g + (255 - g) * tint);
+    const tintedB = Math.round(b + (255 - b) * tint);
+    return [tintedR, tintedG, tintedB];
+  },
+  isNumber(character) {
+    const regex = {
+      number: /^[0-9]+$/u
+    };
+    return regex.number.test(character);
+  },
+  getColorTheme(theme) {
+    if (theme) {
+      return theme;
+    } else if (typeof window !== "undefined" && window.matchMedia) {
+      if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
+        return "dark";
+      }
+      return "light";
+    }
+    return "dark";
+  },
+  splitBalance(input) {
+    const parts = input.split(".");
+    if (parts.length === 2) {
+      return [parts[0], parts[1]];
+    }
+    return ["0", "00"];
+  },
+  roundNumber(number, threshold, fixed) {
+    const roundedNumber = number.toString().length >= threshold ? Number(number).toFixed(fixed) : number;
+    return roundedNumber;
+  },
+  formatNumberToLocalString(value, decimals = 2) {
+    if (value === void 0) {
+      return "0.00";
+    }
+    if (typeof value === "number") {
+      return value.toLocaleString("en-US", {
+        maximumFractionDigits: decimals,
+        minimumFractionDigits: decimals
+      });
+    }
+    return parseFloat(value).toLocaleString("en-US", {
+      maximumFractionDigits: decimals,
+      minimumFractionDigits: decimals
+    });
+  }
+};
+function standardCustomElement(tagName, descriptor) {
+  const { kind, elements } = descriptor;
+  return {
+    kind,
+    elements,
+    finisher(clazz) {
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, clazz);
+      }
+    }
+  };
+}
+function legacyCustomElement(tagName, clazz) {
+  if (!customElements.get(tagName)) {
+    customElements.define(tagName, clazz);
+  }
+  return clazz;
+}
+function customElement(tagName) {
+  return function create(classOrDescriptor) {
+    return typeof classOrDescriptor === "function" ? legacyCustomElement(tagName, classOrDescriptor) : standardCustomElement(tagName, classOrDescriptor);
+  };
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const o$2 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f$2 }, r$2 = (t2 = o$2, e2, r2) => {
+  const { kind: n2, metadata: i3 } = r2;
+  let s2 = globalThis.litPropertyMetadata.get(i3);
+  if (void 0 === s2 && globalThis.litPropertyMetadata.set(i3, s2 = /* @__PURE__ */ new Map()), s2.set(r2.name, t2), "accessor" === n2) {
+    const { name: o2 } = r2;
+    return { set(r3) {
+      const n3 = e2.get.call(this);
+      e2.set.call(this, r3), this.requestUpdate(o2, n3, t2);
+    }, init(e3) {
+      return void 0 !== e3 && this.P(o2, void 0, t2), e3;
+    } };
+  }
+  if ("setter" === n2) {
+    const { name: o2 } = r2;
+    return function(r3) {
+      const n3 = this[o2];
+      e2.call(this, r3), this.requestUpdate(o2, n3, t2);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n2);
+};
+function n$2(t2) {
+  return (e2, o2) => "object" == typeof o2 ? r$2(t2, e2, o2) : ((t3, e3, o3) => {
+    const r2 = e3.hasOwnProperty(o3);
+    return e3.constructor.createProperty(o3, r2 ? { ...t3, wrapped: true } : t3), r2 ? Object.getOwnPropertyDescriptor(e3, o3) : void 0;
+  })(t2, e2, o2);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function r$1(r2) {
+  return n$2({ ...r2, state: true, attribute: false });
+}
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const i$2 = (o2) => null === o2 || "object" != typeof o2 && "function" != typeof o2, f$1 = (o2) => void 0 === o2.strings;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, e$1 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
+let i$1 = class i {
+  constructor(t2) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t2, e2, i3) {
+    this._$Ct = t2, this._$AM = e2, this._$Ci = i3;
+  }
+  _$AS(t2, e2) {
+    return this.update(t2, e2);
+  }
+  update(t2, e2) {
+    return this.render(...e2);
+  }
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const s$1 = (i3, t2) => {
+  var _a;
+  const e2 = i3._$AN;
+  if (void 0 === e2)
+    return false;
+  for (const i4 of e2)
+    (_a = i4._$AO) == null ? void 0 : _a.call(i4, t2, false), s$1(i4, t2);
+  return true;
+}, o$1 = (i3) => {
+  let t2, e2;
+  do {
+    if (void 0 === (t2 = i3._$AM))
+      break;
+    e2 = t2._$AN, e2.delete(i3), i3 = t2;
+  } while (0 === (e2 == null ? void 0 : e2.size));
+}, r = (i3) => {
+  for (let t2; t2 = i3._$AM; i3 = t2) {
+    let e2 = t2._$AN;
+    if (void 0 === e2)
+      t2._$AN = e2 = /* @__PURE__ */ new Set();
+    else if (e2.has(i3))
+      break;
+    e2.add(i3), c$1(t2);
+  }
+};
+function h$1(i3) {
+  void 0 !== this._$AN ? (o$1(this), this._$AM = i3, r(this)) : this._$AM = i3;
+}
+function n$1(i3, t2 = false, e2 = 0) {
+  const r2 = this._$AH, h2 = this._$AN;
+  if (void 0 !== h2 && 0 !== h2.size)
+    if (t2)
+      if (Array.isArray(r2))
+        for (let i4 = e2; i4 < r2.length; i4++)
+          s$1(r2[i4], false), o$1(r2[i4]);
+      else
+        null != r2 && (s$1(r2, false), o$1(r2));
+    else
+      s$1(this, i3);
+}
+const c$1 = (i3) => {
+  i3.type == t.CHILD && (i3._$AP ?? (i3._$AP = n$1), i3._$AQ ?? (i3._$AQ = h$1));
+};
+class f extends i$1 {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(i3, t2, e2) {
+    super._$AT(i3, t2, e2), r(this), this.isConnected = i3._$AU;
+  }
+  _$AO(i3, t2 = true) {
+    var _a, _b;
+    i3 !== this.isConnected && (this.isConnected = i3, i3 ? (_a = this.reconnected) == null ? void 0 : _a.call(this) : (_b = this.disconnected) == null ? void 0 : _b.call(this)), t2 && (s$1(this, i3), o$1(this));
+  }
+  setValue(t2) {
+    if (f$1(this._$Ct))
+      this._$Ct._$AI(t2, this);
+    else {
+      const i3 = [...this._$Ct._$AH];
+      i3[this._$Ci] = t2, this._$Ct._$AI(i3, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class s {
+  constructor(t2) {
+    this.Y = t2;
+  }
+  disconnect() {
+    this.Y = void 0;
+  }
+  reconnect(t2) {
+    this.Y = t2;
+  }
+  deref() {
+    return this.Y;
+  }
+}
+class i2 {
+  constructor() {
+    this.Z = void 0, this.q = void 0;
+  }
+  get() {
+    return this.Z;
+  }
+  pause() {
+    this.Z ?? (this.Z = new Promise((t2) => this.q = t2));
+  }
+  resume() {
+    var _a;
+    (_a = this.q) == null ? void 0 : _a.call(this), this.Z = this.q = void 0;
+  }
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const n = (t2) => !i$2(t2) && "function" == typeof t2.then, h = 1073741823;
+class c extends f {
+  constructor() {
+    super(...arguments), this._$Cwt = h, this._$Cbt = [], this._$CK = new s(this), this._$CX = new i2();
+  }
+  render(...s2) {
+    return s2.find((t2) => !n(t2)) ?? T;
+  }
+  update(s2, i3) {
+    const e2 = this._$Cbt;
+    let r2 = e2.length;
+    this._$Cbt = i3;
+    const o2 = this._$CK, c2 = this._$CX;
+    this.isConnected || this.disconnected();
+    for (let t2 = 0; t2 < i3.length && !(t2 > this._$Cwt); t2++) {
+      const s3 = i3[t2];
+      if (!n(s3))
+        return this._$Cwt = t2, s3;
+      t2 < r2 && s3 === e2[t2] || (this._$Cwt = h, r2 = 0, Promise.resolve(s3).then(async (t3) => {
+        for (; c2.get(); )
+          await c2.get();
+        const i4 = o2.deref();
+        if (void 0 !== i4) {
+          const e3 = i4._$Cbt.indexOf(s3);
+          e3 > -1 && e3 < i4._$Cwt && (i4._$Cwt = e3, i4.setValue(t3));
+        }
+      }));
+    }
+    return T;
+  }
+  disconnected() {
+    this._$CK.disconnect(), this._$CX.pause();
+  }
+  reconnected() {
+    this._$CK.reconnect(this), this._$CX.resume();
+  }
+}
+const m = e$1(c);
+class CacheUtil {
+  constructor() {
+    this.cache = /* @__PURE__ */ new Map();
+  }
+  set(key, value) {
+    this.cache.set(key, value);
+  }
+  get(key) {
+    return this.cache.get(key);
+  }
+  has(key) {
+    return this.cache.has(key);
+  }
+  delete(key) {
+    this.cache.delete(key);
+  }
+  clear() {
+    this.cache.clear();
+  }
+}
+const globalSvgCache = new CacheUtil();
+const styles$2 = i$3`
+  :host {
+    display: flex;
+    aspect-ratio: 1 / 1;
+    color: var(--local-color);
+    width: var(--local-width);
+  }
+
+  svg {
+    width: inherit;
+    height: inherit;
+    object-fit: contain;
+    object-position: center;
+  }
+
+  .fallback {
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+`;
+var __decorate$2 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r2 = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i3 = decorators.length - 1; i3 >= 0; i3--)
+      if (d = decorators[i3])
+        r2 = (c2 < 3 ? d(r2) : c2 > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+const ICONS = {
+  add: async () => (await import("./add-NP7lbRpx.js")).addSvg,
+  allWallets: async () => (await import("./all-wallets-3ZlmqaCY.js")).allWalletsSvg,
+  arrowBottomCircle: async () => (await import("./arrow-bottom-circle-Dd1SQL7h.js")).arrowBottomCircleSvg,
+  appStore: async () => (await import("./app-store-DB2fNiqK.js")).appStoreSvg,
+  apple: async () => (await import("./apple-BGz_ykHO.js")).appleSvg,
+  arrowBottom: async () => (await import("./arrow-bottom-BYriFBEP.js")).arrowBottomSvg,
+  arrowLeft: async () => (await import("./arrow-left-CjDxt4M-.js")).arrowLeftSvg,
+  arrowRight: async () => (await import("./arrow-right-C6trxztG.js")).arrowRightSvg,
+  arrowTop: async () => (await import("./arrow-top-pHAOoGwr.js")).arrowTopSvg,
+  bank: async () => (await import("./bank-Dn8OADA5.js")).bankSvg,
+  browser: async () => (await import("./browser-CEUoIvO8.js")).browserSvg,
+  card: async () => (await import("./card-BLh_FYXC.js")).cardSvg,
+  checkmark: async () => (await import("./checkmark-C1WEjFNh.js")).checkmarkSvg,
+  checkmarkBold: async () => (await import("./checkmark-bold-BTNdeTbW.js")).checkmarkBoldSvg,
+  chevronBottom: async () => (await import("./chevron-bottom-hbbpYzkK.js")).chevronBottomSvg,
+  chevronLeft: async () => (await import("./chevron-left-DJltpVmp.js")).chevronLeftSvg,
+  chevronRight: async () => (await import("./chevron-right-CWI1glTp.js")).chevronRightSvg,
+  chevronTop: async () => (await import("./chevron-top-kYaCnKN2.js")).chevronTopSvg,
+  chromeStore: async () => (await import("./chrome-store-Pdpo7piH.js")).chromeStoreSvg,
+  clock: async () => (await import("./clock-CjA6cSAh.js")).clockSvg,
+  close: async () => (await import("./close-BJYekRPg.js")).closeSvg,
+  compass: async () => (await import("./compass-y9pPnB8j.js")).compassSvg,
+  coinPlaceholder: async () => (await import("./coinPlaceholder-D8UeO-Rg.js")).coinPlaceholderSvg,
+  copy: async () => (await import("./copy-BthuudTc.js")).copySvg,
+  cursor: async () => (await import("./cursor-CvXxYc0W.js")).cursorSvg,
+  cursorTransparent: async () => (await import("./cursor-transparent-DqEJVC-Q.js")).cursorTransparentSvg,
+  desktop: async () => (await import("./desktop-_PL1geEd.js")).desktopSvg,
+  disconnect: async () => (await import("./disconnect-BPHafuJd.js")).disconnectSvg,
+  discord: async () => (await import("./discord-NvcqsvlI.js")).discordSvg,
+  etherscan: async () => (await import("./etherscan-CbHO3Asn.js")).etherscanSvg,
+  extension: async () => (await import("./extension-Bgib8KWN.js")).extensionSvg,
+  externalLink: async () => (await import("./external-link-LEIw9Vg-.js")).externalLinkSvg,
+  facebook: async () => (await import("./facebook-2_oeBQGg.js")).facebookSvg,
+  farcaster: async () => (await import("./farcaster-DnbPiDY0.js")).farcasterSvg,
+  filters: async () => (await import("./filters-D-P5jdUt.js")).filtersSvg,
+  github: async () => (await import("./github-BfHeskBT.js")).githubSvg,
+  google: async () => (await import("./google-B0ZFcajM.js")).googleSvg,
+  helpCircle: async () => (await import("./help-circle-C2jKpHH6.js")).helpCircleSvg,
+  image: async () => (await import("./image-BuWMUN9a.js")).imageSvg,
+  id: async () => (await import("./id-sbeKkW2J.js")).idSvg,
+  infoCircle: async () => (await import("./info-circle-DbyCmpjj.js")).infoCircleSvg,
+  lightbulb: async () => (await import("./lightbulb-BmBiXG1K.js")).lightbulbSvg,
+  mail: async () => (await import("./mail-qfBaBElS.js")).mailSvg,
+  mobile: async () => (await import("./mobile-B07ju1n8.js")).mobileSvg,
+  more: async () => (await import("./more-BvZuZelF.js")).moreSvg,
+  networkPlaceholder: async () => (await import("./network-placeholder-BhilMer9.js")).networkPlaceholderSvg,
+  nftPlaceholder: async () => (await import("./nftPlaceholder-DyFaEose.js")).nftPlaceholderSvg,
+  off: async () => (await import("./off-BIvc3eKr.js")).offSvg,
+  playStore: async () => (await import("./play-store-61CZ2B1s.js")).playStoreSvg,
+  plus: async () => (await import("./plus-Bu-eHL0h.js")).plusSvg,
+  qrCode: async () => (await import("./qr-code-DimNByBy.js")).qrCodeIcon,
+  recycleHorizontal: async () => (await import("./recycle-horizontal-Uo4s9ysJ.js")).recycleHorizontalSvg,
+  refresh: async () => (await import("./refresh-xUeUx7mv.js")).refreshSvg,
+  search: async () => (await import("./search-_aWp0A4B.js")).searchSvg,
+  send: async () => (await import("./send-xMwE5ydw.js")).sendSvg,
+  swapHorizontal: async () => (await import("./swapHorizontal-3gtVSxJ4.js")).swapHorizontalSvg,
+  swapHorizontalMedium: async () => (await import("./swapHorizontalMedium-DorGu47M.js")).swapHorizontalMediumSvg,
+  swapHorizontalBold: async () => (await import("./swapHorizontalBold-BmLFhIzv.js")).swapHorizontalBoldSvg,
+  swapHorizontalRoundedBold: async () => (await import("./swapHorizontalRoundedBold-CNxXcJzg.js")).swapHorizontalRoundedBoldSvg,
+  swapVertical: async () => (await import("./swapVertical-DUe5qSb3.js")).swapVerticalSvg,
+  telegram: async () => (await import("./telegram-BGAoVZcd.js")).telegramSvg,
+  threeDots: async () => (await import("./three-dots-CPIaGn46.js")).threeDotsSvg,
+  twitch: async () => (await import("./twitch-B9zM_E1c.js")).twitchSvg,
+  twitter: async () => (await import("./x-BEKl-RkZ.js")).xSvg,
+  twitterIcon: async () => (await import("./twitterIcon-BpH9pHVt.js")).twitterIconSvg,
+  verify: async () => (await import("./verify-RR70cyOE.js")).verifySvg,
+  verifyFilled: async () => (await import("./verify-filled-DAfpsoaF.js")).verifyFilledSvg,
+  wallet: async () => (await import("./wallet-Bwnk7nDz.js")).walletSvg,
+  walletConnect: async () => (await import("./walletconnect-D23-2eVD.js")).walletConnectSvg,
+  walletConnectLightBrown: async () => (await import("./walletconnect-D23-2eVD.js")).walletConnectLightBrownSvg,
+  walletConnectBrown: async () => (await import("./walletconnect-D23-2eVD.js")).walletConnectBrownSvg,
+  walletPlaceholder: async () => (await import("./wallet-placeholder-TzI1N13t.js")).walletPlaceholderSvg,
+  warningCircle: async () => (await import("./warning-circle-B47nZUj9.js")).warningCircleSvg,
+  x: async () => (await import("./x-BEKl-RkZ.js")).xSvg,
+  info: async () => (await import("./info-DNoiQ3km.js")).infoSvg,
+  exclamationTriangle: async () => (await import("./exclamation-triangle-CREdMNbJ.js")).exclamationTriangleSvg
+};
+async function getSvg(name) {
+  if (globalSvgCache.has(name)) {
+    return globalSvgCache.get(name);
+  }
+  const importFn = ICONS[name] ?? ICONS.copy;
+  const svgPromise = importFn();
+  globalSvgCache.set(name, svgPromise);
+  return svgPromise;
+}
+let WuiIcon = class WuiIcon2 extends r$3 {
+  constructor() {
+    super(...arguments);
+    this.size = "md";
+    this.name = "copy";
+    this.color = "fg-300";
+  }
+  render() {
+    this.style.cssText = `
+      --local-color: ${`var(--wui-color-${this.color});`}
+      --local-width: ${`var(--wui-icon-size-${this.size});`}
+    `;
+    return x`${m(getSvg(this.name), x`<div class="fallback"></div>`)}`;
+  }
+};
+WuiIcon.styles = [resetStyles, colorStyles, styles$2];
+__decorate$2([
+  n$2()
+], WuiIcon.prototype, "size", void 0);
+__decorate$2([
+  n$2()
+], WuiIcon.prototype, "name", void 0);
+__decorate$2([
+  n$2()
+], WuiIcon.prototype, "color", void 0);
+WuiIcon = __decorate$2([
+  customElement("wui-icon")
+], WuiIcon);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const e = e$1(class extends i$1 {
+  constructor(t$1) {
+    var _a;
+    if (super(t$1), t$1.type !== t.ATTRIBUTE || "class" !== t$1.name || ((_a = t$1.strings) == null ? void 0 : _a.length) > 2)
+      throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t2) {
+    return " " + Object.keys(t2).filter((s2) => t2[s2]).join(" ") + " ";
+  }
+  update(s2, [i3]) {
+    var _a, _b;
+    if (void 0 === this.st) {
+      this.st = /* @__PURE__ */ new Set(), void 0 !== s2.strings && (this.nt = new Set(s2.strings.join(" ").split(/\s/).filter((t2) => "" !== t2)));
+      for (const t2 in i3)
+        i3[t2] && !((_a = this.nt) == null ? void 0 : _a.has(t2)) && this.st.add(t2);
+      return this.render(i3);
+    }
+    const r2 = s2.element.classList;
+    for (const t2 of this.st)
+      t2 in i3 || (r2.remove(t2), this.st.delete(t2));
+    for (const t2 in i3) {
+      const s3 = !!i3[t2];
+      s3 === this.st.has(t2) || ((_b = this.nt) == null ? void 0 : _b.has(t2)) || (s3 ? (r2.add(t2), this.st.add(t2)) : (r2.remove(t2), this.st.delete(t2)));
+    }
+    return T;
+  }
+});
+const styles$1 = i$3`
+  :host {
+    display: inline-flex !important;
+  }
+
+  slot {
+    width: 100%;
+    display: inline-block;
+    font-style: normal;
+    font-family: var(--wui-font-family);
+    font-feature-settings:
+      'tnum' on,
+      'lnum' on,
+      'case' on;
+    line-height: 130%;
+    font-weight: var(--wui-font-weight-regular);
+    overflow: inherit;
+    text-overflow: inherit;
+    text-align: var(--local-align);
+    color: var(--local-color);
+  }
+
+  .wui-line-clamp-1 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
+
+  .wui-line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+
+  .wui-font-medium-400 {
+    font-size: var(--wui-font-size-medium);
+    font-weight: var(--wui-font-weight-light);
+    letter-spacing: var(--wui-letter-spacing-medium);
+  }
+
+  .wui-font-medium-600 {
+    font-size: var(--wui-font-size-medium);
+    letter-spacing: var(--wui-letter-spacing-medium);
+  }
+
+  .wui-font-title-600 {
+    font-size: var(--wui-font-size-title);
+    letter-spacing: var(--wui-letter-spacing-title);
+  }
+
+  .wui-font-title-6-600 {
+    font-size: var(--wui-font-size-title-6);
+    letter-spacing: var(--wui-letter-spacing-title-6);
+  }
+
+  .wui-font-mini-700 {
+    font-size: var(--wui-font-size-mini);
+    letter-spacing: var(--wui-letter-spacing-mini);
+    text-transform: uppercase;
+  }
+
+  .wui-font-large-500,
+  .wui-font-large-600,
+  .wui-font-large-700 {
+    font-size: var(--wui-font-size-large);
+    letter-spacing: var(--wui-letter-spacing-large);
+  }
+
+  .wui-font-2xl-500,
+  .wui-font-2xl-600,
+  .wui-font-2xl-700 {
+    font-size: var(--wui-font-size-2xl);
+    letter-spacing: var(--wui-letter-spacing-2xl);
+  }
+
+  .wui-font-paragraph-400,
+  .wui-font-paragraph-500,
+  .wui-font-paragraph-600,
+  .wui-font-paragraph-700 {
+    font-size: var(--wui-font-size-paragraph);
+    letter-spacing: var(--wui-letter-spacing-paragraph);
+  }
+
+  .wui-font-small-400,
+  .wui-font-small-500,
+  .wui-font-small-600 {
+    font-size: var(--wui-font-size-small);
+    letter-spacing: var(--wui-letter-spacing-small);
+  }
+
+  .wui-font-tiny-400,
+  .wui-font-tiny-500,
+  .wui-font-tiny-600 {
+    font-size: var(--wui-font-size-tiny);
+    letter-spacing: var(--wui-letter-spacing-tiny);
+  }
+
+  .wui-font-micro-700,
+  .wui-font-micro-600 {
+    font-size: var(--wui-font-size-micro);
+    letter-spacing: var(--wui-letter-spacing-micro);
+    text-transform: uppercase;
+  }
+
+  .wui-font-tiny-400,
+  .wui-font-small-400,
+  .wui-font-medium-400,
+  .wui-font-paragraph-400 {
+    font-weight: var(--wui-font-weight-light);
+  }
+
+  .wui-font-large-700,
+  .wui-font-paragraph-700,
+  .wui-font-micro-700,
+  .wui-font-mini-700 {
+    font-weight: var(--wui-font-weight-bold);
+  }
+
+  .wui-font-medium-600,
+  .wui-font-medium-title-600,
+  .wui-font-title-6-600,
+  .wui-font-large-600,
+  .wui-font-paragraph-600,
+  .wui-font-small-600,
+  .wui-font-tiny-600,
+  .wui-font-micro-600 {
+    font-weight: var(--wui-font-weight-medium);
+  }
+
+  :host([disabled]) {
+    opacity: 0.4;
+  }
+`;
+var __decorate$1 = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r2 = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i3 = decorators.length - 1; i3 >= 0; i3--)
+      if (d = decorators[i3])
+        r2 = (c2 < 3 ? d(r2) : c2 > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let WuiText = class WuiText2 extends r$3 {
+  constructor() {
+    super(...arguments);
+    this.variant = "paragraph-500";
+    this.color = "fg-300";
+    this.align = "left";
+    this.lineClamp = void 0;
+  }
+  render() {
+    const classes = {
+      [`wui-font-${this.variant}`]: true,
+      [`wui-color-${this.color}`]: true,
+      [`wui-line-clamp-${this.lineClamp}`]: this.lineClamp ? true : false
+    };
+    this.style.cssText = `
+      --local-align: ${this.align};
+      --local-color: var(--wui-color-${this.color});
+    `;
+    return x`<slot class=${e(classes)}></slot>`;
+  }
+};
+WuiText.styles = [resetStyles, styles$1];
+__decorate$1([
+  n$2()
+], WuiText.prototype, "variant", void 0);
+__decorate$1([
+  n$2()
+], WuiText.prototype, "color", void 0);
+__decorate$1([
+  n$2()
+], WuiText.prototype, "align", void 0);
+__decorate$1([
+  n$2()
+], WuiText.prototype, "lineClamp", void 0);
+WuiText = __decorate$1([
+  customElement("wui-text")
+], WuiText);
+const styles = i$3`
+  :host {
+    display: flex;
+    width: inherit;
+    height: inherit;
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c2 = arguments.length, r2 = c2 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r2 = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i3 = decorators.length - 1; i3 >= 0; i3--)
+      if (d = decorators[i3])
+        r2 = (c2 < 3 ? d(r2) : c2 > 3 ? d(target, key, r2) : d(target, key)) || r2;
+  return c2 > 3 && r2 && Object.defineProperty(target, key, r2), r2;
+};
+let WuiFlex = class WuiFlex2 extends r$3 {
+  render() {
+    this.style.cssText = `
+      flex-direction: ${this.flexDirection};
+      flex-wrap: ${this.flexWrap};
+      flex-basis: ${this.flexBasis};
+      flex-grow: ${this.flexGrow};
+      flex-shrink: ${this.flexShrink};
+      align-items: ${this.alignItems};
+      justify-content: ${this.justifyContent};
+      column-gap: ${this.columnGap && `var(--wui-spacing-${this.columnGap})`};
+      row-gap: ${this.rowGap && `var(--wui-spacing-${this.rowGap})`};
+      gap: ${this.gap && `var(--wui-spacing-${this.gap})`};
+      padding-top: ${this.padding && UiHelperUtil.getSpacingStyles(this.padding, 0)};
+      padding-right: ${this.padding && UiHelperUtil.getSpacingStyles(this.padding, 1)};
+      padding-bottom: ${this.padding && UiHelperUtil.getSpacingStyles(this.padding, 2)};
+      padding-left: ${this.padding && UiHelperUtil.getSpacingStyles(this.padding, 3)};
+      margin-top: ${this.margin && UiHelperUtil.getSpacingStyles(this.margin, 0)};
+      margin-right: ${this.margin && UiHelperUtil.getSpacingStyles(this.margin, 1)};
+      margin-bottom: ${this.margin && UiHelperUtil.getSpacingStyles(this.margin, 2)};
+      margin-left: ${this.margin && UiHelperUtil.getSpacingStyles(this.margin, 3)};
+    `;
+    return x`<slot></slot>`;
+  }
+};
+WuiFlex.styles = [resetStyles, styles];
+__decorate([
+  n$2()
+], WuiFlex.prototype, "flexDirection", void 0);
+__decorate([
+  n$2()
+], WuiFlex.prototype, "flexWrap", void 0);
+__decorate([
+  n$2()
+], WuiFlex.prototype, "flexBasis", void 0);
+__decorate([
+  n$2()
+], WuiFlex.prototype, "flexGrow", void 0);
+__decorate([
+  n$2()
+], WuiFlex.prototype, "flexShrink", void 0);
+__decorate([
+  n$2()
+], WuiFlex.prototype, "alignItems", void 0);
+__decorate([
+  n$2()
+], WuiFlex.prototype, "justifyContent", void 0);
+__decorate([
+  n$2()
+], WuiFlex.prototype, "columnGap", void 0);
+__decorate([
+  n$2()
+], WuiFlex.prototype, "rowGap", void 0);
+__decorate([
+  n$2()
+], WuiFlex.prototype, "gap", void 0);
+__decorate([
+  n$2()
+], WuiFlex.prototype, "padding", void 0);
+__decorate([
+  n$2()
+], WuiFlex.prototype, "margin", void 0);
+WuiFlex = __decorate([
+  customElement("wui-flex")
+], WuiFlex);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const o = (o2) => o2 ?? E;
+export {
+  UiHelperUtil as U,
+  e$1 as a,
+  customElement as c,
+  e,
+  f,
+  n$2 as n,
+  o,
+  r$1 as r
+};
+//# sourceMappingURL=if-defined-D-8vNRJt.js.map