@safe-stars/components
Version:
React component library for buying Telegram Stars in Telegram Mini Apps via Safe Stars.
1 lines • 9.96 kB
Source Map (JSON)
{"version":3,"file":"index-BE8Edgdz.cjs","sources":["../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-item/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-list-item/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n button {\n column-gap: var(--wui-spacing-s);\n padding: 11px 18px 11px var(--wui-spacing-s);\n width: 100%;\n background-color: var(--wui-color-gray-glass-002);\n border-radius: var(--wui-border-radius-xs);\n color: var(--wui-color-fg-250);\n transition:\n color var(--wui-ease-out-power-1) var(--wui-duration-md),\n background-color var(--wui-ease-out-power-1) var(--wui-duration-md);\n will-change: color, background-color;\n }\n\n button[data-iconvariant='square'],\n button[data-iconvariant='square-blue'] {\n padding: 6px 18px 6px 9px;\n }\n\n button > wui-flex {\n flex: 1;\n }\n\n button > wui-image {\n width: 32px;\n height: 32px;\n box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);\n border-radius: var(--wui-border-radius-3xl);\n }\n\n button > wui-icon {\n width: 36px;\n height: 36px;\n transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);\n will-change: opacity;\n }\n\n button > wui-icon-box[data-variant='blue'] {\n box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005);\n }\n\n button > wui-icon-box[data-variant='overlay'] {\n box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);\n }\n\n button > wui-icon-box[data-variant='square-blue'] {\n border-radius: var(--wui-border-radius-3xs);\n position: relative;\n border: none;\n width: 36px;\n height: 36px;\n }\n\n button > wui-icon-box[data-variant='square-blue']::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n border: 1px solid var(--wui-color-accent-glass-010);\n pointer-events: none;\n }\n\n button > wui-icon:last-child {\n width: 14px;\n height: 14px;\n }\n\n button:disabled {\n color: var(--wui-color-gray-glass-020);\n }\n\n button[data-loading='true'] > wui-icon {\n opacity: 0;\n }\n\n wui-loading-spinner {\n position: absolute;\n right: 18px;\n top: 50%;\n transform: translateY(-50%);\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 { ifDefined } from 'lit/directives/if-defined.js';\nimport '../../components/wui-icon/index.js';\nimport '../../components/wui-image/index.js';\nimport '../../components/wui-loading-spinner/index.js';\nimport '../../components/wui-text/index.js';\nimport '../../layout/wui-flex/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-icon-box/index.js';\nimport styles from './styles.js';\nlet WuiListItem = class WuiListItem extends LitElement {\n constructor() {\n super(...arguments);\n this.tabIdx = undefined;\n this.variant = 'icon';\n this.disabled = false;\n this.imageSrc = undefined;\n this.alt = undefined;\n this.chevron = false;\n this.loading = false;\n }\n render() {\n return html `\n <button\n ?disabled=${this.loading ? true : Boolean(this.disabled)}\n data-loading=${this.loading}\n data-iconvariant=${ifDefined(this.iconVariant)}\n tabindex=${ifDefined(this.tabIdx)}\n >\n ${this.loadingTemplate()} ${this.visualTemplate()}\n <wui-flex gap=\"3xs\">\n <slot></slot>\n </wui-flex>\n ${this.chevronTemplate()}\n </button>\n `;\n }\n visualTemplate() {\n if (this.variant === 'image' && this.imageSrc) {\n return html `<wui-image src=${this.imageSrc} alt=${this.alt ?? 'list item'}></wui-image>`;\n }\n if (this.iconVariant === 'square' && this.icon && this.variant === 'icon') {\n return html `<wui-icon name=${this.icon}></wui-icon>`;\n }\n if (this.variant === 'icon' && this.icon && this.iconVariant) {\n const color = ['blue', 'square-blue'].includes(this.iconVariant) ? 'accent-100' : 'fg-200';\n const size = this.iconVariant === 'square-blue' ? 'mdl' : 'md';\n const iconSize = this.iconSize ? this.iconSize : size;\n return html `\n <wui-icon-box\n data-variant=${this.iconVariant}\n icon=${this.icon}\n iconSize=${iconSize}\n background=\"transparent\"\n iconColor=${color}\n backgroundColor=${color}\n size=${size}\n ></wui-icon-box>\n `;\n }\n return null;\n }\n loadingTemplate() {\n if (this.loading) {\n return html `<wui-loading-spinner\n data-testid=\"wui-list-item-loading-spinner\"\n color=\"fg-300\"\n ></wui-loading-spinner>`;\n }\n return html ``;\n }\n chevronTemplate() {\n if (this.chevron) {\n return html `<wui-icon size=\"inherit\" color=\"fg-200\" name=\"chevronRight\"></wui-icon>`;\n }\n return null;\n }\n};\nWuiListItem.styles = [resetStyles, elementStyles, styles];\n__decorate([\n property()\n], WuiListItem.prototype, \"icon\", void 0);\n__decorate([\n property()\n], WuiListItem.prototype, \"iconSize\", void 0);\n__decorate([\n property()\n], WuiListItem.prototype, \"tabIdx\", void 0);\n__decorate([\n property()\n], WuiListItem.prototype, \"variant\", void 0);\n__decorate([\n property()\n], WuiListItem.prototype, \"iconVariant\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiListItem.prototype, \"disabled\", void 0);\n__decorate([\n property()\n], WuiListItem.prototype, \"imageSrc\", void 0);\n__decorate([\n property()\n], WuiListItem.prototype, \"alt\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiListItem.prototype, \"chevron\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiListItem.prototype, \"loading\", void 0);\nWuiListItem = __decorate([\n customElement('wui-list-item')\n], WuiListItem);\nexport { WuiListItem };\n//# sourceMappingURL=index.js.map"],"names":["css","__decorate","decorators","target","key","desc","c","d","i","WuiListItem","LitElement","html","ifDefined","color","size","iconSize","resetStyles","elementStyles","styles","property","customElement"],"mappings":"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","x_google_ignoreList":[0,1]}