cppay-sdk 0.0.2-beta.24 → 0.0.2-beta.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AlertController-BPGQ5PgH.js +12787 -0
- package/dist/AlertController-CjTbf-Vd.cjs +10 -0
- package/dist/ApiController-Crww70p3.js +5652 -0
- package/dist/ApiController-DB43iwF1.cjs +4 -0
- package/dist/CaipNetworkUtil-Bd4HeTLY.js +204 -0
- package/dist/CaipNetworkUtil-Bg22uavB.cjs +1 -0
- package/dist/HelpersUtil-CeTmhhZv.js +1415 -0
- package/dist/HelpersUtil-L0eeYoE2.cjs +225 -0
- package/dist/PhArrowCircleDown-BBy_VuPx.js +46 -0
- package/dist/PhArrowCircleDown-BU4QSsA3.cjs +14 -0
- package/dist/PhArrowClockwise-D8C24T6J.js +46 -0
- package/dist/PhArrowClockwise-DWqhijc2.cjs +14 -0
- package/dist/PhArrowDown-Qm1T2ueY.cjs +14 -0
- package/dist/PhArrowDown-p9Tekztm.js +46 -0
- package/dist/PhArrowLeft-CEtyMFdq.cjs +14 -0
- package/dist/PhArrowLeft-CgSKs9Xe.js +46 -0
- package/dist/PhArrowRight-ZatyoD6R.cjs +14 -0
- package/dist/PhArrowRight-dMdzUgrx.js +46 -0
- package/dist/PhArrowSquareOut-CbP71Gny.js +46 -0
- package/dist/PhArrowSquareOut-HyssV9za.cjs +14 -0
- package/dist/PhArrowUp-Cz127u8b.cjs +14 -0
- package/dist/PhArrowUp-DNn-RQ7v.js +46 -0
- package/dist/PhArrowUpRight-BX6LlOL0.cjs +14 -0
- package/dist/PhArrowUpRight-OyGUhoGi.js +46 -0
- package/dist/PhArrowsClockwise-B6w_d2Gy.cjs +14 -0
- package/dist/PhArrowsClockwise-BWITTwAP.js +46 -0
- package/dist/PhArrowsDownUp-CHHtczH8.js +46 -0
- package/dist/PhArrowsDownUp-WYzjhvmQ.cjs +14 -0
- package/dist/PhArrowsLeftRight-BA0fjcLn.js +46 -0
- package/dist/PhArrowsLeftRight-bgyrYWLt.cjs +14 -0
- package/dist/PhBank-BInxTxLw.js +46 -0
- package/dist/PhBank-CZ_uTsAN.cjs +14 -0
- package/dist/PhBrowser--6CxS13p.js +46 -0
- package/dist/PhBrowser-BzOw0W8k.cjs +14 -0
- package/dist/PhCaretDown-D-zrPZN9.js +46 -0
- package/dist/PhCaretDown-DvF3M2iu.cjs +14 -0
- package/dist/PhCaretLeft-DND0SNkF.cjs +14 -0
- package/dist/PhCaretLeft-Dm6NsnIS.js +46 -0
- package/dist/PhCaretRight-BkRzbZ5m.js +46 -0
- package/dist/PhCaretRight-xQkT3bmO.cjs +14 -0
- package/dist/PhCaretUp-BEk_5jnn.cjs +14 -0
- package/dist/PhCaretUp-DZRZQ-T1.js +46 -0
- package/dist/PhCheck-BmwCUZuW.js +46 -0
- package/dist/PhCheck-C-u2QP3y.cjs +14 -0
- package/dist/PhCircleHalf--TfGDEAT.js +46 -0
- package/dist/PhCircleHalf-keQfI7pU.cjs +14 -0
- package/dist/PhClock-BvmbjmRx.cjs +14 -0
- package/dist/PhClock-DNCf5CVD.js +46 -0
- package/dist/PhCompass-B6tcbOFZ.js +46 -0
- package/dist/PhCompass-rWCQ_cR8.cjs +14 -0
- package/dist/PhCopy-CzC1olDO.cjs +14 -0
- package/dist/PhCopy-rbBTM6ME.js +46 -0
- package/dist/PhCreditCard-DOpOB0Pl.js +46 -0
- package/dist/PhCreditCard-D_qRVKuY.cjs +14 -0
- package/dist/PhCurrencyDollar-4EASQkjs.js +46 -0
- package/dist/PhCurrencyDollar-RVJJ6bQ3.cjs +14 -0
- package/dist/PhDesktop-CPaC-lRj.cjs +14 -0
- package/dist/PhDesktop-DZPux6RD.js +46 -0
- package/dist/PhDeviceMobile-BnXs4f3Q.cjs +14 -0
- package/dist/PhDeviceMobile-CcdKzyah.js +46 -0
- package/dist/PhDotsThree-19bbXQaM.js +46 -0
- package/dist/PhDotsThree-DSmFeW6i.cjs +14 -0
- package/dist/PhEnvelope-F7RF6h58.js +46 -0
- package/dist/PhEnvelope-QuTMQbE9.cjs +14 -0
- package/dist/PhFunnelSimple-B_FRP21W.js +46 -0
- package/dist/PhFunnelSimple-D4Ztu4ri.cjs +14 -0
- package/dist/PhGlobe-B8GrTk4S.cjs +14 -0
- package/dist/PhGlobe-BSPoRqTV.js +46 -0
- package/dist/PhIdentificationCard-fGDBGII0.cjs +14 -0
- package/dist/PhIdentificationCard-giQnti3K.js +46 -0
- package/dist/PhImage-BpUk8j27.cjs +14 -0
- package/dist/PhImage-PtBaftbW.js +46 -0
- package/dist/PhInfo-DQEDS02h.js +46 -0
- package/dist/PhInfo-V5wKJJoK.cjs +14 -0
- package/dist/PhLightbulb-Cisg0Myw.js +46 -0
- package/dist/PhLightbulb-xP9kaUlD.cjs +14 -0
- package/dist/PhMagnifyingGlass-C1cVSYf2.cjs +14 -0
- package/dist/PhMagnifyingGlass-DlkOfQXn.js +46 -0
- package/dist/PhPaperPlaneRight-C7Jp2jl_.js +46 -0
- package/dist/PhPaperPlaneRight-Kh3uxxIy.cjs +14 -0
- package/dist/PhPlus-BgHn57eW.js +46 -0
- package/dist/PhPlus-hJ6DZNjc.cjs +14 -0
- package/dist/PhPower-C369g1jk.js +46 -0
- package/dist/PhPower-DZ-SpUrD.cjs +14 -0
- package/dist/PhPuzzlePiece-B0oABcWl.js +46 -0
- package/dist/PhPuzzlePiece-DLtOLrcw.cjs +14 -0
- package/dist/PhQrCode-BT_hyeEa.js +46 -0
- package/dist/PhQrCode-yI6bLoYY.cjs +14 -0
- package/dist/PhQuestion-B1UeE96D.js +46 -0
- package/dist/PhQuestion-icSeWABx.cjs +14 -0
- package/dist/PhQuestionMark-CBVW9Awo.js +46 -0
- package/dist/PhQuestionMark-Cmhqu81E.cjs +14 -0
- package/dist/PhSealCheck-DTKS5QAx.cjs +14 -0
- package/dist/PhSealCheck-Dm2I2X7k.js +46 -0
- package/dist/PhSignOut-25xp33w2.cjs +14 -0
- package/dist/PhSignOut-BTTDADPY.js +46 -0
- package/dist/PhSpinner-Dbua7p0Y.js +46 -0
- package/dist/PhSpinner-DtpwblyA.cjs +14 -0
- package/dist/PhTrash-B3wUg10m.cjs +14 -0
- package/dist/PhTrash-gZghJkGX.js +46 -0
- package/dist/PhUser-Bvcv05IM.js +46 -0
- package/dist/PhUser-COPP3N-M.cjs +14 -0
- package/dist/PhVault-CFa5lrPU.cjs +14 -0
- package/dist/PhVault-DvlBF0VI.js +46 -0
- package/dist/PhWallet-CzJcybaO.cjs +14 -0
- package/dist/PhWallet-Do_lf9BX.js +46 -0
- package/dist/PhWarning-BrbSc7gQ.cjs +14 -0
- package/dist/PhWarning-DiIpJVsx.js +46 -0
- package/dist/PhWarningCircle-DE9BlEIc.js +46 -0
- package/dist/PhWarningCircle-F5Piypme.cjs +14 -0
- package/dist/PhX-BK3VZT8X.cjs +14 -0
- package/dist/PhX-CNlXuiat.js +46 -0
- package/dist/basic-C16-Uba1.js +3796 -0
- package/dist/basic-ChiCOE6E.cjs +1329 -0
- package/dist/chunk-2qRSBEuq.js +18 -0
- package/dist/chunk-DT80SxnK.cjs +1 -0
- package/dist/core-DKXmyfMB.js +2337 -0
- package/dist/core-PuDBroil.cjs +1 -0
- package/dist/dijkstra-CNhLvnjU.cjs +1 -0
- package/dist/dijkstra-kFl0HtsI.js +56 -0
- package/dist/features-BYfQH2hG.cjs +2 -0
- package/dist/features-_5Pi-gXV.js +245 -0
- package/dist/index.cjs +1 -1
- package/dist/index.es-DDV8bPq_.js +8311 -0
- package/dist/index.es-fgFnvPDP.cjs +19 -0
- package/dist/property-Dil4gG0H.cjs +3 -0
- package/dist/property-JsW5AM1M.js +578 -0
- package/dist/react.cjs +1 -1
- package/dist/react.js +133 -131
- package/dist/vue.cjs +1 -1
- package/dist/vue.js +107 -105
- package/dist/w3m-modal-BBvmkTyb.cjs +2416 -0
- package/dist/w3m-modal-CFhImDZN.js +5286 -0
- package/dist/walletconnect-B0zXLUON.cjs +17 -0
- package/dist/walletconnect-Bb4rv9-G.js +11314 -0
- package/dist/wui-list-item-BGvfYb1W.cjs +1452 -0
- package/dist/wui-list-item-C4wJpGBn.js +2123 -0
- package/package.json +2 -5
- package/dist/walletconnect-B0L70Mgc.js +0 -1239
- package/dist/walletconnect-B_n5YF-h.cjs +0 -8
|
@@ -0,0 +1,1415 @@
|
|
|
1
|
+
import { J as ConstantsUtil, M as StorageUtil, m as ConnectorController, n as ChainController } from "./ApiController-Crww70p3.js";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2019 Google LLC
|
|
5
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
+
*/
|
|
7
|
+
var t$1 = globalThis, e$1 = t$1.ShadowRoot && (t$1.ShadyCSS === void 0 || t$1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$3 = /* @__PURE__ */ new WeakMap(), n$1 = class {
|
|
8
|
+
constructor(O, F, U) {
|
|
9
|
+
if (this._$cssResult$ = !0, U !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
10
|
+
this.cssText = O, this.t = F;
|
|
11
|
+
}
|
|
12
|
+
get styleSheet() {
|
|
13
|
+
let O = this.o, F = this.t;
|
|
14
|
+
if (e$1 && O === void 0) {
|
|
15
|
+
let U = F !== void 0 && F.length === 1;
|
|
16
|
+
U && (O = o$3.get(F)), O === void 0 && ((this.o = O = new CSSStyleSheet()).replaceSync(this.cssText), U && o$3.set(F, O));
|
|
17
|
+
}
|
|
18
|
+
return O;
|
|
19
|
+
}
|
|
20
|
+
toString() {
|
|
21
|
+
return this.cssText;
|
|
22
|
+
}
|
|
23
|
+
}, r = (O) => new n$1(typeof O == "string" ? O : O + "", void 0, s$2), i = (O, ...F) => new n$1(O.length === 1 ? O[0] : F.reduce((F, U, W) => F + ((O) => {
|
|
24
|
+
if (!0 === O._$cssResult$) return O.cssText;
|
|
25
|
+
if (typeof O == "number") return O;
|
|
26
|
+
throw Error("Value passed to 'css' function must be a 'css' function result: " + O + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
27
|
+
})(U) + O[W + 1], O[0]), O, s$2), S$1 = (O, F) => {
|
|
28
|
+
if (e$1) O.adoptedStyleSheets = F.map((O) => O instanceof CSSStyleSheet ? O : O.styleSheet);
|
|
29
|
+
else for (let U of F) {
|
|
30
|
+
let F = document.createElement("style"), W = t$1.litNonce;
|
|
31
|
+
W !== void 0 && F.setAttribute("nonce", W), F.textContent = U.cssText, O.appendChild(F);
|
|
32
|
+
}
|
|
33
|
+
}, c$1 = e$1 ? (O) => O : (O) => O instanceof CSSStyleSheet ? ((O) => {
|
|
34
|
+
let F = "";
|
|
35
|
+
for (let U of O.cssRules) F += U.cssText;
|
|
36
|
+
return r(F);
|
|
37
|
+
})(O) : O, { is: i$3, defineProperty: e$2, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$2, getOwnPropertySymbols: o$2, getPrototypeOf: n$2 } = Object, a$1 = globalThis, c$2 = a$1.trustedTypes, l$1 = c$2 ? c$2.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (O, F) => O, u$1 = {
|
|
38
|
+
toAttribute(O, F) {
|
|
39
|
+
switch (F) {
|
|
40
|
+
case Boolean:
|
|
41
|
+
O = O ? l$1 : null;
|
|
42
|
+
break;
|
|
43
|
+
case Object:
|
|
44
|
+
case Array: O = O == null ? O : JSON.stringify(O);
|
|
45
|
+
}
|
|
46
|
+
return O;
|
|
47
|
+
},
|
|
48
|
+
fromAttribute(O, F) {
|
|
49
|
+
let U = O;
|
|
50
|
+
switch (F) {
|
|
51
|
+
case Boolean:
|
|
52
|
+
U = O !== null;
|
|
53
|
+
break;
|
|
54
|
+
case Number:
|
|
55
|
+
U = O === null ? null : Number(O);
|
|
56
|
+
break;
|
|
57
|
+
case Object:
|
|
58
|
+
case Array: try {
|
|
59
|
+
U = JSON.parse(O);
|
|
60
|
+
} catch {
|
|
61
|
+
U = null;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
return U;
|
|
65
|
+
}
|
|
66
|
+
}, f$1 = (O, F) => !i$3(O, F), b$1 = {
|
|
67
|
+
attribute: !0,
|
|
68
|
+
type: String,
|
|
69
|
+
converter: u$1,
|
|
70
|
+
reflect: !1,
|
|
71
|
+
useDefault: !1,
|
|
72
|
+
hasChanged: f$1
|
|
73
|
+
};
|
|
74
|
+
Symbol.metadata ??= Symbol("metadata"), a$1.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
|
|
75
|
+
var y = class extends HTMLElement {
|
|
76
|
+
static addInitializer(O) {
|
|
77
|
+
this._$Ei(), (this.l ??= []).push(O);
|
|
78
|
+
}
|
|
79
|
+
static get observedAttributes() {
|
|
80
|
+
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
|
|
81
|
+
}
|
|
82
|
+
static createProperty(O, F = b$1) {
|
|
83
|
+
if (F.state && (F.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(O) && ((F = Object.create(F)).wrapped = !0), this.elementProperties.set(O, F), !F.noAccessor) {
|
|
84
|
+
let U = Symbol(), W = this.getPropertyDescriptor(O, U, F);
|
|
85
|
+
W !== void 0 && e$2(this.prototype, O, W);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
static getPropertyDescriptor(O, F, U) {
|
|
89
|
+
let { get: W, set: G } = h$1(this.prototype, O) ?? {
|
|
90
|
+
get() {
|
|
91
|
+
return this[F];
|
|
92
|
+
},
|
|
93
|
+
set(O) {
|
|
94
|
+
this[F] = O;
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
return {
|
|
98
|
+
get: W,
|
|
99
|
+
set(F) {
|
|
100
|
+
let K = W?.call(this);
|
|
101
|
+
G?.call(this, F), this.requestUpdate(O, K, U);
|
|
102
|
+
},
|
|
103
|
+
configurable: !0,
|
|
104
|
+
enumerable: !0
|
|
105
|
+
};
|
|
106
|
+
}
|
|
107
|
+
static getPropertyOptions(O) {
|
|
108
|
+
return this.elementProperties.get(O) ?? b$1;
|
|
109
|
+
}
|
|
110
|
+
static _$Ei() {
|
|
111
|
+
if (this.hasOwnProperty(d$1("elementProperties"))) return;
|
|
112
|
+
let O = n$2(this);
|
|
113
|
+
O.finalize(), O.l !== void 0 && (this.l = [...O.l]), this.elementProperties = new Map(O.elementProperties);
|
|
114
|
+
}
|
|
115
|
+
static finalize() {
|
|
116
|
+
if (this.hasOwnProperty(d$1("finalized"))) return;
|
|
117
|
+
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
|
|
118
|
+
let O = this.properties, F = [...r$2(O), ...o$2(O)];
|
|
119
|
+
for (let U of F) this.createProperty(U, O[U]);
|
|
120
|
+
}
|
|
121
|
+
let O = this[Symbol.metadata];
|
|
122
|
+
if (O !== null) {
|
|
123
|
+
let F = litPropertyMetadata.get(O);
|
|
124
|
+
if (F !== void 0) for (let [O, U] of F) this.elementProperties.set(O, U);
|
|
125
|
+
}
|
|
126
|
+
this._$Eh = /* @__PURE__ */ new Map();
|
|
127
|
+
for (let [O, F] of this.elementProperties) {
|
|
128
|
+
let U = this._$Eu(O, F);
|
|
129
|
+
U !== void 0 && this._$Eh.set(U, O);
|
|
130
|
+
}
|
|
131
|
+
this.elementStyles = this.finalizeStyles(this.styles);
|
|
132
|
+
}
|
|
133
|
+
static finalizeStyles(O) {
|
|
134
|
+
let F = [];
|
|
135
|
+
if (Array.isArray(O)) {
|
|
136
|
+
let U = new Set(O.flat(Infinity).reverse());
|
|
137
|
+
for (let O of U) F.unshift(c$1(O));
|
|
138
|
+
} else O !== void 0 && F.push(c$1(O));
|
|
139
|
+
return F;
|
|
140
|
+
}
|
|
141
|
+
static _$Eu(O, F) {
|
|
142
|
+
let U = F.attribute;
|
|
143
|
+
return !1 === U ? void 0 : typeof U == "string" ? U : typeof O == "string" ? O.toLowerCase() : void 0;
|
|
144
|
+
}
|
|
145
|
+
constructor() {
|
|
146
|
+
super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
|
|
147
|
+
}
|
|
148
|
+
_$Ev() {
|
|
149
|
+
this._$ES = new Promise((O) => this.enableUpdating = O), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((O) => O(this));
|
|
150
|
+
}
|
|
151
|
+
addController(O) {
|
|
152
|
+
(this._$EO ??= /* @__PURE__ */ new Set()).add(O), this.renderRoot !== void 0 && this.isConnected && O.hostConnected?.();
|
|
153
|
+
}
|
|
154
|
+
removeController(O) {
|
|
155
|
+
this._$EO?.delete(O);
|
|
156
|
+
}
|
|
157
|
+
_$E_() {
|
|
158
|
+
let O = /* @__PURE__ */ new Map(), F = this.constructor.elementProperties;
|
|
159
|
+
for (let U of F.keys()) this.hasOwnProperty(U) && (O.set(U, this[U]), delete this[U]);
|
|
160
|
+
O.size > 0 && (this._$Ep = O);
|
|
161
|
+
}
|
|
162
|
+
createRenderRoot() {
|
|
163
|
+
let O = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
|
|
164
|
+
return S$1(O, this.constructor.elementStyles), O;
|
|
165
|
+
}
|
|
166
|
+
connectedCallback() {
|
|
167
|
+
this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((O) => O.hostConnected?.());
|
|
168
|
+
}
|
|
169
|
+
enableUpdating(O) {}
|
|
170
|
+
disconnectedCallback() {
|
|
171
|
+
this._$EO?.forEach((O) => O.hostDisconnected?.());
|
|
172
|
+
}
|
|
173
|
+
attributeChangedCallback(O, F, U) {
|
|
174
|
+
this._$AK(O, U);
|
|
175
|
+
}
|
|
176
|
+
_$ET(O, F) {
|
|
177
|
+
let U = this.constructor.elementProperties.get(O), W = this.constructor._$Eu(O, U);
|
|
178
|
+
if (W !== void 0 && !0 === U.reflect) {
|
|
179
|
+
let G = (U.converter?.toAttribute === void 0 ? u$1 : U.converter).toAttribute(F, U.type);
|
|
180
|
+
this._$Em = O, G == null ? this.removeAttribute(W) : this.setAttribute(W, G), this._$Em = null;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
_$AK(O, F) {
|
|
184
|
+
let U = this.constructor, W = U._$Eh.get(O);
|
|
185
|
+
if (W !== void 0 && this._$Em !== W) {
|
|
186
|
+
let O = U.getPropertyOptions(W), G = typeof O.converter == "function" ? { fromAttribute: O.converter } : O.converter?.fromAttribute === void 0 ? u$1 : O.converter;
|
|
187
|
+
this._$Em = W;
|
|
188
|
+
let K = G.fromAttribute(F, O.type);
|
|
189
|
+
this[W] = K ?? this._$Ej?.get(W) ?? K, this._$Em = null;
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
requestUpdate(O, F, U, W = !1, G) {
|
|
193
|
+
if (O !== void 0) {
|
|
194
|
+
let K = this.constructor;
|
|
195
|
+
if (!1 === W && (G = this[O]), U ??= K.getPropertyOptions(O), !((U.hasChanged ?? f$1)(G, F) || U.useDefault && U.reflect && G === this._$Ej?.get(O) && !this.hasAttribute(K._$Eu(O, U)))) return;
|
|
196
|
+
this.C(O, F, U);
|
|
197
|
+
}
|
|
198
|
+
!1 === this.isUpdatePending && (this._$ES = this._$EP());
|
|
199
|
+
}
|
|
200
|
+
C(O, F, { useDefault: U, reflect: W, wrapped: G }, K) {
|
|
201
|
+
U && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(O) && (this._$Ej.set(O, K ?? F ?? this[O]), !0 !== G || K !== void 0) || (this._$AL.has(O) || (this.hasUpdated || U || (F = void 0), this._$AL.set(O, F)), !0 === W && this._$Em !== O && (this._$Eq ??= /* @__PURE__ */ new Set()).add(O));
|
|
202
|
+
}
|
|
203
|
+
async _$EP() {
|
|
204
|
+
this.isUpdatePending = !0;
|
|
205
|
+
try {
|
|
206
|
+
await this._$ES;
|
|
207
|
+
} catch (O) {
|
|
208
|
+
Promise.reject(O);
|
|
209
|
+
}
|
|
210
|
+
let O = this.scheduleUpdate();
|
|
211
|
+
return O != null && await O, !this.isUpdatePending;
|
|
212
|
+
}
|
|
213
|
+
scheduleUpdate() {
|
|
214
|
+
return this.performUpdate();
|
|
215
|
+
}
|
|
216
|
+
performUpdate() {
|
|
217
|
+
if (!this.isUpdatePending) return;
|
|
218
|
+
if (!this.hasUpdated) {
|
|
219
|
+
if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
|
|
220
|
+
for (let [O, F] of this._$Ep) this[O] = F;
|
|
221
|
+
this._$Ep = void 0;
|
|
222
|
+
}
|
|
223
|
+
let O = this.constructor.elementProperties;
|
|
224
|
+
if (O.size > 0) for (let [F, U] of O) {
|
|
225
|
+
let { wrapped: O } = U, W = this[F];
|
|
226
|
+
!0 !== O || this._$AL.has(F) || W === void 0 || this.C(F, void 0, U, W);
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
let O = !1, F = this._$AL;
|
|
230
|
+
try {
|
|
231
|
+
O = this.shouldUpdate(F), O ? (this.willUpdate(F), this._$EO?.forEach((O) => O.hostUpdate?.()), this.update(F)) : this._$EM();
|
|
232
|
+
} catch (F) {
|
|
233
|
+
throw O = !1, this._$EM(), F;
|
|
234
|
+
}
|
|
235
|
+
O && this._$AE(F);
|
|
236
|
+
}
|
|
237
|
+
willUpdate(O) {}
|
|
238
|
+
_$AE(O) {
|
|
239
|
+
this._$EO?.forEach((O) => O.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(O)), this.updated(O);
|
|
240
|
+
}
|
|
241
|
+
_$EM() {
|
|
242
|
+
this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
|
|
243
|
+
}
|
|
244
|
+
get updateComplete() {
|
|
245
|
+
return this.getUpdateComplete();
|
|
246
|
+
}
|
|
247
|
+
getUpdateComplete() {
|
|
248
|
+
return this._$ES;
|
|
249
|
+
}
|
|
250
|
+
shouldUpdate(O) {
|
|
251
|
+
return !0;
|
|
252
|
+
}
|
|
253
|
+
update(O) {
|
|
254
|
+
this._$Eq &&= this._$Eq.forEach((O) => this._$ET(O, this[O])), this._$EM();
|
|
255
|
+
}
|
|
256
|
+
updated(O) {}
|
|
257
|
+
firstUpdated(O) {}
|
|
258
|
+
};
|
|
259
|
+
y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[d$1("elementProperties")] = /* @__PURE__ */ new Map(), y[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1?.({ ReactiveElement: y }), (a$1.reactiveElementVersions ??= []).push("2.1.2");
|
|
260
|
+
/**
|
|
261
|
+
* @license
|
|
262
|
+
* Copyright 2017 Google LLC
|
|
263
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
264
|
+
*/
|
|
265
|
+
var t = globalThis, i$2 = (O) => O, s$1 = t.trustedTypes, e = s$1 ? s$1.createPolicy("lit-html", { createHTML: (O) => O }) : void 0, h = "$lit$", o$1 = `lit$${Math.random().toFixed(9).slice(2)}$`, n = "?" + o$1, r$1 = `<${n}>`, l = document, c = () => l.createComment(""), a = (O) => O === null || typeof O != "object" && typeof O != "function", u = Array.isArray, d = (O) => u(O) || typeof O?.[Symbol.iterator] == "function", f = "[ \n\f\r]", v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p = RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), g = /'/g, $ = /"/g, y$1 = /^(?:script|style|textarea|title)$/i, x = (O) => (F, ...U) => ({
|
|
266
|
+
_$litType$: O,
|
|
267
|
+
strings: F,
|
|
268
|
+
values: U
|
|
269
|
+
}), b = x(1), w = x(2), T = x(3), E = Symbol.for("lit-noChange"), A = Symbol.for("lit-nothing"), C = /* @__PURE__ */ new WeakMap(), P = l.createTreeWalker(l, 129);
|
|
270
|
+
function V(O, F) {
|
|
271
|
+
if (!u(O) || !O.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
272
|
+
return e === void 0 ? F : e.createHTML(F);
|
|
273
|
+
}
|
|
274
|
+
var N = (O, F) => {
|
|
275
|
+
let U = O.length - 1, W = [], G, K = F === 2 ? "<svg>" : F === 3 ? "<math>" : "", q = v;
|
|
276
|
+
for (let F = 0; F < U; F++) {
|
|
277
|
+
let U = O[F], J, Y, X = -1, Q = 0;
|
|
278
|
+
for (; Q < U.length && (q.lastIndex = Q, Y = q.exec(U), Y !== null);) Q = q.lastIndex, q === v ? Y[1] === "!--" ? q = _ : Y[1] === void 0 ? Y[2] === void 0 ? Y[3] !== void 0 && (q = p) : (y$1.test(Y[2]) && (G = RegExp("</" + Y[2], "g")), q = p) : q = m : q === p ? Y[0] === ">" ? (q = G ?? v, X = -1) : Y[1] === void 0 ? X = -2 : (X = q.lastIndex - Y[2].length, J = Y[1], q = Y[3] === void 0 ? p : Y[3] === "\"" ? $ : g) : q === $ || q === g ? q = p : q === _ || q === m ? q = v : (q = p, G = void 0);
|
|
279
|
+
let zt = q === p && O[F + 1].startsWith("/>") ? " " : "";
|
|
280
|
+
K += q === v ? U + r$1 : X >= 0 ? (W.push(J), U.slice(0, X) + h + U.slice(X) + o$1 + zt) : U + o$1 + (X === -2 ? F : zt);
|
|
281
|
+
}
|
|
282
|
+
return [V(O, K + (O[U] || "<?>") + (F === 2 ? "</svg>" : F === 3 ? "</math>" : "")), W];
|
|
283
|
+
}, S = class O {
|
|
284
|
+
constructor({ strings: F, _$litType$: U }, W) {
|
|
285
|
+
let G;
|
|
286
|
+
this.parts = [];
|
|
287
|
+
let K = 0, q = 0, J = F.length - 1, Y = this.parts, [X, Q] = N(F, U);
|
|
288
|
+
if (this.el = O.createElement(X, W), P.currentNode = this.el.content, U === 2 || U === 3) {
|
|
289
|
+
let O = this.el.content.firstChild;
|
|
290
|
+
O.replaceWith(...O.childNodes);
|
|
291
|
+
}
|
|
292
|
+
for (; (G = P.nextNode()) !== null && Y.length < J;) {
|
|
293
|
+
if (G.nodeType === 1) {
|
|
294
|
+
if (G.hasAttributes()) for (let O of G.getAttributeNames()) if (O.endsWith(h)) {
|
|
295
|
+
let F = Q[q++], U = G.getAttribute(O).split(o$1), W = /([.?@])?(.*)/.exec(F);
|
|
296
|
+
Y.push({
|
|
297
|
+
type: 1,
|
|
298
|
+
index: K,
|
|
299
|
+
name: W[2],
|
|
300
|
+
strings: U,
|
|
301
|
+
ctor: W[1] === "." ? I : W[1] === "?" ? L : W[1] === "@" ? z : H
|
|
302
|
+
}), G.removeAttribute(O);
|
|
303
|
+
} else O.startsWith(o$1) && (Y.push({
|
|
304
|
+
type: 6,
|
|
305
|
+
index: K
|
|
306
|
+
}), G.removeAttribute(O));
|
|
307
|
+
if (y$1.test(G.tagName)) {
|
|
308
|
+
let O = G.textContent.split(o$1), F = O.length - 1;
|
|
309
|
+
if (F > 0) {
|
|
310
|
+
G.textContent = s$1 ? s$1.emptyScript : "";
|
|
311
|
+
for (let U = 0; U < F; U++) G.append(O[U], c()), P.nextNode(), Y.push({
|
|
312
|
+
type: 2,
|
|
313
|
+
index: ++K
|
|
314
|
+
});
|
|
315
|
+
G.append(O[F], c());
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
} else if (G.nodeType === 8) if (G.data === n) Y.push({
|
|
319
|
+
type: 2,
|
|
320
|
+
index: K
|
|
321
|
+
});
|
|
322
|
+
else {
|
|
323
|
+
let O = -1;
|
|
324
|
+
for (; (O = G.data.indexOf(o$1, O + 1)) !== -1;) Y.push({
|
|
325
|
+
type: 7,
|
|
326
|
+
index: K
|
|
327
|
+
}), O += o$1.length - 1;
|
|
328
|
+
}
|
|
329
|
+
K++;
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
static createElement(O, F) {
|
|
333
|
+
let U = l.createElement("template");
|
|
334
|
+
return U.innerHTML = O, U;
|
|
335
|
+
}
|
|
336
|
+
};
|
|
337
|
+
function M(O, F, U = O, W) {
|
|
338
|
+
if (F === E) return F;
|
|
339
|
+
let G = W === void 0 ? U._$Cl : U._$Co?.[W], K = a(F) ? void 0 : F._$litDirective$;
|
|
340
|
+
return G?.constructor !== K && (G?._$AO?.(!1), K === void 0 ? G = void 0 : (G = new K(O), G._$AT(O, U, W)), W === void 0 ? U._$Cl = G : (U._$Co ??= [])[W] = G), G !== void 0 && (F = M(O, G._$AS(O, F.values), G, W)), F;
|
|
341
|
+
}
|
|
342
|
+
var R = class {
|
|
343
|
+
constructor(O, F) {
|
|
344
|
+
this._$AV = [], this._$AN = void 0, this._$AD = O, this._$AM = F;
|
|
345
|
+
}
|
|
346
|
+
get parentNode() {
|
|
347
|
+
return this._$AM.parentNode;
|
|
348
|
+
}
|
|
349
|
+
get _$AU() {
|
|
350
|
+
return this._$AM._$AU;
|
|
351
|
+
}
|
|
352
|
+
u(O) {
|
|
353
|
+
let { el: { content: F }, parts: U } = this._$AD, W = (O?.creationScope ?? l).importNode(F, !0);
|
|
354
|
+
P.currentNode = W;
|
|
355
|
+
let G = P.nextNode(), K = 0, q = 0, J = U[0];
|
|
356
|
+
for (; J !== void 0;) {
|
|
357
|
+
if (K === J.index) {
|
|
358
|
+
let F;
|
|
359
|
+
J.type === 2 ? F = new k(G, G.nextSibling, this, O) : J.type === 1 ? F = new J.ctor(G, J.name, J.strings, this, O) : J.type === 6 && (F = new Z(G, this, O)), this._$AV.push(F), J = U[++q];
|
|
360
|
+
}
|
|
361
|
+
K !== J?.index && (G = P.nextNode(), K++);
|
|
362
|
+
}
|
|
363
|
+
return P.currentNode = l, W;
|
|
364
|
+
}
|
|
365
|
+
p(O) {
|
|
366
|
+
let F = 0;
|
|
367
|
+
for (let U of this._$AV) U !== void 0 && (U.strings === void 0 ? U._$AI(O[F]) : (U._$AI(O, U, F), F += U.strings.length - 2)), F++;
|
|
368
|
+
}
|
|
369
|
+
}, k = class O {
|
|
370
|
+
get _$AU() {
|
|
371
|
+
return this._$AM?._$AU ?? this._$Cv;
|
|
372
|
+
}
|
|
373
|
+
constructor(O, F, U, W) {
|
|
374
|
+
this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = O, this._$AB = F, this._$AM = U, this.options = W, this._$Cv = W?.isConnected ?? !0;
|
|
375
|
+
}
|
|
376
|
+
get parentNode() {
|
|
377
|
+
let O = this._$AA.parentNode, F = this._$AM;
|
|
378
|
+
return F !== void 0 && O?.nodeType === 11 && (O = F.parentNode), O;
|
|
379
|
+
}
|
|
380
|
+
get startNode() {
|
|
381
|
+
return this._$AA;
|
|
382
|
+
}
|
|
383
|
+
get endNode() {
|
|
384
|
+
return this._$AB;
|
|
385
|
+
}
|
|
386
|
+
_$AI(O, F = this) {
|
|
387
|
+
O = M(this, O, F), a(O) ? O === A || O == null || O === "" ? (this._$AH !== A && this._$AR(), this._$AH = A) : O !== this._$AH && O !== E && this._(O) : O._$litType$ === void 0 ? O.nodeType === void 0 ? d(O) ? this.k(O) : this._(O) : this.T(O) : this.$(O);
|
|
388
|
+
}
|
|
389
|
+
O(O) {
|
|
390
|
+
return this._$AA.parentNode.insertBefore(O, this._$AB);
|
|
391
|
+
}
|
|
392
|
+
T(O) {
|
|
393
|
+
this._$AH !== O && (this._$AR(), this._$AH = this.O(O));
|
|
394
|
+
}
|
|
395
|
+
_(O) {
|
|
396
|
+
this._$AH !== A && a(this._$AH) ? this._$AA.nextSibling.data = O : this.T(l.createTextNode(O)), this._$AH = O;
|
|
397
|
+
}
|
|
398
|
+
$(O) {
|
|
399
|
+
let { values: F, _$litType$: U } = O, W = typeof U == "number" ? this._$AC(O) : (U.el === void 0 && (U.el = S.createElement(V(U.h, U.h[0]), this.options)), U);
|
|
400
|
+
if (this._$AH?._$AD === W) this._$AH.p(F);
|
|
401
|
+
else {
|
|
402
|
+
let O = new R(W, this), U = O.u(this.options);
|
|
403
|
+
O.p(F), this.T(U), this._$AH = O;
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
_$AC(O) {
|
|
407
|
+
let F = C.get(O.strings);
|
|
408
|
+
return F === void 0 && C.set(O.strings, F = new S(O)), F;
|
|
409
|
+
}
|
|
410
|
+
k(F) {
|
|
411
|
+
u(this._$AH) || (this._$AH = [], this._$AR());
|
|
412
|
+
let U = this._$AH, W, G = 0;
|
|
413
|
+
for (let K of F) G === U.length ? U.push(W = new O(this.O(c()), this.O(c()), this, this.options)) : W = U[G], W._$AI(K), G++;
|
|
414
|
+
G < U.length && (this._$AR(W && W._$AB.nextSibling, G), U.length = G);
|
|
415
|
+
}
|
|
416
|
+
_$AR(O = this._$AA.nextSibling, F) {
|
|
417
|
+
for (this._$AP?.(!1, !0, F); O !== this._$AB;) {
|
|
418
|
+
let F = i$2(O).nextSibling;
|
|
419
|
+
i$2(O).remove(), O = F;
|
|
420
|
+
}
|
|
421
|
+
}
|
|
422
|
+
setConnected(O) {
|
|
423
|
+
this._$AM === void 0 && (this._$Cv = O, this._$AP?.(O));
|
|
424
|
+
}
|
|
425
|
+
}, H = class {
|
|
426
|
+
get tagName() {
|
|
427
|
+
return this.element.tagName;
|
|
428
|
+
}
|
|
429
|
+
get _$AU() {
|
|
430
|
+
return this._$AM._$AU;
|
|
431
|
+
}
|
|
432
|
+
constructor(O, F, U, W, G) {
|
|
433
|
+
this.type = 1, this._$AH = A, this._$AN = void 0, this.element = O, this.name = F, this._$AM = W, this.options = G, U.length > 2 || U[0] !== "" || U[1] !== "" ? (this._$AH = Array(U.length - 1).fill(/* @__PURE__ */ new String()), this.strings = U) : this._$AH = A;
|
|
434
|
+
}
|
|
435
|
+
_$AI(O, F = this, U, W) {
|
|
436
|
+
let G = this.strings, K = !1;
|
|
437
|
+
if (G === void 0) O = M(this, O, F, 0), K = !a(O) || O !== this._$AH && O !== E, K && (this._$AH = O);
|
|
438
|
+
else {
|
|
439
|
+
let W = O, q, J;
|
|
440
|
+
for (O = G[0], q = 0; q < G.length - 1; q++) J = M(this, W[U + q], F, q), J === E && (J = this._$AH[q]), K ||= !a(J) || J !== this._$AH[q], J === A ? O = A : O !== A && (O += (J ?? "") + G[q + 1]), this._$AH[q] = J;
|
|
441
|
+
}
|
|
442
|
+
K && !W && this.j(O);
|
|
443
|
+
}
|
|
444
|
+
j(O) {
|
|
445
|
+
O === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, O ?? "");
|
|
446
|
+
}
|
|
447
|
+
}, I = class extends H {
|
|
448
|
+
constructor() {
|
|
449
|
+
super(...arguments), this.type = 3;
|
|
450
|
+
}
|
|
451
|
+
j(O) {
|
|
452
|
+
this.element[this.name] = O === A ? void 0 : O;
|
|
453
|
+
}
|
|
454
|
+
}, L = class extends H {
|
|
455
|
+
constructor() {
|
|
456
|
+
super(...arguments), this.type = 4;
|
|
457
|
+
}
|
|
458
|
+
j(O) {
|
|
459
|
+
this.element.toggleAttribute(this.name, !!O && O !== A);
|
|
460
|
+
}
|
|
461
|
+
}, z = class extends H {
|
|
462
|
+
constructor(O, F, U, W, G) {
|
|
463
|
+
super(O, F, U, W, G), this.type = 5;
|
|
464
|
+
}
|
|
465
|
+
_$AI(O, F = this) {
|
|
466
|
+
if ((O = M(this, O, F, 0) ?? A) === E) return;
|
|
467
|
+
let U = this._$AH, W = O === A && U !== A || O.capture !== U.capture || O.once !== U.once || O.passive !== U.passive, G = O !== A && (U === A || W);
|
|
468
|
+
W && this.element.removeEventListener(this.name, this, U), G && this.element.addEventListener(this.name, this, O), this._$AH = O;
|
|
469
|
+
}
|
|
470
|
+
handleEvent(O) {
|
|
471
|
+
typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, O) : this._$AH.handleEvent(O);
|
|
472
|
+
}
|
|
473
|
+
}, Z = class {
|
|
474
|
+
constructor(O, F, U) {
|
|
475
|
+
this.element = O, this.type = 6, this._$AN = void 0, this._$AM = F, this.options = U;
|
|
476
|
+
}
|
|
477
|
+
get _$AU() {
|
|
478
|
+
return this._$AM._$AU;
|
|
479
|
+
}
|
|
480
|
+
_$AI(O) {
|
|
481
|
+
M(this, O);
|
|
482
|
+
}
|
|
483
|
+
}, j = {
|
|
484
|
+
M: h,
|
|
485
|
+
P: o$1,
|
|
486
|
+
A: n,
|
|
487
|
+
C: 1,
|
|
488
|
+
L: N,
|
|
489
|
+
R,
|
|
490
|
+
D: d,
|
|
491
|
+
V: M,
|
|
492
|
+
I: k,
|
|
493
|
+
H,
|
|
494
|
+
N: L,
|
|
495
|
+
U: z,
|
|
496
|
+
B: I,
|
|
497
|
+
F: Z
|
|
498
|
+
}, B = t.litHtmlPolyfillSupport;
|
|
499
|
+
B?.(S, k), (t.litHtmlVersions ??= []).push("3.3.2");
|
|
500
|
+
var D = (O, F, U) => {
|
|
501
|
+
let W = U?.renderBefore ?? F, G = W._$litPart$;
|
|
502
|
+
if (G === void 0) {
|
|
503
|
+
let O = U?.renderBefore ?? null;
|
|
504
|
+
W._$litPart$ = G = new k(F.insertBefore(c(), O), O, void 0, U ?? {});
|
|
505
|
+
}
|
|
506
|
+
return G._$AI(O), G;
|
|
507
|
+
}, s = globalThis, i$1 = class extends y {
|
|
508
|
+
constructor() {
|
|
509
|
+
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
510
|
+
}
|
|
511
|
+
createRenderRoot() {
|
|
512
|
+
let O = super.createRenderRoot();
|
|
513
|
+
return this.renderOptions.renderBefore ??= O.firstChild, O;
|
|
514
|
+
}
|
|
515
|
+
update(O) {
|
|
516
|
+
let F = this.render();
|
|
517
|
+
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(O), this._$Do = D(F, this.renderRoot, this.renderOptions);
|
|
518
|
+
}
|
|
519
|
+
connectedCallback() {
|
|
520
|
+
super.connectedCallback(), this._$Do?.setConnected(!0);
|
|
521
|
+
}
|
|
522
|
+
disconnectedCallback() {
|
|
523
|
+
super.disconnectedCallback(), this._$Do?.setConnected(!1);
|
|
524
|
+
}
|
|
525
|
+
render() {
|
|
526
|
+
return E;
|
|
527
|
+
}
|
|
528
|
+
};
|
|
529
|
+
i$1._$litElement$ = !0, i$1.finalized = !0, s.litElementHydrateSupport?.({ LitElement: i$1 });
|
|
530
|
+
var o = s.litElementPolyfillSupport;
|
|
531
|
+
o?.({ LitElement: i$1 }), (s.litElementVersions ??= []).push("4.2.2");
|
|
532
|
+
const MathUtil = { interpolate(O, F, U) {
|
|
533
|
+
if (O.length !== 2 || F.length !== 2) throw Error("inputRange and outputRange must be an array of length 2");
|
|
534
|
+
let W = O[0] || 0, G = O[1] || 0, K = F[0] || 0, q = F[1] || 0;
|
|
535
|
+
return U < W ? K : U > G ? q : (q - K) / (G - W) * (U - W) + K;
|
|
536
|
+
} }, colors = {
|
|
537
|
+
black: "#202020",
|
|
538
|
+
white: "#FFFFFF",
|
|
539
|
+
white010: "rgba(255, 255, 255, 0.1)",
|
|
540
|
+
accent010: "rgba(9, 136, 240, 0.1)",
|
|
541
|
+
accent020: "rgba(9, 136, 240, 0.2)",
|
|
542
|
+
accent030: "rgba(9, 136, 240, 0.3)",
|
|
543
|
+
accent040: "rgba(9, 136, 240, 0.4)",
|
|
544
|
+
accent050: "rgba(9, 136, 240, 0.5)",
|
|
545
|
+
accent060: "rgba(9, 136, 240, 0.6)",
|
|
546
|
+
accent070: "rgba(9, 136, 240, 0.7)",
|
|
547
|
+
accent080: "rgba(9, 136, 240, 0.8)",
|
|
548
|
+
accent090: "rgba(9, 136, 240, 0.9)",
|
|
549
|
+
accent100: "rgba(9, 136, 240, 1.0)",
|
|
550
|
+
accentSecondary010: "rgba(199, 185, 148, 0.1)",
|
|
551
|
+
accentSecondary020: "rgba(199, 185, 148, 0.2)",
|
|
552
|
+
accentSecondary030: "rgba(199, 185, 148, 0.3)",
|
|
553
|
+
accentSecondary040: "rgba(199, 185, 148, 0.4)",
|
|
554
|
+
accentSecondary050: "rgba(199, 185, 148, 0.5)",
|
|
555
|
+
accentSecondary060: "rgba(199, 185, 148, 0.6)",
|
|
556
|
+
accentSecondary070: "rgba(199, 185, 148, 0.7)",
|
|
557
|
+
accentSecondary080: "rgba(199, 185, 148, 0.8)",
|
|
558
|
+
accentSecondary090: "rgba(199, 185, 148, 0.9)",
|
|
559
|
+
accentSecondary100: "rgba(199, 185, 148, 1.0)",
|
|
560
|
+
productWalletKit: "#FFB800",
|
|
561
|
+
productAppKit: "#FF573B",
|
|
562
|
+
productCloud: "#0988F0",
|
|
563
|
+
productDocumentation: "#008847",
|
|
564
|
+
neutrals050: "#F6F6F6",
|
|
565
|
+
neutrals100: "#F3F3F3",
|
|
566
|
+
neutrals200: "#E9E9E9",
|
|
567
|
+
neutrals300: "#D0D0D0",
|
|
568
|
+
neutrals400: "#BBB",
|
|
569
|
+
neutrals500: "#9A9A9A",
|
|
570
|
+
neutrals600: "#6C6C6C",
|
|
571
|
+
neutrals700: "#4F4F4F",
|
|
572
|
+
neutrals800: "#363636",
|
|
573
|
+
neutrals900: "#2A2A2A",
|
|
574
|
+
neutrals1000: "#252525",
|
|
575
|
+
semanticSuccess010: "rgba(48, 164, 107, 0.1)",
|
|
576
|
+
semanticSuccess020: "rgba(48, 164, 107, 0.2)",
|
|
577
|
+
semanticSuccess030: "rgba(48, 164, 107, 0.3)",
|
|
578
|
+
semanticSuccess040: "rgba(48, 164, 107, 0.4)",
|
|
579
|
+
semanticSuccess050: "rgba(48, 164, 107, 0.5)",
|
|
580
|
+
semanticSuccess060: "rgba(48, 164, 107, 0.6)",
|
|
581
|
+
semanticSuccess070: "rgba(48, 164, 107, 0.7)",
|
|
582
|
+
semanticSuccess080: "rgba(48, 164, 107, 0.8)",
|
|
583
|
+
semanticSuccess090: "rgba(48, 164, 107, 0.9)",
|
|
584
|
+
semanticSuccess100: "rgba(48, 164, 107, 1.0)",
|
|
585
|
+
semanticError010: "rgba(223, 74, 52, 0.1)",
|
|
586
|
+
semanticError020: "rgba(223, 74, 52, 0.2)",
|
|
587
|
+
semanticError030: "rgba(223, 74, 52, 0.3)",
|
|
588
|
+
semanticError040: "rgba(223, 74, 52, 0.4)",
|
|
589
|
+
semanticError050: "rgba(223, 74, 52, 0.5)",
|
|
590
|
+
semanticError060: "rgba(223, 74, 52, 0.6)",
|
|
591
|
+
semanticError070: "rgba(223, 74, 52, 0.7)",
|
|
592
|
+
semanticError080: "rgba(223, 74, 52, 0.8)",
|
|
593
|
+
semanticError090: "rgba(223, 74, 52, 0.9)",
|
|
594
|
+
semanticError100: "rgba(223, 74, 52, 1.0)",
|
|
595
|
+
semanticWarning010: "rgba(243, 161, 63, 0.1)",
|
|
596
|
+
semanticWarning020: "rgba(243, 161, 63, 0.2)",
|
|
597
|
+
semanticWarning030: "rgba(243, 161, 63, 0.3)",
|
|
598
|
+
semanticWarning040: "rgba(243, 161, 63, 0.4)",
|
|
599
|
+
semanticWarning050: "rgba(243, 161, 63, 0.5)",
|
|
600
|
+
semanticWarning060: "rgba(243, 161, 63, 0.6)",
|
|
601
|
+
semanticWarning070: "rgba(243, 161, 63, 0.7)",
|
|
602
|
+
semanticWarning080: "rgba(243, 161, 63, 0.8)",
|
|
603
|
+
semanticWarning090: "rgba(243, 161, 63, 0.9)",
|
|
604
|
+
semanticWarning100: "rgba(243, 161, 63, 1.0)"
|
|
605
|
+
}, tokens = {
|
|
606
|
+
core: {
|
|
607
|
+
backgroundAccentPrimary: "#0988F0",
|
|
608
|
+
backgroundAccentCertified: "#C7B994",
|
|
609
|
+
backgroundWalletKit: "#FFB800",
|
|
610
|
+
backgroundAppKit: "#FF573B",
|
|
611
|
+
backgroundCloud: "#0988F0",
|
|
612
|
+
backgroundDocumentation: "#008847",
|
|
613
|
+
backgroundSuccess: "rgba(48, 164, 107, 0.20)",
|
|
614
|
+
backgroundError: "rgba(223, 74, 52, 0.20)",
|
|
615
|
+
backgroundWarning: "rgba(243, 161, 63, 0.20)",
|
|
616
|
+
textAccentPrimary: "#0988F0",
|
|
617
|
+
textAccentCertified: "#C7B994",
|
|
618
|
+
textWalletKit: "#FFB800",
|
|
619
|
+
textAppKit: "#FF573B",
|
|
620
|
+
textCloud: "#0988F0",
|
|
621
|
+
textDocumentation: "#008847",
|
|
622
|
+
textSuccess: "#30A46B",
|
|
623
|
+
textError: "#DF4A34",
|
|
624
|
+
textWarning: "#F3A13F",
|
|
625
|
+
borderAccentPrimary: "#0988F0",
|
|
626
|
+
borderSecondary: "#C7B994",
|
|
627
|
+
borderSuccess: "#30A46B",
|
|
628
|
+
borderError: "#DF4A34",
|
|
629
|
+
borderWarning: "#F3A13F",
|
|
630
|
+
foregroundAccent010: "rgba(9, 136, 240, 0.1)",
|
|
631
|
+
foregroundAccent020: "rgba(9, 136, 240, 0.2)",
|
|
632
|
+
foregroundAccent040: "rgba(9, 136, 240, 0.4)",
|
|
633
|
+
foregroundAccent060: "rgba(9, 136, 240, 0.6)",
|
|
634
|
+
foregroundSecondary020: "rgba(199, 185, 148, 0.2)",
|
|
635
|
+
foregroundSecondary040: "rgba(199, 185, 148, 0.4)",
|
|
636
|
+
foregroundSecondary060: "rgba(199, 185, 148, 0.6)",
|
|
637
|
+
iconAccentPrimary: "#0988F0",
|
|
638
|
+
iconAccentCertified: "#C7B994",
|
|
639
|
+
iconSuccess: "#30A46B",
|
|
640
|
+
iconError: "#DF4A34",
|
|
641
|
+
iconWarning: "#F3A13F",
|
|
642
|
+
glass010: "rgba(255, 255, 255, 0.1)",
|
|
643
|
+
zIndex: "9999"
|
|
644
|
+
},
|
|
645
|
+
dark: {
|
|
646
|
+
overlay: "rgba(0, 0, 0, 0.50)",
|
|
647
|
+
backgroundPrimary: "#202020",
|
|
648
|
+
backgroundInvert: "#FFFFFF",
|
|
649
|
+
textPrimary: "#FFFFFF",
|
|
650
|
+
textSecondary: "#9A9A9A",
|
|
651
|
+
textTertiary: "#BBBBBB",
|
|
652
|
+
textInvert: "#202020",
|
|
653
|
+
borderPrimary: "#2A2A2A",
|
|
654
|
+
borderPrimaryDark: "#363636",
|
|
655
|
+
borderSecondary: "#4F4F4F",
|
|
656
|
+
foregroundPrimary: "#252525",
|
|
657
|
+
foregroundSecondary: "#2A2A2A",
|
|
658
|
+
foregroundTertiary: "#363636",
|
|
659
|
+
iconDefault: "#9A9A9A",
|
|
660
|
+
iconInverse: "#FFFFFF"
|
|
661
|
+
},
|
|
662
|
+
light: {
|
|
663
|
+
overlay: "rgba(230 , 230, 230, 0.5)",
|
|
664
|
+
backgroundPrimary: "#FFFFFF",
|
|
665
|
+
borderPrimaryDark: "#E9E9E9",
|
|
666
|
+
backgroundInvert: "#202020",
|
|
667
|
+
textPrimary: "#202020",
|
|
668
|
+
textSecondary: "#9A9A9A",
|
|
669
|
+
textTertiary: "#6C6C6C",
|
|
670
|
+
textInvert: "#FFFFFF",
|
|
671
|
+
borderPrimary: "#E9E9E9",
|
|
672
|
+
borderSecondary: "#D0D0D0",
|
|
673
|
+
foregroundPrimary: "#F3F3F3",
|
|
674
|
+
foregroundSecondary: "#E9E9E9",
|
|
675
|
+
foregroundTertiary: "#D0D0D0",
|
|
676
|
+
iconDefault: "#9A9A9A",
|
|
677
|
+
iconInverse: "#202020"
|
|
678
|
+
}
|
|
679
|
+
}, borderRadius = {
|
|
680
|
+
1: "4px",
|
|
681
|
+
2: "8px",
|
|
682
|
+
10: "10px",
|
|
683
|
+
3: "12px",
|
|
684
|
+
4: "16px",
|
|
685
|
+
6: "24px",
|
|
686
|
+
5: "20px",
|
|
687
|
+
8: "32px",
|
|
688
|
+
16: "64px",
|
|
689
|
+
20: "80px",
|
|
690
|
+
32: "128px",
|
|
691
|
+
64: "256px",
|
|
692
|
+
128: "512px",
|
|
693
|
+
round: "9999px"
|
|
694
|
+
}, spacing = {
|
|
695
|
+
0: "0px",
|
|
696
|
+
"01": "2px",
|
|
697
|
+
1: "4px",
|
|
698
|
+
2: "8px",
|
|
699
|
+
3: "12px",
|
|
700
|
+
4: "16px",
|
|
701
|
+
5: "20px",
|
|
702
|
+
6: "24px",
|
|
703
|
+
7: "28px",
|
|
704
|
+
8: "32px",
|
|
705
|
+
9: "36px",
|
|
706
|
+
10: "40px",
|
|
707
|
+
12: "48px",
|
|
708
|
+
14: "56px",
|
|
709
|
+
16: "64px",
|
|
710
|
+
20: "80px",
|
|
711
|
+
32: "128px",
|
|
712
|
+
64: "256px"
|
|
713
|
+
}, styles = {
|
|
714
|
+
colors,
|
|
715
|
+
fontFamily: {
|
|
716
|
+
regular: "KHTeka",
|
|
717
|
+
mono: "KHTekaMono"
|
|
718
|
+
},
|
|
719
|
+
fontWeight: {
|
|
720
|
+
regular: "400",
|
|
721
|
+
medium: "500"
|
|
722
|
+
},
|
|
723
|
+
textSize: {
|
|
724
|
+
h1: "50px",
|
|
725
|
+
h2: "44px",
|
|
726
|
+
h3: "38px",
|
|
727
|
+
h4: "32px",
|
|
728
|
+
h5: "26px",
|
|
729
|
+
h6: "20px",
|
|
730
|
+
large: "16px",
|
|
731
|
+
medium: "14px",
|
|
732
|
+
small: "12px"
|
|
733
|
+
},
|
|
734
|
+
typography: {
|
|
735
|
+
"h1-regular-mono": {
|
|
736
|
+
lineHeight: "50px",
|
|
737
|
+
letterSpacing: "-3px"
|
|
738
|
+
},
|
|
739
|
+
"h1-regular": {
|
|
740
|
+
lineHeight: "50px",
|
|
741
|
+
letterSpacing: "-1px"
|
|
742
|
+
},
|
|
743
|
+
"h1-medium": {
|
|
744
|
+
lineHeight: "50px",
|
|
745
|
+
letterSpacing: "-0.84px"
|
|
746
|
+
},
|
|
747
|
+
"h2-regular-mono": {
|
|
748
|
+
lineHeight: "44px",
|
|
749
|
+
letterSpacing: "-2.64px"
|
|
750
|
+
},
|
|
751
|
+
"h2-regular": {
|
|
752
|
+
lineHeight: "44px",
|
|
753
|
+
letterSpacing: "-0.88px"
|
|
754
|
+
},
|
|
755
|
+
"h2-medium": {
|
|
756
|
+
lineHeight: "44px",
|
|
757
|
+
letterSpacing: "-0.88px"
|
|
758
|
+
},
|
|
759
|
+
"h3-regular-mono": {
|
|
760
|
+
lineHeight: "38px",
|
|
761
|
+
letterSpacing: "-2.28px"
|
|
762
|
+
},
|
|
763
|
+
"h3-regular": {
|
|
764
|
+
lineHeight: "38px",
|
|
765
|
+
letterSpacing: "-0.76px"
|
|
766
|
+
},
|
|
767
|
+
"h3-medium": {
|
|
768
|
+
lineHeight: "38px",
|
|
769
|
+
letterSpacing: "-0.76px"
|
|
770
|
+
},
|
|
771
|
+
"h4-regular-mono": {
|
|
772
|
+
lineHeight: "32px",
|
|
773
|
+
letterSpacing: "-1.92px"
|
|
774
|
+
},
|
|
775
|
+
"h4-regular": {
|
|
776
|
+
lineHeight: "32px",
|
|
777
|
+
letterSpacing: "-0.32px"
|
|
778
|
+
},
|
|
779
|
+
"h4-medium": {
|
|
780
|
+
lineHeight: "32px",
|
|
781
|
+
letterSpacing: "-0.32px"
|
|
782
|
+
},
|
|
783
|
+
"h5-regular-mono": {
|
|
784
|
+
lineHeight: "26px",
|
|
785
|
+
letterSpacing: "-1.56px"
|
|
786
|
+
},
|
|
787
|
+
"h5-regular": {
|
|
788
|
+
lineHeight: "26px",
|
|
789
|
+
letterSpacing: "-0.26px"
|
|
790
|
+
},
|
|
791
|
+
"h5-medium": {
|
|
792
|
+
lineHeight: "26px",
|
|
793
|
+
letterSpacing: "-0.26px"
|
|
794
|
+
},
|
|
795
|
+
"h6-regular-mono": {
|
|
796
|
+
lineHeight: "20px",
|
|
797
|
+
letterSpacing: "-1.2px"
|
|
798
|
+
},
|
|
799
|
+
"h6-regular": {
|
|
800
|
+
lineHeight: "20px",
|
|
801
|
+
letterSpacing: "-0.6px"
|
|
802
|
+
},
|
|
803
|
+
"h6-medium": {
|
|
804
|
+
lineHeight: "20px",
|
|
805
|
+
letterSpacing: "-0.6px"
|
|
806
|
+
},
|
|
807
|
+
"lg-regular-mono": {
|
|
808
|
+
lineHeight: "16px",
|
|
809
|
+
letterSpacing: "-0.96px"
|
|
810
|
+
},
|
|
811
|
+
"lg-regular": {
|
|
812
|
+
lineHeight: "18px",
|
|
813
|
+
letterSpacing: "-0.16px"
|
|
814
|
+
},
|
|
815
|
+
"lg-medium": {
|
|
816
|
+
lineHeight: "18px",
|
|
817
|
+
letterSpacing: "-0.16px"
|
|
818
|
+
},
|
|
819
|
+
"md-regular-mono": {
|
|
820
|
+
lineHeight: "14px",
|
|
821
|
+
letterSpacing: "-0.84px"
|
|
822
|
+
},
|
|
823
|
+
"md-regular": {
|
|
824
|
+
lineHeight: "16px",
|
|
825
|
+
letterSpacing: "-0.14px"
|
|
826
|
+
},
|
|
827
|
+
"md-medium": {
|
|
828
|
+
lineHeight: "16px",
|
|
829
|
+
letterSpacing: "-0.14px"
|
|
830
|
+
},
|
|
831
|
+
"sm-regular-mono": {
|
|
832
|
+
lineHeight: "12px",
|
|
833
|
+
letterSpacing: "-0.72px"
|
|
834
|
+
},
|
|
835
|
+
"sm-regular": {
|
|
836
|
+
lineHeight: "14px",
|
|
837
|
+
letterSpacing: "-0.12px"
|
|
838
|
+
},
|
|
839
|
+
"sm-medium": {
|
|
840
|
+
lineHeight: "14px",
|
|
841
|
+
letterSpacing: "-0.12px"
|
|
842
|
+
}
|
|
843
|
+
},
|
|
844
|
+
tokens: {
|
|
845
|
+
core: tokens.core,
|
|
846
|
+
theme: tokens.dark
|
|
847
|
+
},
|
|
848
|
+
borderRadius,
|
|
849
|
+
spacing,
|
|
850
|
+
durations: {
|
|
851
|
+
xl: "400ms",
|
|
852
|
+
lg: "200ms",
|
|
853
|
+
md: "125ms",
|
|
854
|
+
sm: "75ms"
|
|
855
|
+
},
|
|
856
|
+
easings: {
|
|
857
|
+
"ease-out-power-2": "cubic-bezier(0.23, 0.09, 0.08, 1.13)",
|
|
858
|
+
"ease-out-power-1": "cubic-bezier(0.12, 0.04, 0.2, 1.06)",
|
|
859
|
+
"ease-in-power-2": "cubic-bezier(0.92, -0.13, 0.77, 0.91)",
|
|
860
|
+
"ease-in-power-1": "cubic-bezier(0.88, -0.06, 0.8, 0.96)",
|
|
861
|
+
"ease-inout-power-2": "cubic-bezier(0.77, 0.09, 0.23, 1.13)",
|
|
862
|
+
"ease-inout-power-1": "cubic-bezier(0.88, 0.04, 0.12, 1.06)"
|
|
863
|
+
}
|
|
864
|
+
};
|
|
865
|
+
var PREFIX_VAR = "--apkt";
|
|
866
|
+
function normalizeThemeVariables(O) {
|
|
867
|
+
if (!O) return {};
|
|
868
|
+
let F = {};
|
|
869
|
+
return F["font-family"] = O["--apkt-font-family"] ?? O["--w3m-font-family"] ?? "KHTeka", F.accent = O["--apkt-accent"] ?? O["--w3m-accent"] ?? "#0988F0", F["color-mix"] = O["--apkt-color-mix"] ?? O["--w3m-color-mix"] ?? "#000", F["color-mix-strength"] = O["--apkt-color-mix-strength"] ?? O["--w3m-color-mix-strength"] ?? 0, F["font-size-master"] = O["--apkt-font-size-master"] ?? O["--w3m-font-size-master"] ?? "10px", F["border-radius-master"] = O["--apkt-border-radius-master"] ?? O["--w3m-border-radius-master"] ?? "4px", O["--apkt-z-index"] === void 0 ? O["--w3m-z-index"] !== void 0 && (F["z-index"] = O["--w3m-z-index"]) : F["z-index"] = O["--apkt-z-index"], F;
|
|
870
|
+
}
|
|
871
|
+
const ThemeHelperUtil = {
|
|
872
|
+
createCSSVariables(O) {
|
|
873
|
+
let F = {}, U = {};
|
|
874
|
+
function W(O, F, U = "") {
|
|
875
|
+
for (let [G, K] of Object.entries(O)) {
|
|
876
|
+
let O = U ? `${U}-${G}` : G;
|
|
877
|
+
K && typeof K == "object" && Object.keys(K).length ? (F[G] = {}, W(K, F[G], O)) : typeof K == "string" && (F[G] = `${PREFIX_VAR}-${O}`);
|
|
878
|
+
}
|
|
879
|
+
}
|
|
880
|
+
function G(O, F) {
|
|
881
|
+
for (let [U, W] of Object.entries(O)) W && typeof W == "object" ? (F[U] = {}, G(W, F[U])) : typeof W == "string" && (F[U] = `var(${W})`);
|
|
882
|
+
}
|
|
883
|
+
return W(O, F), G(F, U), {
|
|
884
|
+
cssVariables: F,
|
|
885
|
+
cssVariablesVarPrefix: U
|
|
886
|
+
};
|
|
887
|
+
},
|
|
888
|
+
assignCSSVariables(O, F) {
|
|
889
|
+
let U = {};
|
|
890
|
+
function W(O, F, G) {
|
|
891
|
+
for (let [K, q] of Object.entries(O)) {
|
|
892
|
+
let O = G ? `${G}-${K}` : K, J = F[K];
|
|
893
|
+
q && typeof q == "object" ? W(q, J, O) : typeof J == "string" && (U[`${PREFIX_VAR}-${O}`] = J);
|
|
894
|
+
}
|
|
895
|
+
}
|
|
896
|
+
return W(O, F), U;
|
|
897
|
+
},
|
|
898
|
+
createRootStyles(O, F) {
|
|
899
|
+
let U = {
|
|
900
|
+
...styles,
|
|
901
|
+
tokens: {
|
|
902
|
+
...styles.tokens,
|
|
903
|
+
theme: O === "light" ? tokens.light : tokens.dark
|
|
904
|
+
}
|
|
905
|
+
}, { cssVariables: W } = ThemeHelperUtil.createCSSVariables(U), G = ThemeHelperUtil.assignCSSVariables(W, U), K = ThemeHelperUtil.generateW3MVariables(F), q = ThemeHelperUtil.generateW3MOverrides(F), J = ThemeHelperUtil.generateScaledVariables(F), Y = ThemeHelperUtil.generateBaseVariables(G), X = {
|
|
906
|
+
...G,
|
|
907
|
+
...Y,
|
|
908
|
+
...K,
|
|
909
|
+
...q,
|
|
910
|
+
...J
|
|
911
|
+
}, Q = ThemeHelperUtil.applyColorMixToVariables(F, X), zt = {
|
|
912
|
+
...X,
|
|
913
|
+
...Q
|
|
914
|
+
};
|
|
915
|
+
return `:root {${Object.entries(zt).map(([O, F]) => `${O}:${F.replace("/[:;{}</>]/g", "")};`).join("")}}`;
|
|
916
|
+
},
|
|
917
|
+
generateW3MVariables(O) {
|
|
918
|
+
if (!O) return {};
|
|
919
|
+
let F = normalizeThemeVariables(O), U = {};
|
|
920
|
+
return U["--w3m-font-family"] = F["font-family"], U["--w3m-accent"] = F.accent, U["--w3m-color-mix"] = F["color-mix"], U["--w3m-color-mix-strength"] = `${F["color-mix-strength"]}%`, U["--w3m-font-size-master"] = F["font-size-master"], U["--w3m-border-radius-master"] = F["border-radius-master"], U;
|
|
921
|
+
},
|
|
922
|
+
generateW3MOverrides(O) {
|
|
923
|
+
if (!O) return {};
|
|
924
|
+
let F = normalizeThemeVariables(O), U = {};
|
|
925
|
+
if (O["--apkt-accent"] || O["--w3m-accent"]) {
|
|
926
|
+
let O = F.accent;
|
|
927
|
+
U["--apkt-tokens-core-iconAccentPrimary"] = O, U["--apkt-tokens-core-borderAccentPrimary"] = O, U["--apkt-tokens-core-textAccentPrimary"] = O, U["--apkt-tokens-core-backgroundAccentPrimary"] = O;
|
|
928
|
+
}
|
|
929
|
+
return (O["--apkt-font-family"] || O["--w3m-font-family"]) && (U["--apkt-fontFamily-regular"] = F["font-family"]), F["z-index"] !== void 0 && (U["--apkt-tokens-core-zIndex"] = `${F["z-index"]}`), U;
|
|
930
|
+
},
|
|
931
|
+
generateScaledVariables(O) {
|
|
932
|
+
if (!O) return {};
|
|
933
|
+
let F = normalizeThemeVariables(O), U = {};
|
|
934
|
+
if (O["--apkt-font-size-master"] || O["--w3m-font-size-master"]) {
|
|
935
|
+
let O = parseFloat(F["font-size-master"].replace("px", ""));
|
|
936
|
+
U["--apkt-textSize-h1"] = `${Number(O) * 5}px`, U["--apkt-textSize-h2"] = `${Number(O) * 4.4}px`, U["--apkt-textSize-h3"] = `${Number(O) * 3.8}px`, U["--apkt-textSize-h4"] = `${Number(O) * 3.2}px`, U["--apkt-textSize-h5"] = `${Number(O) * 2.6}px`, U["--apkt-textSize-h6"] = `${Number(O) * 2}px`, U["--apkt-textSize-large"] = `${Number(O) * 1.6}px`, U["--apkt-textSize-medium"] = `${Number(O) * 1.4}px`, U["--apkt-textSize-small"] = `${Number(O) * 1.2}px`;
|
|
937
|
+
}
|
|
938
|
+
if (O["--apkt-border-radius-master"] || O["--w3m-border-radius-master"]) {
|
|
939
|
+
let O = parseFloat(F["border-radius-master"].replace("px", ""));
|
|
940
|
+
U["--apkt-borderRadius-1"] = `${Number(O)}px`, U["--apkt-borderRadius-2"] = `${Number(O) * 2}px`, U["--apkt-borderRadius-3"] = `${Number(O) * 3}px`, U["--apkt-borderRadius-4"] = `${Number(O) * 4}px`, U["--apkt-borderRadius-5"] = `${Number(O) * 5}px`, U["--apkt-borderRadius-6"] = `${Number(O) * 6}px`, U["--apkt-borderRadius-8"] = `${Number(O) * 8}px`, U["--apkt-borderRadius-16"] = `${Number(O) * 16}px`, U["--apkt-borderRadius-20"] = `${Number(O) * 20}px`, U["--apkt-borderRadius-32"] = `${Number(O) * 32}px`, U["--apkt-borderRadius-64"] = `${Number(O) * 64}px`, U["--apkt-borderRadius-128"] = `${Number(O) * 128}px`;
|
|
941
|
+
}
|
|
942
|
+
return U;
|
|
943
|
+
},
|
|
944
|
+
generateColorMixCSS(O, F) {
|
|
945
|
+
if (!O?.["--w3m-color-mix"] || !O["--w3m-color-mix-strength"]) return "";
|
|
946
|
+
let U = O["--w3m-color-mix"], W = O["--w3m-color-mix-strength"];
|
|
947
|
+
if (!W || W === 0) return "";
|
|
948
|
+
let G = Object.keys(F || {}).filter((O) => {
|
|
949
|
+
let F = O.includes("-tokens-core-background") || O.includes("-tokens-core-text") || O.includes("-tokens-core-border") || O.includes("-tokens-core-foreground") || O.includes("-tokens-core-icon") || O.includes("-tokens-theme-background") || O.includes("-tokens-theme-text") || O.includes("-tokens-theme-border") || O.includes("-tokens-theme-foreground") || O.includes("-tokens-theme-icon"), U = O.includes("-borderRadius-") || O.includes("-spacing-") || O.includes("-textSize-") || O.includes("-fontFamily-") || O.includes("-fontWeight-") || O.includes("-typography-") || O.includes("-duration-") || O.includes("-ease-") || O.includes("-path-") || O.includes("-width-") || O.includes("-height-") || O.includes("-visual-size-") || O.includes("-modal-width") || O.includes("-cover");
|
|
950
|
+
return F && !U;
|
|
951
|
+
});
|
|
952
|
+
return G.length === 0 ? "" : ` @supports (background: color-mix(in srgb, white 50%, black)) {
|
|
953
|
+
:root {
|
|
954
|
+
${G.map((O) => {
|
|
955
|
+
let G = F?.[O] || "";
|
|
956
|
+
return G.includes("color-mix") || G.startsWith("#") || G.startsWith("rgb") ? `${O}: color-mix(in srgb, ${U} ${W}%, ${G});` : `${O}: color-mix(in srgb, ${U} ${W}%, var(${O}-base, ${G}));`;
|
|
957
|
+
}).join("")}
|
|
958
|
+
}
|
|
959
|
+
}`;
|
|
960
|
+
},
|
|
961
|
+
generateBaseVariables(O) {
|
|
962
|
+
let F = {}, U = O["--apkt-tokens-theme-backgroundPrimary"];
|
|
963
|
+
U && (F["--apkt-tokens-theme-backgroundPrimary-base"] = U);
|
|
964
|
+
let W = O["--apkt-tokens-core-backgroundAccentPrimary"];
|
|
965
|
+
return W && (F["--apkt-tokens-core-backgroundAccentPrimary-base"] = W), F;
|
|
966
|
+
},
|
|
967
|
+
applyColorMixToVariables(O, F) {
|
|
968
|
+
let U = {};
|
|
969
|
+
F?.["--apkt-tokens-theme-backgroundPrimary"] && (U["--apkt-tokens-theme-backgroundPrimary"] = "var(--apkt-tokens-theme-backgroundPrimary-base)"), F?.["--apkt-tokens-core-backgroundAccentPrimary"] && (U["--apkt-tokens-core-backgroundAccentPrimary"] = "var(--apkt-tokens-core-backgroundAccentPrimary-base)");
|
|
970
|
+
let W = normalizeThemeVariables(O), G = W["color-mix"], K = W["color-mix-strength"];
|
|
971
|
+
if (!K || K === 0) return U;
|
|
972
|
+
let q = Object.keys(F || {}).filter((O) => {
|
|
973
|
+
let F = O.includes("-tokens-core-background") || O.includes("-tokens-core-text") || O.includes("-tokens-core-border") || O.includes("-tokens-core-foreground") || O.includes("-tokens-core-icon") || O.includes("-tokens-theme-background") || O.includes("-tokens-theme-text") || O.includes("-tokens-theme-border") || O.includes("-tokens-theme-foreground") || O.includes("-tokens-theme-icon") || O.includes("-tokens-theme-overlay"), U = O.includes("-borderRadius-") || O.includes("-spacing-") || O.includes("-textSize-") || O.includes("-fontFamily-") || O.includes("-fontWeight-") || O.includes("-typography-") || O.includes("-duration-") || O.includes("-ease-") || O.includes("-path-") || O.includes("-width-") || O.includes("-height-") || O.includes("-visual-size-") || O.includes("-modal-width") || O.includes("-cover");
|
|
974
|
+
return F && !U;
|
|
975
|
+
});
|
|
976
|
+
return q.length === 0 || q.forEach((O) => {
|
|
977
|
+
let W = F?.[O] || "";
|
|
978
|
+
O.endsWith("-base") || (O === "--apkt-tokens-theme-backgroundPrimary" || O === "--apkt-tokens-core-backgroundAccentPrimary" ? U[O] = `color-mix(in srgb, ${G} ${K}%, var(${O}-base))` : W.includes("color-mix") || W.startsWith("#") || W.startsWith("rgb") ? U[O] = `color-mix(in srgb, ${G} ${K}%, ${W})` : U[O] = `color-mix(in srgb, ${G} ${K}%, var(${O}-base, ${W}))`);
|
|
979
|
+
}), U;
|
|
980
|
+
}
|
|
981
|
+
};
|
|
982
|
+
var { cssVariablesVarPrefix: vars } = ThemeHelperUtil.createCSSVariables(styles);
|
|
983
|
+
function css(O, ...F) {
|
|
984
|
+
return i(O, ...F.map((O) => r(typeof O == "function" ? O(vars) : O)));
|
|
985
|
+
}
|
|
986
|
+
var apktTag = void 0, themeTag = void 0, darkModeTag = void 0, lightModeTag = void 0, currentThemeVariables = void 0, fonts = {
|
|
987
|
+
"KHTeka-500-woff2": "https://fonts.reown.com/KHTeka-Medium.woff2",
|
|
988
|
+
"KHTeka-400-woff2": "https://fonts.reown.com/KHTeka-Regular.woff2",
|
|
989
|
+
"KHTeka-300-woff2": "https://fonts.reown.com/KHTeka-Light.woff2",
|
|
990
|
+
"KHTekaMono-400-woff2": "https://fonts.reown.com/KHTekaMono-Regular.woff2",
|
|
991
|
+
"KHTeka-500-woff": "https://fonts.reown.com/KHTeka-Light.woff",
|
|
992
|
+
"KHTeka-400-woff": "https://fonts.reown.com/KHTeka-Regular.woff",
|
|
993
|
+
"KHTeka-300-woff": "https://fonts.reown.com/KHTeka-Light.woff",
|
|
994
|
+
"KHTekaMono-400-woff": "https://fonts.reown.com/KHTekaMono-Regular.woff"
|
|
995
|
+
};
|
|
996
|
+
function createAppKitTheme(O, F = "dark") {
|
|
997
|
+
apktTag && document.head.removeChild(apktTag), apktTag = document.createElement("style"), apktTag.textContent = ThemeHelperUtil.createRootStyles(F, O), document.head.appendChild(apktTag);
|
|
998
|
+
}
|
|
999
|
+
function initializeTheming(O, F = "dark") {
|
|
1000
|
+
if (currentThemeVariables = O, themeTag = document.createElement("style"), darkModeTag = document.createElement("style"), lightModeTag = document.createElement("style"), themeTag.textContent = createRootStyles(O).core.cssText, darkModeTag.textContent = createRootStyles(O).dark.cssText, lightModeTag.textContent = createRootStyles(O).light.cssText, document.head.appendChild(themeTag), document.head.appendChild(darkModeTag), document.head.appendChild(lightModeTag), createAppKitTheme(O, F), setColorTheme(F), !(O?.["--apkt-font-family"] || O?.["--w3m-font-family"])) for (let [O, F] of Object.entries(fonts)) {
|
|
1001
|
+
let U = document.createElement("link");
|
|
1002
|
+
U.rel = "preload", U.href = F, U.as = "font", U.type = O.includes("woff2") ? "font/woff2" : "font/woff", U.crossOrigin = "anonymous", document.head.appendChild(U);
|
|
1003
|
+
}
|
|
1004
|
+
setColorTheme(F);
|
|
1005
|
+
}
|
|
1006
|
+
function setColorTheme(O = "dark") {
|
|
1007
|
+
darkModeTag && lightModeTag && apktTag && (O === "light" ? (createAppKitTheme(currentThemeVariables, O), darkModeTag.removeAttribute("media"), lightModeTag.media = "enabled") : (createAppKitTheme(currentThemeVariables, O), lightModeTag.removeAttribute("media"), darkModeTag.media = "enabled"));
|
|
1008
|
+
}
|
|
1009
|
+
function setThemeVariables(O) {
|
|
1010
|
+
if (currentThemeVariables = O, themeTag && darkModeTag && lightModeTag) {
|
|
1011
|
+
themeTag.textContent = createRootStyles(O).core.cssText, darkModeTag.textContent = createRootStyles(O).dark.cssText, lightModeTag.textContent = createRootStyles(O).light.cssText;
|
|
1012
|
+
let F = O?.["--apkt-font-family"] || O?.["--w3m-font-family"];
|
|
1013
|
+
F && (themeTag.textContent = themeTag.textContent?.replace("font-family: KHTeka", `font-family: ${F}`), darkModeTag.textContent = darkModeTag.textContent?.replace("font-family: KHTeka", `font-family: ${F}`), lightModeTag.textContent = lightModeTag.textContent?.replace("font-family: KHTeka", `font-family: ${F}`));
|
|
1014
|
+
}
|
|
1015
|
+
apktTag && createAppKitTheme(O, lightModeTag?.media === "enabled" ? "light" : "dark");
|
|
1016
|
+
}
|
|
1017
|
+
function createRootStyles(O) {
|
|
1018
|
+
return {
|
|
1019
|
+
core: i`
|
|
1020
|
+
${O?.["--apkt-font-family"] || O?.["--w3m-font-family"] ? i`` : i`
|
|
1021
|
+
@font-face {
|
|
1022
|
+
font-family: 'KHTeka';
|
|
1023
|
+
src:
|
|
1024
|
+
url(${r(fonts["KHTeka-400-woff2"])}) format('woff2'),
|
|
1025
|
+
url(${r(fonts["KHTeka-400-woff"])}) format('woff');
|
|
1026
|
+
font-weight: 400;
|
|
1027
|
+
font-style: normal;
|
|
1028
|
+
font-display: swap;
|
|
1029
|
+
}
|
|
1030
|
+
|
|
1031
|
+
@font-face {
|
|
1032
|
+
font-family: 'KHTeka';
|
|
1033
|
+
src:
|
|
1034
|
+
url(${r(fonts["KHTeka-300-woff2"])}) format('woff2'),
|
|
1035
|
+
url(${r(fonts["KHTeka-300-woff"])}) format('woff');
|
|
1036
|
+
font-weight: 300;
|
|
1037
|
+
font-style: normal;
|
|
1038
|
+
}
|
|
1039
|
+
|
|
1040
|
+
@font-face {
|
|
1041
|
+
font-family: 'KHTekaMono';
|
|
1042
|
+
src:
|
|
1043
|
+
url(${r(fonts["KHTekaMono-400-woff2"])}) format('woff2'),
|
|
1044
|
+
url(${r(fonts["KHTekaMono-400-woff"])}) format('woff');
|
|
1045
|
+
font-weight: 400;
|
|
1046
|
+
font-style: normal;
|
|
1047
|
+
}
|
|
1048
|
+
|
|
1049
|
+
@font-face {
|
|
1050
|
+
font-family: 'KHTeka';
|
|
1051
|
+
src:
|
|
1052
|
+
url(${r(fonts["KHTeka-400-woff2"])}) format('woff2'),
|
|
1053
|
+
url(${r(fonts["KHTeka-400-woff"])}) format('woff');
|
|
1054
|
+
font-weight: 400;
|
|
1055
|
+
font-style: normal;
|
|
1056
|
+
}
|
|
1057
|
+
`}
|
|
1058
|
+
|
|
1059
|
+
@keyframes w3m-shake {
|
|
1060
|
+
0% {
|
|
1061
|
+
transform: scale(1) rotate(0deg);
|
|
1062
|
+
}
|
|
1063
|
+
20% {
|
|
1064
|
+
transform: scale(1) rotate(-1deg);
|
|
1065
|
+
}
|
|
1066
|
+
40% {
|
|
1067
|
+
transform: scale(1) rotate(1.5deg);
|
|
1068
|
+
}
|
|
1069
|
+
60% {
|
|
1070
|
+
transform: scale(1) rotate(-1.5deg);
|
|
1071
|
+
}
|
|
1072
|
+
80% {
|
|
1073
|
+
transform: scale(1) rotate(1deg);
|
|
1074
|
+
}
|
|
1075
|
+
100% {
|
|
1076
|
+
transform: scale(1) rotate(0deg);
|
|
1077
|
+
}
|
|
1078
|
+
}
|
|
1079
|
+
@keyframes w3m-iframe-fade-out {
|
|
1080
|
+
0% {
|
|
1081
|
+
opacity: 1;
|
|
1082
|
+
}
|
|
1083
|
+
100% {
|
|
1084
|
+
opacity: 0;
|
|
1085
|
+
}
|
|
1086
|
+
}
|
|
1087
|
+
@keyframes w3m-iframe-zoom-in {
|
|
1088
|
+
0% {
|
|
1089
|
+
transform: translateY(50px);
|
|
1090
|
+
opacity: 0;
|
|
1091
|
+
}
|
|
1092
|
+
100% {
|
|
1093
|
+
transform: translateY(0px);
|
|
1094
|
+
opacity: 1;
|
|
1095
|
+
}
|
|
1096
|
+
}
|
|
1097
|
+
@keyframes w3m-iframe-zoom-in-mobile {
|
|
1098
|
+
0% {
|
|
1099
|
+
transform: scale(0.95);
|
|
1100
|
+
opacity: 0;
|
|
1101
|
+
}
|
|
1102
|
+
100% {
|
|
1103
|
+
transform: scale(1);
|
|
1104
|
+
opacity: 1;
|
|
1105
|
+
}
|
|
1106
|
+
}
|
|
1107
|
+
:root {
|
|
1108
|
+
--apkt-modal-width: 370px;
|
|
1109
|
+
|
|
1110
|
+
--apkt-visual-size-inherit: inherit;
|
|
1111
|
+
--apkt-visual-size-sm: 40px;
|
|
1112
|
+
--apkt-visual-size-md: 55px;
|
|
1113
|
+
--apkt-visual-size-lg: 80px;
|
|
1114
|
+
|
|
1115
|
+
--apkt-path-network-sm: path(
|
|
1116
|
+
'M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z'
|
|
1117
|
+
);
|
|
1118
|
+
|
|
1119
|
+
--apkt-path-network-md: path(
|
|
1120
|
+
'M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z'
|
|
1121
|
+
);
|
|
1122
|
+
|
|
1123
|
+
--apkt-path-network-lg: path(
|
|
1124
|
+
'M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z'
|
|
1125
|
+
);
|
|
1126
|
+
|
|
1127
|
+
--apkt-width-network-sm: 36px;
|
|
1128
|
+
--apkt-width-network-md: 48px;
|
|
1129
|
+
--apkt-width-network-lg: 86px;
|
|
1130
|
+
|
|
1131
|
+
--apkt-duration-dynamic: 0ms;
|
|
1132
|
+
--apkt-height-network-sm: 40px;
|
|
1133
|
+
--apkt-height-network-md: 54px;
|
|
1134
|
+
--apkt-height-network-lg: 96px;
|
|
1135
|
+
}
|
|
1136
|
+
`,
|
|
1137
|
+
dark: i`
|
|
1138
|
+
:root {
|
|
1139
|
+
}
|
|
1140
|
+
`,
|
|
1141
|
+
light: i`
|
|
1142
|
+
:root {
|
|
1143
|
+
}
|
|
1144
|
+
`
|
|
1145
|
+
};
|
|
1146
|
+
}
|
|
1147
|
+
const resetStyles = i`
|
|
1148
|
+
div,
|
|
1149
|
+
span,
|
|
1150
|
+
iframe,
|
|
1151
|
+
a,
|
|
1152
|
+
img,
|
|
1153
|
+
form,
|
|
1154
|
+
button,
|
|
1155
|
+
label,
|
|
1156
|
+
*::after,
|
|
1157
|
+
*::before {
|
|
1158
|
+
margin: 0;
|
|
1159
|
+
padding: 0;
|
|
1160
|
+
box-sizing: border-box;
|
|
1161
|
+
font-style: normal;
|
|
1162
|
+
text-rendering: optimizeSpeed;
|
|
1163
|
+
-webkit-font-smoothing: antialiased;
|
|
1164
|
+
-moz-osx-font-smoothing: grayscale;
|
|
1165
|
+
-webkit-tap-highlight-color: transparent;
|
|
1166
|
+
backface-visibility: hidden;
|
|
1167
|
+
}
|
|
1168
|
+
|
|
1169
|
+
:host {
|
|
1170
|
+
font-family: var(--apkt-fontFamily-regular);
|
|
1171
|
+
}
|
|
1172
|
+
`, elementStyles = i`
|
|
1173
|
+
button,
|
|
1174
|
+
a {
|
|
1175
|
+
cursor: pointer;
|
|
1176
|
+
display: flex;
|
|
1177
|
+
justify-content: center;
|
|
1178
|
+
align-items: center;
|
|
1179
|
+
position: relative;
|
|
1180
|
+
|
|
1181
|
+
will-change: background-color, color, border, box-shadow, width, height, transform, opacity;
|
|
1182
|
+
outline: none;
|
|
1183
|
+
border: none;
|
|
1184
|
+
text-decoration: none;
|
|
1185
|
+
transition:
|
|
1186
|
+
background-color var(--apkt-durations-lg) var(--apkt-easings-ease-out-power-2),
|
|
1187
|
+
color var(--apkt-durations-lg) var(--apkt-easings-ease-out-power-2),
|
|
1188
|
+
border var(--apkt-durations-lg) var(--apkt-easings-ease-out-power-2),
|
|
1189
|
+
box-shadow var(--apkt-durations-lg) var(--apkt-easings-ease-out-power-2),
|
|
1190
|
+
width var(--apkt-durations-lg) var(--apkt-easings-ease-out-power-2),
|
|
1191
|
+
height var(--apkt-durations-lg) var(--apkt-easings-ease-out-power-2),
|
|
1192
|
+
transform var(--apkt-durations-lg) var(--apkt-easings-ease-out-power-2),
|
|
1193
|
+
opacity var(--apkt-durations-lg) var(--apkt-easings-ease-out-power-2),
|
|
1194
|
+
scale var(--apkt-durations-lg) var(--apkt-easings-ease-out-power-2),
|
|
1195
|
+
border-radius var(--apkt-durations-lg) var(--apkt-easings-ease-out-power-2);
|
|
1196
|
+
will-change:
|
|
1197
|
+
background-color, color, border, box-shadow, width, height, transform, opacity, scale,
|
|
1198
|
+
border-radius;
|
|
1199
|
+
}
|
|
1200
|
+
|
|
1201
|
+
a:active:not([disabled]),
|
|
1202
|
+
button:active:not([disabled]) {
|
|
1203
|
+
scale: 0.975;
|
|
1204
|
+
transform-origin: center;
|
|
1205
|
+
}
|
|
1206
|
+
|
|
1207
|
+
button:disabled {
|
|
1208
|
+
cursor: default;
|
|
1209
|
+
}
|
|
1210
|
+
|
|
1211
|
+
input {
|
|
1212
|
+
border: none;
|
|
1213
|
+
outline: none;
|
|
1214
|
+
appearance: none;
|
|
1215
|
+
}
|
|
1216
|
+
`;
|
|
1217
|
+
var DECIMAL_POINT = ".";
|
|
1218
|
+
const UiHelperUtil = {
|
|
1219
|
+
getSpacingStyles(O, F) {
|
|
1220
|
+
if (Array.isArray(O)) return O[F] ? `var(--apkt-spacing-${O[F]})` : void 0;
|
|
1221
|
+
if (typeof O == "string") return `var(--apkt-spacing-${O})`;
|
|
1222
|
+
},
|
|
1223
|
+
getFormattedDate(O) {
|
|
1224
|
+
return new Intl.DateTimeFormat("en-US", {
|
|
1225
|
+
month: "short",
|
|
1226
|
+
day: "numeric"
|
|
1227
|
+
}).format(O);
|
|
1228
|
+
},
|
|
1229
|
+
formatCurrency(O = 0, F = {}) {
|
|
1230
|
+
let U = Number(O);
|
|
1231
|
+
return isNaN(U) ? "$0.00" : new Intl.NumberFormat("en-US", {
|
|
1232
|
+
style: "currency",
|
|
1233
|
+
currency: "USD",
|
|
1234
|
+
minimumFractionDigits: 2,
|
|
1235
|
+
maximumFractionDigits: 2,
|
|
1236
|
+
...F
|
|
1237
|
+
}).format(U);
|
|
1238
|
+
},
|
|
1239
|
+
getHostName(O) {
|
|
1240
|
+
try {
|
|
1241
|
+
return new URL(O).hostname;
|
|
1242
|
+
} catch {
|
|
1243
|
+
return "";
|
|
1244
|
+
}
|
|
1245
|
+
},
|
|
1246
|
+
getTruncateString({ string: O, charsStart: F, charsEnd: U, truncate: W }) {
|
|
1247
|
+
return O.length <= F + U ? O : W === "end" ? `${O.substring(0, F)}...` : W === "start" ? `...${O.substring(O.length - U)}` : `${O.substring(0, Math.floor(F))}...${O.substring(O.length - Math.floor(U))}`;
|
|
1248
|
+
},
|
|
1249
|
+
generateAvatarColors(O) {
|
|
1250
|
+
let F = O.toLowerCase().replace(/^0x/iu, "").replace(/[^a-f0-9]/gu, "").substring(0, 6).padEnd(6, "0"), U = this.hexToRgb(F), W = getComputedStyle(document.documentElement).getPropertyValue("--w3m-border-radius-master"), G = 100 - 3 * Number(W?.replace("px", "")), K = `${G}% ${G}% at 65% 40%`, q = [];
|
|
1251
|
+
for (let O = 0; O < 5; O += 1) {
|
|
1252
|
+
let F = this.tintColor(U, .15 * O);
|
|
1253
|
+
q.push(`rgb(${F[0]}, ${F[1]}, ${F[2]})`);
|
|
1254
|
+
}
|
|
1255
|
+
return `
|
|
1256
|
+
--local-color-1: ${q[0]};
|
|
1257
|
+
--local-color-2: ${q[1]};
|
|
1258
|
+
--local-color-3: ${q[2]};
|
|
1259
|
+
--local-color-4: ${q[3]};
|
|
1260
|
+
--local-color-5: ${q[4]};
|
|
1261
|
+
--local-radial-circle: ${K}
|
|
1262
|
+
`;
|
|
1263
|
+
},
|
|
1264
|
+
hexToRgb(O) {
|
|
1265
|
+
let F = parseInt(O, 16);
|
|
1266
|
+
return [
|
|
1267
|
+
F >> 16 & 255,
|
|
1268
|
+
F >> 8 & 255,
|
|
1269
|
+
F & 255
|
|
1270
|
+
];
|
|
1271
|
+
},
|
|
1272
|
+
tintColor(O, F) {
|
|
1273
|
+
let [U, W, G] = O;
|
|
1274
|
+
return [
|
|
1275
|
+
Math.round(U + (255 - U) * F),
|
|
1276
|
+
Math.round(W + (255 - W) * F),
|
|
1277
|
+
Math.round(G + (255 - G) * F)
|
|
1278
|
+
];
|
|
1279
|
+
},
|
|
1280
|
+
isNumber(O) {
|
|
1281
|
+
return { number: /^[0-9]+$/u }.number.test(O);
|
|
1282
|
+
},
|
|
1283
|
+
getColorTheme(O) {
|
|
1284
|
+
return O || (typeof window < "u" && window.matchMedia && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-color-scheme: dark)")?.matches ? "dark" : "light" : "dark");
|
|
1285
|
+
},
|
|
1286
|
+
splitBalance(O) {
|
|
1287
|
+
let F = O.split(".");
|
|
1288
|
+
return F.length === 2 ? [F[0], F[1]] : ["0", "00"];
|
|
1289
|
+
},
|
|
1290
|
+
roundNumber(O, F, U) {
|
|
1291
|
+
return O.toString().length >= F ? Number(O).toFixed(U) : O;
|
|
1292
|
+
},
|
|
1293
|
+
cssDurationToNumber(O) {
|
|
1294
|
+
return O.endsWith("s") ? Number(O.replace("s", "")) * 1e3 : O.endsWith("ms") ? Number(O.replace("ms", "")) : 0;
|
|
1295
|
+
},
|
|
1296
|
+
maskInput({ value: O, decimals: F, integers: U }) {
|
|
1297
|
+
if (O = O.replace(",", "."), O === DECIMAL_POINT) return `0${DECIMAL_POINT}`;
|
|
1298
|
+
let [W = "", G] = O.split(DECIMAL_POINT).map((O) => O.replace(/[^0-9]/gu, "")), K = U ? W.substring(0, U) : W, q = K.length === 2 ? String(Number(K)) : K, J = typeof F == "number" ? G?.substring(0, F) : G;
|
|
1299
|
+
return (typeof J == "string" && (typeof F != "number" || F > 0) ? [q, J].join(DECIMAL_POINT) : q) ?? "";
|
|
1300
|
+
},
|
|
1301
|
+
capitalize(O) {
|
|
1302
|
+
return O ? O.charAt(0).toUpperCase() + O.slice(1) : "";
|
|
1303
|
+
}
|
|
1304
|
+
};
|
|
1305
|
+
function standardCustomElement(O, F) {
|
|
1306
|
+
let { kind: U, elements: W } = F;
|
|
1307
|
+
return {
|
|
1308
|
+
kind: U,
|
|
1309
|
+
elements: W,
|
|
1310
|
+
finisher(F) {
|
|
1311
|
+
customElements.get(O) || customElements.define(O, F);
|
|
1312
|
+
}
|
|
1313
|
+
};
|
|
1314
|
+
}
|
|
1315
|
+
function legacyCustomElement(O, F) {
|
|
1316
|
+
return customElements.get(O) || customElements.define(O, F), F;
|
|
1317
|
+
}
|
|
1318
|
+
function customElement(O) {
|
|
1319
|
+
return function(F) {
|
|
1320
|
+
return typeof F == "function" ? legacyCustomElement(O, F) : standardCustomElement(O, F);
|
|
1321
|
+
};
|
|
1322
|
+
}
|
|
1323
|
+
const ConstantsUtil$1 = {
|
|
1324
|
+
METMASK_CONNECTOR_NAME: "MetaMask",
|
|
1325
|
+
TRUST_CONNECTOR_NAME: "Trust Wallet",
|
|
1326
|
+
SOLFLARE_CONNECTOR_NAME: "Solflare",
|
|
1327
|
+
PHANTOM_CONNECTOR_NAME: "Phantom",
|
|
1328
|
+
COIN98_CONNECTOR_NAME: "Coin98",
|
|
1329
|
+
MAGIC_EDEN_CONNECTOR_NAME: "Magic Eden",
|
|
1330
|
+
BACKPACK_CONNECTOR_NAME: "Backpack",
|
|
1331
|
+
BITGET_CONNECTOR_NAME: "Bitget Wallet",
|
|
1332
|
+
FRONTIER_CONNECTOR_NAME: "Frontier",
|
|
1333
|
+
XVERSE_CONNECTOR_NAME: "Xverse Wallet",
|
|
1334
|
+
LEATHER_CONNECTOR_NAME: "Leather",
|
|
1335
|
+
OKX_CONNECTOR_NAME: "OKX Wallet",
|
|
1336
|
+
BINANCE_CONNECTOR_NAME: "Binance Wallet",
|
|
1337
|
+
EIP155: ConstantsUtil.CHAIN.EVM,
|
|
1338
|
+
ADD_CHAIN_METHOD: "wallet_addEthereumChain",
|
|
1339
|
+
EIP6963_ANNOUNCE_EVENT: "eip6963:announceProvider",
|
|
1340
|
+
EIP6963_REQUEST_EVENT: "eip6963:requestProvider",
|
|
1341
|
+
CONNECTOR_RDNS_MAP: {
|
|
1342
|
+
coinbaseWallet: "com.coinbase.wallet",
|
|
1343
|
+
coinbaseWalletSDK: "com.coinbase.wallet"
|
|
1344
|
+
},
|
|
1345
|
+
CONNECTOR_TYPE_EXTERNAL: "EXTERNAL",
|
|
1346
|
+
CONNECTOR_TYPE_WALLET_CONNECT: "WALLET_CONNECT",
|
|
1347
|
+
CONNECTOR_TYPE_INJECTED: "INJECTED",
|
|
1348
|
+
CONNECTOR_TYPE_ANNOUNCED: "ANNOUNCED",
|
|
1349
|
+
CONNECTOR_TYPE_AUTH: "AUTH",
|
|
1350
|
+
CONNECTOR_TYPE_MULTI_CHAIN: "MULTI_CHAIN",
|
|
1351
|
+
CONNECTOR_TYPE_W3M_AUTH: "AUTH",
|
|
1352
|
+
getSDKVersionWarningMessage(O, F) {
|
|
1353
|
+
return `
|
|
1354
|
+
@@@@@@@ @@@@@@@@@@@@@@@@@@
|
|
1355
|
+
@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@
|
|
1356
|
+
@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@
|
|
1357
|
+
@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@
|
|
1358
|
+
@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@ @@@@@@@@@@@
|
|
1359
|
+
@@@@@@@@@@@@@@@ @@@@@@@@@@@@@ @@@@@@@@@@@@
|
|
1360
|
+
@@@@@@@@@@@@@@@ @@@@@@@@@@@@@ @@@@@@@@@@@@@
|
|
1361
|
+
@@@@@@@@@@@@@@@ @@@@@@@@@@@@ @@@@@@@@@@@@@
|
|
1362
|
+
@@@@@@ @@@@@@ @@@@@@@@@@@ @@@@@@@@@@@@@@
|
|
1363
|
+
@@@@@@ @@@@@@ @@@@@@@@@@@ @@@@@@@@@@@@@@@
|
|
1364
|
+
@@@@@@@@@@@@@@@ @@@@@@@@@@ @@@@@@@@@@@@@@@
|
|
1365
|
+
@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@
|
|
1366
|
+
@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@
|
|
1367
|
+
@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@
|
|
1368
|
+
@@@@@ @@@@@@@@@@@@@@@@@@
|
|
1369
|
+
|
|
1370
|
+
AppKit SDK version ${O} is outdated. Latest version is ${F}. Please update to the latest version for bug fixes and new features.
|
|
1371
|
+
|
|
1372
|
+
Changelog: https://github.com/reown-com/appkit/releases
|
|
1373
|
+
NPM Registry: https://www.npmjs.com/package/@reown/appkit`;
|
|
1374
|
+
}
|
|
1375
|
+
}, HelpersUtil = {
|
|
1376
|
+
getCaipTokens(O) {
|
|
1377
|
+
if (!O) return;
|
|
1378
|
+
let F = {};
|
|
1379
|
+
return Object.entries(O).forEach(([O, U]) => {
|
|
1380
|
+
F[`${ConstantsUtil$1.EIP155}:${O}`] = U;
|
|
1381
|
+
}), F;
|
|
1382
|
+
},
|
|
1383
|
+
isLowerCaseMatch(O, F) {
|
|
1384
|
+
return O?.toLowerCase() === F?.toLowerCase();
|
|
1385
|
+
},
|
|
1386
|
+
getActiveNamespaceConnectedToAuth() {
|
|
1387
|
+
let F = ChainController.state.activeChain;
|
|
1388
|
+
return ConstantsUtil.AUTH_CONNECTOR_SUPPORTED_CHAINS.find((W) => ConnectorController.getConnectorId(W) === ConstantsUtil.CONNECTOR_ID.AUTH && W === F);
|
|
1389
|
+
},
|
|
1390
|
+
withRetry({ conditionFn: O, intervalMs: F, maxRetries: U }) {
|
|
1391
|
+
let W = 0;
|
|
1392
|
+
return new Promise((G) => {
|
|
1393
|
+
async function K() {
|
|
1394
|
+
return W += 1, await O() ? G(!0) : W >= U ? G(!1) : (setTimeout(K, F), null);
|
|
1395
|
+
}
|
|
1396
|
+
K();
|
|
1397
|
+
});
|
|
1398
|
+
},
|
|
1399
|
+
userChainIdToChainNamespace(F) {
|
|
1400
|
+
if (typeof F == "number") return ConstantsUtil.CHAIN.EVM;
|
|
1401
|
+
let [U] = F.split(":");
|
|
1402
|
+
return U;
|
|
1403
|
+
},
|
|
1404
|
+
getOtherAuthNamespaces(F) {
|
|
1405
|
+
return F ? ConstantsUtil.AUTH_CONNECTOR_SUPPORTED_CHAINS.filter((O) => O !== F) : [];
|
|
1406
|
+
},
|
|
1407
|
+
getConnectorStorageInfo(O, U) {
|
|
1408
|
+
let W = StorageUtil.getConnections()[U] ?? [];
|
|
1409
|
+
return {
|
|
1410
|
+
hasDisconnected: StorageUtil.isConnectorDisconnected(O, U),
|
|
1411
|
+
hasConnected: W.some((F) => HelpersUtil.isLowerCaseMatch(F.connectorId, O))
|
|
1412
|
+
};
|
|
1413
|
+
}
|
|
1414
|
+
};
|
|
1415
|
+
export { i as S, b as _, elementStyles as a, f$1 as b, setColorTheme as c, vars as d, MathUtil as f, T as g, E as h, UiHelperUtil as i, setThemeVariables as l, A as m, ConstantsUtil$1 as n, initializeTheming as o, i$1 as p, customElement as r, resetStyles as s, HelpersUtil as t, css as u, j as v, u$1 as x, w as y };
|