coinley-checkout

Version:

A React SDK for Coinley cryptocurrency payment processing with multi-network support

1 lines • 71.5 kB

Source Map (JSON)

{"version":3,"file":"index-e8592264.mjs","sources":["../node_modules/@reown/appkit-ui/dist/esm/src/utils/UiHelperUtil.js","../node_modules/@reown/appkit-ui/dist/esm/src/utils/WebComponentsUtil.js","../node_modules/@lit/reactive-element/decorators/property.js","../node_modules/@lit/reactive-element/decorators/state.js","../node_modules/@reown/appkit-ui/dist/esm/src/layout/wui-flex/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/layout/wui-flex/index.js","../node_modules/lit-html/directives/if-defined.js","../node_modules/lit-html/directive-helpers.js","../node_modules/lit-html/directive.js","../node_modules/lit-html/async-directive.js","../node_modules/lit-html/directives/private-async-helpers.js","../node_modules/lit-html/directives/until.js","../node_modules/@reown/appkit-ui/dist/esm/src/utils/CacheUtil.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-icon/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-icon/index.js","../node_modules/lit-html/directives/class-map.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-text/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-text/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-icon-box/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-icon-box/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-image/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-image/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-tag/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-tag/index.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-loading-spinner/styles.js","../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-loading-spinner/index.js"],"sourcesContent":["export const UiHelperUtil = {\n getSpacingStyles(spacing, index) {\n if (Array.isArray(spacing)) {\n return spacing[index] ? `var(--wui-spacing-${spacing[index]})` : undefined;\n }\n else if (typeof spacing === 'string') {\n return `var(--wui-spacing-${spacing})`;\n }\n return undefined;\n },\n getFormattedDate(date) {\n return new Intl.DateTimeFormat('en-US', { month: 'short', day: 'numeric' }).format(date);\n },\n getHostName(url) {\n try {\n const newUrl = new URL(url);\n return newUrl.hostname;\n }\n catch (error) {\n return '';\n }\n },\n getTruncateString({ string, charsStart, charsEnd, truncate }) {\n if (string.length <= charsStart + charsEnd) {\n return string;\n }\n if (truncate === 'end') {\n return `${string.substring(0, charsStart)}...`;\n }\n else if (truncate === 'start') {\n return `...${string.substring(string.length - charsEnd)}`;\n }\n return `${string.substring(0, Math.floor(charsStart))}...${string.substring(string.length - Math.floor(charsEnd))}`;\n },\n generateAvatarColors(address) {\n const hash = address\n .toLowerCase()\n .replace(/^0x/iu, '')\n .replace(/[^a-f0-9]/gu, '');\n const baseColor = hash.substring(0, 6).padEnd(6, '0');\n const rgbColor = this.hexToRgb(baseColor);\n const masterBorderRadius = getComputedStyle(document.documentElement).getPropertyValue('--w3m-border-radius-master');\n const radius = Number(masterBorderRadius?.replace('px', ''));\n const edge = 100 - 3 * radius;\n const gradientCircle = `${edge}% ${edge}% at 65% 40%`;\n const colors = [];\n for (let i = 0; i < 5; i += 1) {\n const tintedColor = this.tintColor(rgbColor, 0.15 * i);\n colors.push(`rgb(${tintedColor[0]}, ${tintedColor[1]}, ${tintedColor[2]})`);\n }\n return `\n --local-color-1: ${colors[0]};\n --local-color-2: ${colors[1]};\n --local-color-3: ${colors[2]};\n --local-color-4: ${colors[3]};\n --local-color-5: ${colors[4]};\n --local-radial-circle: ${gradientCircle}\n `;\n },\n hexToRgb(hex) {\n const bigint = parseInt(hex, 16);\n const r = (bigint >> 16) & 255;\n const g = (bigint >> 8) & 255;\n const b = bigint & 255;\n return [r, g, b];\n },\n tintColor(rgb, tint) {\n const [r, g, b] = rgb;\n const tintedR = Math.round(r + (255 - r) * tint);\n const tintedG = Math.round(g + (255 - g) * tint);\n const tintedB = Math.round(b + (255 - b) * tint);\n return [tintedR, tintedG, tintedB];\n },\n isNumber(character) {\n const regex = {\n number: /^[0-9]+$/u\n };\n return regex.number.test(character);\n },\n getColorTheme(theme) {\n if (theme) {\n return theme;\n }\n else if (typeof window !== 'undefined' && window.matchMedia) {\n if (window.matchMedia('(prefers-color-scheme: dark)')?.matches) {\n return 'dark';\n }\n return 'light';\n }\n return 'dark';\n },\n splitBalance(input) {\n const parts = input.split('.');\n if (parts.length === 2) {\n return [parts[0], parts[1]];\n }\n return ['0', '00'];\n },\n roundNumber(number, threshold, fixed) {\n const roundedNumber = number.toString().length >= threshold ? Number(number).toFixed(fixed) : number;\n return roundedNumber;\n },\n formatNumberToLocalString(value, decimals = 2) {\n if (value === undefined) {\n return '0.00';\n }\n if (typeof value === 'number') {\n return value.toLocaleString('en-US', {\n maximumFractionDigits: decimals,\n minimumFractionDigits: decimals\n });\n }\n return parseFloat(value).toLocaleString('en-US', {\n maximumFractionDigits: decimals,\n minimumFractionDigits: decimals\n });\n }\n};\n//# sourceMappingURL=UiHelperUtil.js.map","function standardCustomElement(tagName, descriptor) {\n const { kind, elements } = descriptor;\n return {\n kind,\n elements,\n finisher(clazz) {\n if (!customElements.get(tagName)) {\n customElements.define(tagName, clazz);\n }\n }\n };\n}\nfunction legacyCustomElement(tagName, clazz) {\n if (!customElements.get(tagName)) {\n customElements.define(tagName, clazz);\n }\n return clazz;\n}\nexport function customElement(tagName) {\n return function create(classOrDescriptor) {\n return typeof classOrDescriptor === 'function'\n ? legacyCustomElement(tagName, classOrDescriptor)\n : standardCustomElement(tagName, classOrDescriptor);\n };\n}\n//# sourceMappingURL=WebComponentsUtil.js.map","import{defaultConverter as t,notEqual as e}from\"../reactive-element.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o={attribute:!0,type:String,converter:t,reflect:!1,hasChanged:e},r=(t=o,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),\"setter\"===n&&((t=Object.create(t)).wrapped=!0),s.set(r.name,t),\"accessor\"===n){const{name:o}=r;return{set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if(\"setter\"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t)}}throw Error(\"Unsupported decorator location: \"+n)};function n(t){return(e,o)=>\"object\"==typeof o?r(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}export{n as property,r as standardProperty};\n//# sourceMappingURL=property.js.map\n","import{property as t}from\"./property.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function r(r){return t({...r,state:!0,attribute:!1})}export{r as state};\n//# sourceMappingURL=state.js.map\n","import { css } from 'lit';\nexport default css `\n :host {\n display: flex;\n width: inherit;\n height: inherit;\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 { resetStyles } from '../../utils/ThemeUtil.js';\nimport { UiHelperUtil } from '../../utils/UiHelperUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiFlex = class WuiFlex extends LitElement {\n render() {\n this.style.cssText = `\n flex-direction: ${this.flexDirection};\n flex-wrap: ${this.flexWrap};\n flex-basis: ${this.flexBasis};\n flex-grow: ${this.flexGrow};\n flex-shrink: ${this.flexShrink};\n align-items: ${this.alignItems};\n justify-content: ${this.justifyContent};\n column-gap: ${this.columnGap && `var(--wui-spacing-${this.columnGap})`};\n row-gap: ${this.rowGap && `var(--wui-spacing-${this.rowGap})`};\n gap: ${this.gap && `var(--wui-spacing-${this.gap})`};\n padding-top: ${this.padding && UiHelperUtil.getSpacingStyles(this.padding, 0)};\n padding-right: ${this.padding && UiHelperUtil.getSpacingStyles(this.padding, 1)};\n padding-bottom: ${this.padding && UiHelperUtil.getSpacingStyles(this.padding, 2)};\n padding-left: ${this.padding && UiHelperUtil.getSpacingStyles(this.padding, 3)};\n margin-top: ${this.margin && UiHelperUtil.getSpacingStyles(this.margin, 0)};\n margin-right: ${this.margin && UiHelperUtil.getSpacingStyles(this.margin, 1)};\n margin-bottom: ${this.margin && UiHelperUtil.getSpacingStyles(this.margin, 2)};\n margin-left: ${this.margin && UiHelperUtil.getSpacingStyles(this.margin, 3)};\n `;\n return html `<slot></slot>`;\n }\n};\nWuiFlex.styles = [resetStyles, styles];\n__decorate([\n property()\n], WuiFlex.prototype, \"flexDirection\", void 0);\n__decorate([\n property()\n], WuiFlex.prototype, \"flexWrap\", void 0);\n__decorate([\n property()\n], WuiFlex.prototype, \"flexBasis\", void 0);\n__decorate([\n property()\n], WuiFlex.prototype, \"flexGrow\", void 0);\n__decorate([\n property()\n], WuiFlex.prototype, \"flexShrink\", void 0);\n__decorate([\n property()\n], WuiFlex.prototype, \"alignItems\", void 0);\n__decorate([\n property()\n], WuiFlex.prototype, \"justifyContent\", void 0);\n__decorate([\n property()\n], WuiFlex.prototype, \"columnGap\", void 0);\n__decorate([\n property()\n], WuiFlex.prototype, \"rowGap\", void 0);\n__decorate([\n property()\n], WuiFlex.prototype, \"gap\", void 0);\n__decorate([\n property()\n], WuiFlex.prototype, \"padding\", void 0);\n__decorate([\n property()\n], WuiFlex.prototype, \"margin\", void 0);\nWuiFlex = __decorate([\n customElement('wui-flex')\n], WuiFlex);\nexport { WuiFlex };\n//# sourceMappingURL=index.js.map","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n","import{_$LH as o}from\"./lit-html.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{I:t}=o,i=o=>null===o||\"object\"!=typeof o&&\"function\"!=typeof o,n={HTML:1,SVG:2,MATHML:3},e=(o,t)=>void 0===t?void 0!==o?._$litType$:o?._$litType$===t,l=o=>null!=o?._$litType$?.h,d=o=>void 0!==o?._$litDirective$,c=o=>o?._$litDirective$,f=o=>void 0===o.strings,r=()=>document.createComment(\"\"),s=(o,i,n)=>{const e=o._$AA.parentNode,l=void 0===i?o._$AB:i._$AA;if(void 0===n){const i=e.insertBefore(r(),l),d=e.insertBefore(r(),l);n=new t(i,d,o,o.options)}else{const t=n._$AB.nextSibling,i=n._$AM,d=i!==o;if(d){let t;n._$AQ?.(o),n._$AM=o,void 0!==n._$AP&&(t=o._$AU)!==i._$AU&&n._$AP(t)}if(t!==l||d){let o=n._$AA;for(;o!==t;){const t=o.nextSibling;e.insertBefore(o,l),o=t}}}return n},v=(o,t,i=o)=>(o._$AI(t,i),o),u={},m=(o,t=u)=>o._$AH=t,p=o=>o._$AH,M=o=>{o._$AR(),o._$AA.remove()},h=o=>{o._$AR()};export{n as TemplateResultType,h as clearPart,p as getCommittedValue,c as getDirectiveClass,s as insertPart,l as isCompiledTemplateResult,d as isDirectiveResult,i as isPrimitive,f as isSingleExpression,e as isTemplateResult,M as removePart,v as setChildPartValue,m as setCommittedValue};\n//# sourceMappingURL=directive-helpers.js.map\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{i as Directive,t as PartType,e as directive};\n//# sourceMappingURL=directive.js.map\n","import{isSingleExpression as i}from\"./directive-helpers.js\";import{Directive as t,PartType as e}from\"./directive.js\";export{directive}from\"./directive.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const s=(i,t)=>{const e=i._$AN;if(void 0===e)return!1;for(const i of e)i._$AO?.(t,!1),s(i,t);return!0},o=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t}while(0===e?.size)},r=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),c(t)}};function h(i){void 0!==this._$AN?(o(this),this._$AM=i,r(this)):this._$AM=i}function n(i,t=!1,e=0){const r=this._$AH,h=this._$AN;if(void 0!==h&&0!==h.size)if(t)if(Array.isArray(r))for(let i=e;i<r.length;i++)s(r[i],!1),o(r[i]);else null!=r&&(s(r,!1),o(r));else s(this,i)}const c=i=>{i.type==e.CHILD&&(i._$AP??=n,i._$AQ??=h)};class f extends t{constructor(){super(...arguments),this._$AN=void 0}_$AT(i,t,e){super._$AT(i,t,e),r(this),this.isConnected=i._$AU}_$AO(i,t=!0){i!==this.isConnected&&(this.isConnected=i,i?this.reconnected?.():this.disconnected?.()),t&&(s(this,i),o(this))}setValue(t){if(i(this._$Ct))this._$Ct._$AI(t,this);else{const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0)}}disconnected(){}reconnected(){}}export{f as AsyncDirective,t as Directive,e as PartType};\n//# sourceMappingURL=async-directive.js.map\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=async(t,s)=>{for await(const i of t)if(!1===await s(i))return};class s{constructor(t){this.G=t}disconnect(){this.G=void 0}reconnect(t){this.G=t}deref(){return this.G}}class i{constructor(){this.Y=void 0,this.Z=void 0}get(){return this.Y}pause(){this.Y??=new Promise((t=>this.Z=t))}resume(){this.Z?.(),this.Y=this.Z=void 0}}export{i as Pauser,s as PseudoWeakRef,t as forAwaitOf};\n//# sourceMappingURL=private-async-helpers.js.map\n","import{noChange as t}from\"../lit-html.js\";import{isPrimitive as s}from\"../directive-helpers.js\";import{AsyncDirective as i}from\"../async-directive.js\";import{PseudoWeakRef as e,Pauser as r}from\"./private-async-helpers.js\";import{directive as o}from\"../directive.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const n=t=>!s(t)&&\"function\"==typeof t.then,h=1073741823;class c extends i{constructor(){super(...arguments),this._$Cwt=h,this._$Cbt=[],this._$CK=new e(this),this._$CX=new r}render(...s){return s.find((t=>!n(t)))??t}update(s,i){const e=this._$Cbt;let r=e.length;this._$Cbt=i;const o=this._$CK,c=this._$CX;this.isConnected||this.disconnected();for(let t=0;t<i.length&&!(t>this._$Cwt);t++){const s=i[t];if(!n(s))return this._$Cwt=t,s;t<r&&s===e[t]||(this._$Cwt=h,r=0,Promise.resolve(s).then((async t=>{for(;c.get();)await c.get();const i=o.deref();if(void 0!==i){const e=i._$Cbt.indexOf(s);e>-1&&e<i._$Cwt&&(i._$Cwt=e,i.setValue(t))}})))}return t}disconnected(){this._$CK.disconnect(),this._$CX.pause()}reconnected(){this._$CK.reconnect(this),this._$CX.resume()}}const m=o(c);export{c as UntilDirective,m as until};\n//# sourceMappingURL=until.js.map\n","export class CacheUtil {\n constructor() {\n this.cache = new Map();\n }\n set(key, value) {\n this.cache.set(key, value);\n }\n get(key) {\n return this.cache.get(key);\n }\n has(key) {\n return this.cache.has(key);\n }\n delete(key) {\n this.cache.delete(key);\n }\n clear() {\n this.cache.clear();\n }\n}\nexport const globalSvgCache = new CacheUtil();\n//# sourceMappingURL=CacheUtil.js.map","import { css } from 'lit';\nexport default css `\n :host {\n display: flex;\n aspect-ratio: var(--local-aspect-ratio);\n color: var(--local-color);\n width: var(--local-width);\n }\n\n svg {\n width: inherit;\n height: inherit;\n object-fit: contain;\n object-position: center;\n }\n\n .fallback {\n width: var(--local-width);\n height: var(--local-height);\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 { until } from 'lit/directives/until.js';\nimport { globalSvgCache } from '../../utils/CacheUtil.js';\nimport { colorStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nconst ICONS = {\n add: async () => (await import('../../assets/svg/add.js')).addSvg,\n allWallets: async () => (await import('../../assets/svg/all-wallets.js')).allWalletsSvg,\n arrowBottomCircle: async () => (await import('../../assets/svg/arrow-bottom-circle.js')).arrowBottomCircleSvg,\n appStore: async () => (await import('../../assets/svg/app-store.js')).appStoreSvg,\n apple: async () => (await import('../../assets/svg/apple.js')).appleSvg,\n arrowBottom: async () => (await import('../../assets/svg/arrow-bottom.js')).arrowBottomSvg,\n arrowLeft: async () => (await import('../../assets/svg/arrow-left.js')).arrowLeftSvg,\n arrowRight: async () => (await import('../../assets/svg/arrow-right.js')).arrowRightSvg,\n arrowTop: async () => (await import('../../assets/svg/arrow-top.js')).arrowTopSvg,\n bank: async () => (await import('../../assets/svg/bank.js')).bankSvg,\n browser: async () => (await import('../../assets/svg/browser.js')).browserSvg,\n card: async () => (await import('../../assets/svg/card.js')).cardSvg,\n checkmark: async () => (await import('../../assets/svg/checkmark.js')).checkmarkSvg,\n checkmarkBold: async () => (await import('../../assets/svg/checkmark-bold.js')).checkmarkBoldSvg,\n chevronBottom: async () => (await import('../../assets/svg/chevron-bottom.js')).chevronBottomSvg,\n chevronLeft: async () => (await import('../../assets/svg/chevron-left.js')).chevronLeftSvg,\n chevronRight: async () => (await import('../../assets/svg/chevron-right.js')).chevronRightSvg,\n chevronTop: async () => (await import('../../assets/svg/chevron-top.js')).chevronTopSvg,\n chromeStore: async () => (await import('../../assets/svg/chrome-store.js')).chromeStoreSvg,\n clock: async () => (await import('../../assets/svg/clock.js')).clockSvg,\n close: async () => (await import('../../assets/svg/close.js')).closeSvg,\n compass: async () => (await import('../../assets/svg/compass.js')).compassSvg,\n coinPlaceholder: async () => (await import('../../assets/svg/coinPlaceholder.js')).coinPlaceholderSvg,\n copy: async () => (await import('../../assets/svg/copy.js')).copySvg,\n cursor: async () => (await import('../../assets/svg/cursor.js')).cursorSvg,\n cursorTransparent: async () => (await import('../../assets/svg/cursor-transparent.js')).cursorTransparentSvg,\n desktop: async () => (await import('../../assets/svg/desktop.js')).desktopSvg,\n disconnect: async () => (await import('../../assets/svg/disconnect.js')).disconnectSvg,\n discord: async () => (await import('../../assets/svg/discord.js')).discordSvg,\n etherscan: async () => (await import('../../assets/svg/etherscan.js')).etherscanSvg,\n extension: async () => (await import('../../assets/svg/extension.js')).extensionSvg,\n externalLink: async () => (await import('../../assets/svg/external-link.js')).externalLinkSvg,\n facebook: async () => (await import('../../assets/svg/facebook.js')).facebookSvg,\n farcaster: async () => (await import('../../assets/svg/farcaster.js')).farcasterSvg,\n filters: async () => (await import('../../assets/svg/filters.js')).filtersSvg,\n github: async () => (await import('../../assets/svg/github.js')).githubSvg,\n google: async () => (await import('../../assets/svg/google.js')).googleSvg,\n helpCircle: async () => (await import('../../assets/svg/help-circle.js')).helpCircleSvg,\n image: async () => (await import('../../assets/svg/image.js')).imageSvg,\n id: async () => (await import('../../assets/svg/id.js')).idSvg,\n infoCircle: async () => (await import('../../assets/svg/info-circle.js')).infoCircleSvg,\n lightbulb: async () => (await import('../../assets/svg/lightbulb.js')).lightbulbSvg,\n mail: async () => (await import('../../assets/svg/mail.js')).mailSvg,\n mobile: async () => (await import('../../assets/svg/mobile.js')).mobileSvg,\n more: async () => (await import('../../assets/svg/more.js')).moreSvg,\n networkPlaceholder: async () => (await import('../../assets/svg/network-placeholder.js')).networkPlaceholderSvg,\n nftPlaceholder: async () => (await import('../../assets/svg/nftPlaceholder.js')).nftPlaceholderSvg,\n off: async () => (await import('../../assets/svg/off.js')).offSvg,\n playStore: async () => (await import('../../assets/svg/play-store.js')).playStoreSvg,\n plus: async () => (await import('../../assets/svg/plus.js')).plusSvg,\n qrCode: async () => (await import('../../assets/svg/qr-code.js')).qrCodeIcon,\n recycleHorizontal: async () => (await import('../../assets/svg/recycle-horizontal.js')).recycleHorizontalSvg,\n refresh: async () => (await import('../../assets/svg/refresh.js')).refreshSvg,\n search: async () => (await import('../../assets/svg/search.js')).searchSvg,\n send: async () => (await import('../../assets/svg/send.js')).sendSvg,\n swapHorizontal: async () => (await import('../../assets/svg/swapHorizontal.js')).swapHorizontalSvg,\n swapHorizontalMedium: async () => (await import('../../assets/svg/swapHorizontalMedium.js')).swapHorizontalMediumSvg,\n swapHorizontalBold: async () => (await import('../../assets/svg/swapHorizontalBold.js')).swapHorizontalBoldSvg,\n swapHorizontalRoundedBold: async () => (await import('../../assets/svg/swapHorizontalRoundedBold.js')).swapHorizontalRoundedBoldSvg,\n swapVertical: async () => (await import('../../assets/svg/swapVertical.js')).swapVerticalSvg,\n telegram: async () => (await import('../../assets/svg/telegram.js')).telegramSvg,\n threeDots: async () => (await import('../../assets/svg/three-dots.js')).threeDotsSvg,\n twitch: async () => (await import('../../assets/svg/twitch.js')).twitchSvg,\n twitter: async () => (await import('../../assets/svg/x.js')).xSvg,\n twitterIcon: async () => (await import('../../assets/svg/twitterIcon.js')).twitterIconSvg,\n verify: async () => (await import('../../assets/svg/verify.js')).verifySvg,\n verifyFilled: async () => (await import('../../assets/svg/verify-filled.js')).verifyFilledSvg,\n wallet: async () => (await import('../../assets/svg/wallet.js')).walletSvg,\n walletConnect: async () => (await import('../../assets/svg/walletconnect.js')).walletConnectSvg,\n walletConnectLightBrown: async () => (await import('../../assets/svg/walletconnect.js')).walletConnectLightBrownSvg,\n walletConnectBrown: async () => (await import('../../assets/svg/walletconnect.js')).walletConnectBrownSvg,\n walletPlaceholder: async () => (await import('../../assets/svg/wallet-placeholder.js')).walletPlaceholderSvg,\n warningCircle: async () => (await import('../../assets/svg/warning-circle.js')).warningCircleSvg,\n x: async () => (await import('../../assets/svg/x.js')).xSvg,\n info: async () => (await import('../../assets/svg/info.js')).infoSvg,\n exclamationTriangle: async () => (await import('../../assets/svg/exclamation-triangle.js')).exclamationTriangleSvg,\n reown: async () => (await import('../../assets/svg/reown-logo.js')).reownSvg\n};\nasync function getSvg(name) {\n if (globalSvgCache.has(name)) {\n return globalSvgCache.get(name);\n }\n const importFn = ICONS[name] ?? ICONS.copy;\n const svgPromise = importFn();\n globalSvgCache.set(name, svgPromise);\n return svgPromise;\n}\nlet WuiIcon = class WuiIcon extends LitElement {\n constructor() {\n super(...arguments);\n this.size = 'md';\n this.name = 'copy';\n this.color = 'fg-300';\n this.aspectRatio = '1 / 1';\n }\n render() {\n this.style.cssText = `\n --local-color: ${`var(--wui-color-${this.color});`}\n --local-width: ${`var(--wui-icon-size-${this.size});`}\n --local-aspect-ratio: ${this.aspectRatio}\n `;\n return html `${until(getSvg(this.name), html `<div class=\"fallback\"></div>`)}`;\n }\n};\nWuiIcon.styles = [resetStyles, colorStyles, styles];\n__decorate([\n property()\n], WuiIcon.prototype, \"size\", void 0);\n__decorate([\n property()\n], WuiIcon.prototype, \"name\", void 0);\n__decorate([\n property()\n], WuiIcon.prototype, \"color\", void 0);\n__decorate([\n property()\n], WuiIcon.prototype, \"aspectRatio\", void 0);\nWuiIcon = __decorate([\n customElement('wui-icon')\n], WuiIcon);\nexport { WuiIcon };\n//# sourceMappingURL=index.js.map","import{noChange as t}from\"../lit-html.js\";import{directive as s,Directive as i,PartType as r}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const e=s(class extends i{constructor(t){if(super(t),t.type!==r.ATTRIBUTE||\"class\"!==t.name||t.strings?.length>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter((s=>t[s])).join(\" \")+\" \"}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(\" \").split(/\\s/).filter((t=>\"\"!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as classMap};\n//# sourceMappingURL=class-map.js.map\n","import { css } from 'lit';\nexport default css `\n :host {\n display: inline-flex !important;\n }\n\n slot {\n width: 100%;\n display: inline-block;\n font-style: normal;\n font-family: var(--wui-font-family);\n font-feature-settings:\n 'tnum' on,\n 'lnum' on,\n 'case' on;\n line-height: 130%;\n font-weight: var(--wui-font-weight-regular);\n overflow: inherit;\n text-overflow: inherit;\n text-align: var(--local-align);\n color: var(--local-color);\n }\n\n .wui-line-clamp-1 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n }\n\n .wui-line-clamp-2 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n\n .wui-font-medium-400 {\n font-size: var(--wui-font-size-medium);\n font-weight: var(--wui-font-weight-light);\n letter-spacing: var(--wui-letter-spacing-medium);\n }\n\n .wui-font-medium-600 {\n font-size: var(--wui-font-size-medium);\n letter-spacing: var(--wui-letter-spacing-medium);\n }\n\n .wui-font-title-600 {\n font-size: var(--wui-font-size-title);\n letter-spacing: var(--wui-letter-spacing-title);\n }\n\n .wui-font-title-6-600 {\n font-size: var(--wui-font-size-title-6);\n letter-spacing: var(--wui-letter-spacing-title-6);\n }\n\n .wui-font-mini-700 {\n font-size: var(--wui-font-size-mini);\n letter-spacing: var(--wui-letter-spacing-mini);\n text-transform: uppercase;\n }\n\n .wui-font-large-500,\n .wui-font-large-600,\n .wui-font-large-700 {\n font-size: var(--wui-font-size-large);\n letter-spacing: var(--wui-letter-spacing-large);\n }\n\n .wui-font-2xl-500,\n .wui-font-2xl-600,\n .wui-font-2xl-700 {\n font-size: var(--wui-font-size-2xl);\n letter-spacing: var(--wui-letter-spacing-2xl);\n }\n\n .wui-font-paragraph-400,\n .wui-font-paragraph-500,\n .wui-font-paragraph-600,\n .wui-font-paragraph-700 {\n font-size: var(--wui-font-size-paragraph);\n letter-spacing: var(--wui-letter-spacing-paragraph);\n }\n\n .wui-font-small-400,\n .wui-font-small-500,\n .wui-font-small-600 {\n font-size: var(--wui-font-size-small);\n letter-spacing: var(--wui-letter-spacing-small);\n }\n\n .wui-font-tiny-400,\n .wui-font-tiny-500,\n .wui-font-tiny-600 {\n font-size: var(--wui-font-size-tiny);\n letter-spacing: var(--wui-letter-spacing-tiny);\n }\n\n .wui-font-micro-700,\n .wui-font-micro-600 {\n font-size: var(--wui-font-size-micro);\n letter-spacing: var(--wui-letter-spacing-micro);\n text-transform: uppercase;\n }\n\n .wui-font-tiny-400,\n .wui-font-small-400,\n .wui-font-medium-400,\n .wui-font-paragraph-400 {\n font-weight: var(--wui-font-weight-light);\n }\n\n .wui-font-large-700,\n .wui-font-paragraph-700,\n .wui-font-micro-700,\n .wui-font-mini-700 {\n font-weight: var(--wui-font-weight-bold);\n }\n\n .wui-font-medium-600,\n .wui-font-medium-title-600,\n .wui-font-title-6-600,\n .wui-font-large-600,\n .wui-font-paragraph-600,\n .wui-font-small-600,\n .wui-font-tiny-600,\n .wui-font-micro-600 {\n font-weight: var(--wui-font-weight-medium);\n }\n\n :host([disabled]) {\n opacity: 0.4;\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 { classMap } from 'lit/directives/class-map.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiText = class WuiText extends LitElement {\n constructor() {\n super(...arguments);\n this.variant = 'paragraph-500';\n this.color = 'fg-300';\n this.align = 'left';\n this.lineClamp = undefined;\n }\n render() {\n const classes = {\n [`wui-font-${this.variant}`]: true,\n [`wui-color-${this.color}`]: true,\n [`wui-line-clamp-${this.lineClamp}`]: this.lineClamp ? true : false\n };\n this.style.cssText = `\n --local-align: ${this.align};\n --local-color: var(--wui-color-${this.color});\n `;\n return html `<slot class=${classMap(classes)}></slot>`;\n }\n};\nWuiText.styles = [resetStyles, styles];\n__decorate([\n property()\n], WuiText.prototype, \"variant\", void 0);\n__decorate([\n property()\n], WuiText.prototype, \"color\", void 0);\n__decorate([\n property()\n], WuiText.prototype, \"align\", void 0);\n__decorate([\n property()\n], WuiText.prototype, \"lineClamp\", void 0);\nWuiText = __decorate([\n customElement('wui-text')\n], WuiText);\nexport { WuiText };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n :host {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n position: relative;\n overflow: hidden;\n background-color: var(--wui-color-gray-glass-020);\n border-radius: var(--local-border-radius);\n border: var(--local-border);\n box-sizing: content-box;\n width: var(--local-size);\n height: var(--local-size);\n min-height: var(--local-size);\n min-width: var(--local-size);\n }\n\n @supports (background: color-mix(in srgb, white 50%, black)) {\n :host {\n background-color: color-mix(in srgb, var(--local-bg-value) var(--local-bg-mix), transparent);\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-icon/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiIconBox = class WuiIconBox extends LitElement {\n constructor() {\n super(...arguments);\n this.size = 'md';\n this.backgroundColor = 'accent-100';\n this.iconColor = 'accent-100';\n this.background = 'transparent';\n this.border = false;\n this.borderColor = 'wui-color-bg-125';\n this.icon = 'copy';\n }\n render() {\n const iconSize = this.iconSize || this.size;\n const isLg = this.size === 'lg';\n const isXl = this.size === 'xl';\n const bgMix = isLg ? '12%' : '16%';\n const borderRadius = isLg ? 'xxs' : isXl ? 's' : '3xl';\n const isGray = this.background === 'gray';\n const isOpaque = this.background === 'opaque';\n const isColorChange = (this.backgroundColor === 'accent-100' && isOpaque) ||\n (this.backgroundColor === 'success-100' && isOpaque) ||\n (this.backgroundColor === 'error-100' && isOpaque) ||\n (this.backgroundColor === 'inverse-100' && isOpaque);\n let bgValueVariable = `var(--wui-color-${this.backgroundColor})`;\n if (isColorChange) {\n bgValueVariable = `var(--wui-icon-box-bg-${this.backgroundColor})`;\n }\n else if (isGray) {\n bgValueVariable = `var(--wui-color-gray-${this.backgroundColor})`;\n }\n this.style.cssText = `\n --local-bg-value: ${bgValueVariable};\n --local-bg-mix: ${isColorChange || isGray ? `100%` : bgMix};\n --local-border-radius: var(--wui-border-radius-${borderRadius});\n --local-size: var(--wui-icon-box-size-${this.size});\n --local-border: ${this.borderColor === 'wui-color-bg-125' ? `2px` : `1px`} solid ${this.border ? `var(--${this.borderColor})` : `transparent`}\n `;\n return html ` <wui-icon color=${this.iconColor} size=${iconSize} name=${this.icon}></wui-icon> `;\n }\n};\nWuiIconBox.styles = [resetStyles, elementStyles, styles];\n__decorate([\n property()\n], WuiIconBox.prototype, \"size\", void 0);\n__decorate([\n property()\n], WuiIconBox.prototype, \"backgroundColor\", void 0);\n__decorate([\n property()\n], WuiIconBox.prototype, \"iconColor\", void 0);\n__decorate([\n property()\n], WuiIconBox.prototype, \"iconSize\", void 0);\n__decorate([\n property()\n], WuiIconBox.prototype, \"background\", void 0);\n__decorate([\n property({ type: Boolean })\n], WuiIconBox.prototype, \"border\", void 0);\n__decorate([\n property()\n], WuiIconBox.prototype, \"borderColor\", void 0);\n__decorate([\n property()\n], WuiIconBox.prototype, \"icon\", void 0);\nWuiIconBox = __decorate([\n customElement('wui-icon-box')\n], WuiIconBox);\nexport { WuiIconBox };\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 }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center center;\n border-radius: inherit;\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 { colorStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiImage = class WuiImage extends LitElement {\n constructor() {\n super(...arguments);\n this.src = './path/to/image.jpg';\n this.alt = 'Image';\n this.size = undefined;\n }\n render() {\n this.style.cssText = `\n --local-width: ${this.size ? `var(--wui-icon-size-${this.size});` : '100%'};\n --local-height: ${this.size ? `var(--wui-icon-size-${this.size});` : '100%'};\n `;\n return html `<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`;\n }\n handleImageError() {\n this.dispatchEvent(new CustomEvent('onLoadError', { bubbles: true, composed: true }));\n }\n};\nWuiImage.styles = [resetStyles, colorStyles, styles];\n__decorate([\n property()\n], WuiImage.prototype, \"src\", void 0);\n__decorate([\n property()\n], WuiImage.prototype, \"alt\", void 0);\n__decorate([\n property()\n], WuiImage.prototype, \"size\", void 0);\nWuiImage = __decorate([\n customElement('wui-image')\n], WuiImage);\nexport { WuiImage };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n :host {\n display: flex;\n justify-content: center;\n align-items: center;\n height: var(--wui-spacing-m);\n padding: 0 var(--wui-spacing-3xs) !important;\n border-radius: var(--wui-border-radius-5xs);\n transition:\n border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),\n background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);\n will-change: border-radius, background-color;\n }\n\n :host > wui-text {\n transform: translateY(5%);\n }\n\n :host([data-variant='main']) {\n background-color: var(--wui-color-accent-glass-015);\n color: var(--wui-color-accent-100);\n }\n\n :host([data-variant='shade']) {\n background-color: var(--wui-color-gray-glass-010);\n color: var(--wui-color-fg-200);\n }\n\n :host([data-variant='success']) {\n background-color: var(--wui-icon-box-bg-success-100);\n color: var(--wui-color-success-100);\n }\n\n :host([data-variant='error']) {\n background-color: var(--wui-icon-box-bg-error-100);\n color: var(--wui-color-error-100);\n }\n\n :host([data-size='lg']) {\n padding: 11px 5px !important;\n }\n\n :host([data-size='lg']) > wui-text {\n transform: translateY(2%);\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-text/index.js';\nimport { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiTag = class WuiTag extends LitElement {\n constructor() {\n super(...arguments);\n this.variant = 'main';\n this.size = 'lg';\n }\n render() {\n this.dataset['variant'] = this.variant;\n this.dataset['size'] = this.size;\n const textVariant = this.size === 'md' ? 'mini-700' : 'micro-700';\n return html `\n <wui-text data-variant=${this.variant} variant=${textVariant} color=\"inherit\">\n <slot></slot>\n </wui-text>\n `;\n }\n};\nWuiTag.styles = [resetStyles, styles];\n__decorate([\n property()\n], WuiTag.prototype, \"variant\", void 0);\n__decorate([\n property()\n], WuiTag.prototype, \"size\", void 0);\nWuiTag = __decorate([\n customElement('wui-tag')\n], WuiTag);\nexport { WuiTag };\n//# sourceMappingURL=index.js.map","import { css } from 'lit';\nexport default css `\n :host {\n display: flex;\n }\n\n :host([data-size='sm']) > svg {\n width: 12px;\n height: 12px;\n }\n\n :host([data-size='md']) > svg {\n width: 16px;\n height: 16px;\n }\n\n :host([data-size='lg']) > svg {\n width: 24px;\n height: 24px;\n }\n\n :host([data-size='xl']) > svg {\n width: 32px;\n height: 32px;\n }\n\n svg {\n animation: rotate 2s linear infinite;\n }\n\n circle {\n fill: none;\n stroke: var(--local-color);\n stroke-width: 4px;\n stroke-dasharray: 1, 124;\n stroke-dashoffset: 0;\n stroke-linecap: round;\n animation: dash 1.5s ease-in-out infinite;\n }\n\n :host([data-size='md']) > svg > circle {\n stroke-width: 6px;\n }\n\n :host([data-size='sm']) > svg > circle {\n stroke-width: 8px;\n }\n\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 124;\n stroke-dashoffset: 0;\n }\n\n 50% {\n stroke-dasharray: 90, 124;\n stroke-dashoffset: -35;\n }\n\n 100% {\n stroke-dashoffset: -125;\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 { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiLoadingSpinner = class WuiLoadingSpinner extends LitElement {\n constructor() {\n super(...arguments);\n this.color = 'accent-100';\n this.size = 'lg';\n }\n render() {\n this.style.cssText = `--local-color: ${this.color === 'inherit' ? 'inherit' : `var(--wui-color-${this.color})`}`;\n this.dataset['size'] = this.size;\n return html `<svg viewBox=\"25 25 50 50\">\n <circle r=\"20\" cy=\"50\" cx=\"50\"></circle>\n </svg>`;\n }\n};\nWuiLoadingSpinner.styles = [resetStyles, styles];\n__decorate([\n property()\n], WuiLoadingSpinner.prototype, \"color\", void 0);\n__decorate([\n property()\n], WuiLoadingSpinner.prototype, \"size\", void 0);\nWuiLoadingSpinner = __decorate([\n customElement('wui-loading-spinner')\n], WuiLoadingSpinner);\nexport { WuiLoadingSpinner };\n//# sourceMappingURL=index.js.map"],"names":["i","r","o","t","e","n","s","css","__decorate","this","c","WuiFlex","LitElement","html","styles","property","f","h","WuiIcon","until","WuiText","classMap","WuiIconBox","WuiImage","WuiTag","WuiLoadingSpinner"],"mappings":";AAAY,MAAC,eAAe;AAAA,EACxB,iBAAiB,SAAS,OAAO;AAC7B,QAAI,MAAM,QAAQ,OAAO,GAAG;AACxB,aAAO,QAAQ,KAAK,IAAI,qBAAqB,QAAQ,KAAK,CAAC,MAAM;AAAA,IACpE,WACQ,OAAO,YAAY,UAAU;AAClC,aAAO,qBAAqB,OAAO;AAAA,IACtC;AACD,WAAO;AAAA,EACV;AAAA,EACD,iBAAiB,MAAM;AACnB,WAAO,IAAI,KAAK,eAAe,SAAS,EAAE,OAAO,SAAS,KAAK,UAAW,CAAA,EAAE,OAAO,IAAI;AAAA,EAC1F;AAAA,EACD,YAAY,KAAK;AACb,QAAI;AACA,YAAM,SAAS,IAAI,IAAI,GAAG;AAC1B,aAAO,OAAO;AAAA,IACjB,SACM,OAAO;AACV,aAAO;AAAA,IACV;AAAA,EACJ;AAAA,EACD,kBAAkB,EAAE,QAAQ,YAAY,UAAU,SAAQ,GAAI;AAC1D,QAAI,OAAO,UAAU,aAAa,UAAU;AACxC,aAAO;AAAA,IACV;AACD,QAAI,aAAa,OAAO;AACpB,aAAO,GAAG,OAAO,UAAU,GAAG,UAAU,CAAC;AAAA,IAC5C,WACQ,aAAa,SAAS;AAC3B,aAAO,MAAM,OAAO,UAAU,OAAO,SAAS,QAAQ,CAAC;AAAA,IAC1D;AACD,WAAO,GAAG,OAAO,UAAU,GAAG,KAAK,MAAM,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,OAAO,SAAS,KAAK,MAAM,QAAQ,CAAC,CAAC;AAAA,EACpH;AAAA,EACD,qBAAqB,SAAS;AAC1B,UAAM,OAAO,QACR,YAAa,EACb,QAAQ,SAAS,EAAE,EACnB,QAAQ,eAAe,EAAE;AAC9B,UAAM,YAAY,KAAK,UAAU,GAAG,CAAC,EAAE,OAAO,GAAG,GAAG;AACpD,UAAM,WAAW,KAAK,SAAS,SAAS;AACxC,UAAM,qBAAqB,iBAAiB,SAAS,eAAe,EAAE,iBAAiB,4BAA4B;AACnH,UAAM,SAAS,OAAO,oBAAoB,QAAQ,MAAM,EAAE,CAAC;AAC3D,UAAM,OAAO,MAAM,IAAI;AACvB,UAAM,iBAAiB,GAAG,IAAI,KAAK,IAAI;AACvC,UAAM,SAAS,CAAA;AACf,aAASA,KAAI,GAAGA,KAAI,GAAGA,MAAK,GAAG;AAC3B,YAAM,cAAc,KAAK,UAAU,UAAU,OAAOA,EAAC;AACrD,aAAO,KAAK,OAAO,YAAY,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,GAAG;AAAA,IAC7E;AACD,WAAO;AAAA,uBACQ,OAAO,CAAC,CAAC;AAAA,uBACT,OAAO,CAAC,CAAC;AAAA,uBACT,OAAO,CAAC,CAAC;AAAA,uBACT,OAAO,CAAC,CAAC;AAAA,uBACT,OAAO,CAAC,CAAC;AAAA,6BACH,cAAc;AAAA;AAAA,EAEtC;AAAA,EACD,SAAS,KAAK;AACV,UAAM,SAAS,SAAS,KAAK,EAAE;AAC/B,UAAMC,KAAK,UAAU,KAAM;AAC3B,UAAM,IAAK,UAAU,IAAK;AAC1B,UAAM,IAAI,SAAS;AACnB,WAAO,CAACA,IAAG,GAAG,CAAC;AAAA,EAClB;AAAA,EACD,UAAU,KAAK,MAAM;AACjB,UAAM,CAACA,IAAG,GAAG,CAAC,IAAI;AAClB,UAAM,UAAU,KAAK,MAAMA,MAAK,MAAMA,MAAK,IAAI;AAC/C,UAAM,UAAU,KAAK,MAAM,KAAK,MAAM,KAAK,IAAI;AAC/C,UAAM,UAAU,KAAK,MAAM,KAAK,MAAM,KAAK,IAAI;AAC/C,WAAO,CAAC,SAAS,SAAS,OAAO;AAAA,EACpC;AAAA,EACD,SAAS,WAAW;AAChB,UAAM,QAAQ;AAAA,MACV,QAAQ;AAAA,IACpB;AACQ,WAAO,MAAM,OAAO,KAAK,SAAS;AAAA,EACrC;AAAA,EACD,cAAc,OAAO;AACjB,QAAI,OAAO;AACP,aAAO;AAAA,IACV,WACQ,OAAO,WAAW,eAAe,OAAO,YAAY;AACzD,UAAI,OAAO,WAAW,8BAA8B,GAAG,SAAS;AAC5D,eAAO;AAAA,MACV;AACD,aAAO;AAAA,IACV;AACD,WAAO;AAAA,EACV;AAAA,EACD,aAAa,OAAO;AAChB,UAAM,QAAQ,MAAM,MAAM,GAAG;AAC7B,QAAI,MAAM,WAAW,GAAG;AACpB,aAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC;AAAA,IAC7B;AACD,WAAO,CAAC,KAAK,IAAI;AAAA,EACpB;AAAA,EACD,YAAY,QAAQ,WAAW,OAAO;AAClC,UAAM,gBAAgB,OAAO,SAAQ,EAAG,UAAU,YAAY,OAAO,MAAM,EAAE,QAAQ,KAAK,IAAI;AAC9F,WAAO;AAAA,EACV;AAAA,EACD,0BAA0B,OAAO,WAAW,GAAG;AAC3C,QAAI,UAAU,QAAW;AACrB,aAAO;AAAA,IACV;AACD,QAAI,OAAO,UAAU,UAAU;AAC3B,aAAO,MAAM,eAAe,SAAS;AAAA,QACjC,uBAAuB;AAAA,QACvB,uBAAuB;AAAA,MACvC,CAAa;AAAA,IACJ;AACD,WAAO,WAAW,KAAK,EAAE,eAAe,SAAS;AAAA,MAC7C,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,IACnC,CAAS;AAAA,EACJ;AACL;ACrHA,SAAS,sBAAsB,SAAS,YAAY;AAChD,QAAM,EAAE,MAAM,SAAU,IAAG;AAC3B,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA,SAAS,OAAO;AACZ,UAAI,CAAC,eAAe,IAAI,OAAO,GAAG;AAC9B,uBAAe,OAAO,SAAS,KAAK;AAAA,MACvC;AAAA,IACJ;AAAA,EACT;AACA;AACA,SAAS,oBAAoB,SAAS,OAAO;AACzC,MAAI,CAAC,eAAe,IAAI,OAAO,GAAG;AAC9B,mBAAe,OAAO,SAAS,KAAK;AAAA,EACvC;AACD,SAAO;AACX;AACO,SAAS,cAAc,SAAS;AACnC,SAAO,SAAS,OAAO,mBAAmB;AACtC,WAAO,OAAO,sBAAsB,aAC9B,oBAAoB,SAAS,iBAAiB,IAC9C,sBAAsB,SAAS,iBAAiB;AAAA,EAC9D;AACA;ACvBA;AAAA;AAAA;AAAA;AAAA;AAIG,MAAMC,MAAE,EAAC,WAAU,MAAG,MAAK,QAAO,WAAUC,GAAE,SAAQ,OAAG,YAAWC,IAAC,GAAEH,MAAE,CAACE,KAAED,KAAEE,IAAEH,OAAI;AAAC,QAAK,EAAC,MAAKI,IAAE,UAASL,GAAC,IAAEC;AAAE,MAAIK,KAAE,WAAW,oBAAoB,IAAIN,EAAC;AAAE,MAAG,WAASM,MAAG,WAAW,oBAAoB,IAAIN,IAAEM,KAAE,oBAAI,KAAG,GAAE,aAAWD,QAAKF,KAAE,OAAO,OAAOA,EAAC,GAAG,UAAQ,OAAIG,GAAE,IAAIL,GAAE,MAA