@safe-stars/components
Version:
React component library for buying Telegram Stars in Telegram Mini Apps via Safe Stars.
1 lines • 12.6 kB
Source Map (JSON)
{"version":3,"file":"index-B5kxjjR3.cjs","sources":["../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-token/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-token/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-avatar/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-avatar/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n button {\n padding: 6.5px var(--wui-spacing-l) 6.5px var(--wui-spacing-xs);\n display: flex;\n justify-content: space-between;\n width: 100%;\n border-radius: var(--wui-border-radius-xs);\n background-color: var(--wui-color-gray-glass-002);\n }\n\n button[data-clickable='false'] {\n pointer-events: none;\n background-color: transparent;\n }\n\n wui-image,\n wui-icon {\n width: var(--wui-spacing-3xl);\n height: var(--wui-spacing-3xl);\n }\n\n wui-image {\n border-radius: var(--wui-border-radius-3xl);\n }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport '../../components/wui-icon/index.js';\nimport '../../components/wui-image/index.js';\nimport '../../components/wui-text/index.js';\nimport '../../layout/wui-flex/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { UiHelperUtil } from '../../utils/UiHelperUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiListToken = class WuiListToken extends LitElement {\n constructor() {\n super(...arguments);\n this.tokenName = '';\n this.tokenImageUrl = '';\n this.tokenValue = 0.0;\n this.tokenAmount = '0.0';\n this.tokenCurrency = '';\n this.clickable = false;\n }\n render() {\n return html `\n <button data-clickable=${String(this.clickable)}>\n <wui-flex gap=\"s\" alignItems=\"center\">\n ${this.visualTemplate()}\n <wui-flex flexDirection=\"column\" justifyContent=\"spaceBetween\">\n <wui-text variant=\"paragraph-500\" color=\"fg-100\">${this.tokenName}</wui-text>\n <wui-text variant=\"small-400\" color=\"fg-200\">\n ${UiHelperUtil.formatNumberToLocalString(this.tokenAmount, 4)} ${this.tokenCurrency}\n </wui-text>\n </wui-flex>\n </wui-flex>\n <wui-text variant=\"paragraph-500\" color=\"fg-100\">$${this.tokenValue.toFixed(2)}</wui-text>\n </button>\n `;\n }\n visualTemplate() {\n if (this.tokenName && this.tokenImageUrl) {\n return html `<wui-image alt=${this.tokenName} src=${this.tokenImageUrl}></wui-image>`;\n }\n return html `<wui-icon name=\"coinPlaceholder\" color=\"fg-100\"></wui-icon>`;\n }\n};\nWuiListToken.styles = [resetStyles, elementStyles, styles];\n__decorate([\n property()\n], WuiListToken.prototype, \"tokenName\", void 0);\n__decorate([\n property()\n], WuiListToken.prototype, \"tokenImageUrl\", void 0);\n__decorate([\n property({ type: Number })\n], WuiListToken.prototype, \"tokenValue\", void 0);\n__decorate([\n property()\n], WuiListToken.prototype, \"tokenAmount\", void 0);\n__decorate([\n property()\n], WuiListToken.prototype, \"tokenCurrency\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiListToken.prototype, \"clickable\", void 0);\nWuiListToken = __decorate([\n customElement('wui-list-token')\n], WuiListToken);\nexport { WuiListToken };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n :host {\n display: block;\n width: var(--local-width);\n height: var(--local-height);\n border-radius: var(--wui-border-radius-3xl);\n box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);\n overflow: hidden;\n position: relative;\n }\n\n :host([data-variant='generated']) {\n --mixed-local-color-1: var(--local-color-1);\n --mixed-local-color-2: var(--local-color-2);\n --mixed-local-color-3: var(--local-color-3);\n --mixed-local-color-4: var(--local-color-4);\n --mixed-local-color-5: var(--local-color-5);\n }\n\n @supports (background: color-mix(in srgb, white 50%, black)) {\n :host([data-variant='generated']) {\n --mixed-local-color-1: color-mix(\n in srgb,\n var(--w3m-color-mix) var(--w3m-color-mix-strength),\n var(--local-color-1)\n );\n --mixed-local-color-2: color-mix(\n in srgb,\n var(--w3m-color-mix) var(--w3m-color-mix-strength),\n var(--local-color-2)\n );\n --mixed-local-color-3: color-mix(\n in srgb,\n var(--w3m-color-mix) var(--w3m-color-mix-strength),\n var(--local-color-3)\n );\n --mixed-local-color-4: color-mix(\n in srgb,\n var(--w3m-color-mix) var(--w3m-color-mix-strength),\n var(--local-color-4)\n );\n --mixed-local-color-5: color-mix(\n in srgb,\n var(--w3m-color-mix) var(--w3m-color-mix-strength),\n var(--local-color-5)\n );\n }\n }\n\n :host([data-variant='generated']) {\n box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);\n background: radial-gradient(\n var(--local-radial-circle),\n #fff 0.52%,\n var(--mixed-local-color-5) 31.25%,\n var(--mixed-local-color-3) 51.56%,\n var(--mixed-local-color-2) 65.63%,\n var(--mixed-local-color-1) 82.29%,\n var(--mixed-local-color-4) 100%\n );\n }\n\n :host([data-variant='default']) {\n box-shadow: 0 0 0 8px var(--wui-color-gray-glass-005);\n background: radial-gradient(\n 75.29% 75.29% at 64.96% 24.36%,\n #fff 0.52%,\n #f5ccfc 31.25%,\n #dba4f5 51.56%,\n #9a8ee8 65.63%,\n #6493da 82.29%,\n #6ebdea 100%\n );\n }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport '../../components/wui-image/index.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { UiHelperUtil } from '../../utils/UiHelperUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiAvatar = class WuiAvatar extends LitElement {\n constructor() {\n super(...arguments);\n this.imageSrc = undefined;\n this.alt = undefined;\n this.address = undefined;\n this.size = 'xl';\n }\n render() {\n this.style.cssText = `\n --local-width: var(--wui-icon-box-size-${this.size});\n --local-height: var(--wui-icon-box-size-${this.size});\n `;\n return html `${this.visualTemplate()}`;\n }\n visualTemplate() {\n if (this.imageSrc) {\n this.dataset['variant'] = 'image';\n return html `<wui-image src=${this.imageSrc} alt=${this.alt ?? 'avatar'}></wui-image>`;\n }\n else if (this.address) {\n this.dataset['variant'] = 'generated';\n const cssColors = UiHelperUtil.generateAvatarColors(this.address);\n this.style.cssText += `\\n ${cssColors}`;\n return null;\n }\n this.dataset['variant'] = 'default';\n return null;\n }\n};\nWuiAvatar.styles = [resetStyles, styles];\n__decorate([\n property()\n], WuiAvatar.prototype, \"imageSrc\", void 0);\n__decorate([\n property()\n], WuiAvatar.prototype, \"alt\", void 0);\n__decorate([\n property()\n], WuiAvatar.prototype, \"address\", void 0);\n__decorate([\n property()\n], WuiAvatar.prototype, \"size\", void 0);\nWuiAvatar = __decorate([\n customElement('wui-avatar')\n], WuiAvatar);\nexport { WuiAvatar };\n//# sourceMappingURL=index.js.map"],"names":["css","__decorate","decorators","target","key","desc","c","r","d","i","WuiListToken","LitElement","html","UiHelperUtil","resetStyles","elementStyles","styles","property","customElement","WuiAvatar","cssColors"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}