@reown/appkit-cdn 1.8.15-viem-upgrade.0 → 1.8.15-wc-linking-reset-headless.0

package/dist/index-D0jIxjP5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D0jIxjP5.js","sources":["../../scaffold-ui/dist/esm/src/modal/w3m-footer/styles.js","../../scaffold-ui/dist/esm/src/modal/w3m-footer/index.js","../../scaffold-ui/dist/esm/src/modal/w3m-router/styles.js","../../scaffold-ui/dist/esm/src/modal/w3m-router/index.js","../../ui/dist/esm/src/composites/wui-all-wallets-image/styles.js","../../ui/dist/esm/src/composites/wui-all-wallets-image/index.js","../../ui/dist/esm/src/composites/wui-list-wallet/styles.js","../../ui/dist/esm/src/composites/wui-list-wallet/index.js"],"sourcesContent":["import { css } from '@reown/appkit-ui';\nexport default css `\n  :host {\n    display: block;\n  }\n\n  div.container {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    overflow: hidden;\n    height: auto;\n    display: block;\n  }\n\n  div.container[status='hide'] {\n    animation: fade-out;\n    animation-duration: var(--apkt-duration-dynamic);\n    animation-timing-function: ${({ easings }) => easings['ease-out-power-2']};\n    animation-fill-mode: both;\n    animation-delay: 0s;\n  }\n\n  div.container[status='show'] {\n    animation: fade-in;\n    animation-duration: var(--apkt-duration-dynamic);\n    animation-timing-function: ${({ easings }) => easings['ease-out-power-2']};\n    animation-fill-mode: both;\n    animation-delay: var(--apkt-duration-dynamic);\n  }\n\n  @keyframes fade-in {\n    from {\n      opacity: 0;\n      filter: blur(6px);\n    }\n    to {\n      opacity: 1;\n      filter: blur(0px);\n    }\n  }\n\n  @keyframes fade-out {\n    from {\n      opacity: 1;\n      filter: blur(0px);\n    }\n    to {\n      opacity: 0;\n      filter: blur(6px);\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 { state } from 'lit/decorators.js';\nimport { EventsController, RouterController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '../../partials/w3m-legal-footer/index.js';\nimport '../../partials/w3m-onramp-providers-footer/index.js';\nimport { HelpersUtil } from '../../utils/HelpersUtil.js';\nimport styles from './styles.js';\nlet W3mFooter = class W3mFooter extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.resizeObserver = undefined;\n        this.unsubscribe = [];\n        this.status = 'hide';\n        this.view = RouterController.state.view;\n    }\n    firstUpdated() {\n        this.status = HelpersUtil.hasFooter() ? 'show' : 'hide';\n        this.unsubscribe.push(RouterController.subscribeKey('view', val => {\n            this.view = val;\n            this.status = HelpersUtil.hasFooter() ? 'show' : 'hide';\n            if (this.status === 'hide') {\n                const globalStyles = document.documentElement.style;\n                globalStyles.setProperty('--apkt-footer-height', '0px');\n            }\n        }));\n        this.resizeObserver = new ResizeObserver(entries => {\n            for (const entry of entries) {\n                if (entry.target === this.getWrapper()) {\n                    const newHeight = `${entry.contentRect.height}px`;\n                    const globalStyles = document.documentElement.style;\n                    globalStyles.setProperty('--apkt-footer-height', newHeight);\n                }\n            }\n        });\n        this.resizeObserver.observe(this.getWrapper());\n    }\n    render() {\n        return html `\n      <div class=\"container\" status=${this.status}>${this.templatePageContainer()}</div>\n    `;\n    }\n    templatePageContainer() {\n        if (HelpersUtil.hasFooter()) {\n            return html ` ${this.templateFooter()}`;\n        }\n        return null;\n    }\n    templateFooter() {\n        switch (this.view) {\n            case 'Networks':\n                return this.templateNetworksFooter();\n            case 'Connect':\n            case 'ConnectWallets':\n            case 'OnRampFiatSelect':\n            case 'OnRampTokenSelect':\n                return html `<w3m-legal-footer></w3m-legal-footer>`;\n            case 'OnRampProviders':\n                return html `<w3m-onramp-providers-footer></w3m-onramp-providers-footer>`;\n            default:\n                return null;\n        }\n    }\n    templateNetworksFooter() {\n        return html ` <wui-flex\n      class=\"footer-in\"\n      padding=\"3\"\n      flexDirection=\"column\"\n      gap=\"3\"\n      alignItems=\"center\"\n    >\n      <wui-text variant=\"md-regular\" color=\"secondary\" align=\"center\">\n        Your connected wallet may not support some of the networks available for this dApp\n      </wui-text>\n      <wui-link @click=${this.onNetworkHelp.bind(this)}>\n        <wui-icon size=\"sm\" color=\"accent-primary\" slot=\"iconLeft\" name=\"helpCircle\"></wui-icon>\n        What is a network\n      </wui-link>\n    </wui-flex>`;\n    }\n    onNetworkHelp() {\n        EventsController.sendEvent({ type: 'track', event: 'CLICK_NETWORK_HELP' });\n        RouterController.push('WhatIsANetwork');\n    }\n    getWrapper() {\n        return this.shadowRoot?.querySelector('div.container');\n    }\n};\nW3mFooter.styles = [styles];\n__decorate([\n    state()\n], W3mFooter.prototype, \"status\", void 0);\n__decorate([\n    state()\n], W3mFooter.prototype, \"view\", void 0);\nW3mFooter = __decorate([\n    customElement('w3m-footer')\n], W3mFooter);\nexport { W3mFooter };\n//# sourceMappingURL=index.js.map","import { css } from '@reown/appkit-ui';\nexport default css `\n  :host {\n    display: block;\n    width: 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 { state } from 'lit/decorators.js';\nimport { RouterController } from '@reown/appkit-controllers';\nimport { customElement } from '@reown/appkit-ui';\nimport '../w3m-footer/index.js';\nimport styles from './styles.js';\nlet W3mRouter = class W3mRouter extends LitElement {\n    constructor() {\n        super();\n        this.unsubscribe = [];\n        this.viewState = RouterController.state.view;\n        this.history = RouterController.state.history.join(',');\n        this.unsubscribe.push(RouterController.subscribeKey('view', () => {\n            this.history = RouterController.state.history.join(',');\n            document.documentElement.style.setProperty('--apkt-duration-dynamic', 'var(--apkt-durations-lg)');\n        }));\n    }\n    disconnectedCallback() {\n        this.unsubscribe.forEach(unsubscribe => unsubscribe());\n        document.documentElement.style.setProperty('--apkt-duration-dynamic', '0s');\n    }\n    render() {\n        return html `${this.templatePageContainer()}`;\n    }\n    templatePageContainer() {\n        return html `<w3m-router-container\n      history=${this.history}\n      .setView=${() => {\n            this.viewState = RouterController.state.view;\n        }}\n    >\n      ${this.viewTemplate(this.viewState)}\n    </w3m-router-container>`;\n    }\n    viewTemplate(view) {\n        switch (view) {\n            case 'AccountSettings':\n                return html `<w3m-account-settings-view></w3m-account-settings-view>`;\n            case 'Account':\n                return html `<w3m-account-view></w3m-account-view>`;\n            case 'AllWallets':\n                return html `<w3m-all-wallets-view></w3m-all-wallets-view>`;\n            case 'ApproveTransaction':\n                return html `<w3m-approve-transaction-view></w3m-approve-transaction-view>`;\n            case 'BuyInProgress':\n                return html `<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;\n            case 'ChooseAccountName':\n                return html `<w3m-choose-account-name-view></w3m-choose-account-name-view>`;\n            case 'Connect':\n                return html `<w3m-connect-view></w3m-connect-view>`;\n            case 'Create':\n                return html `<w3m-connect-view walletGuide=\"explore\"></w3m-connect-view>`;\n            case 'ConnectingWalletConnect':\n                return html `<w3m-connecting-wc-view></w3m-connecting-wc-view>`;\n            case 'ConnectingWalletConnectBasic':\n                return html `<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;\n            case 'ConnectingExternal':\n                return html `<w3m-connecting-external-view></w3m-connecting-external-view>`;\n            case 'ConnectingSiwe':\n                return html `<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;\n            case 'ConnectWallets':\n                return html `<w3m-connect-wallets-view></w3m-connect-wallets-view>`;\n            case 'ConnectSocials':\n                return html `<w3m-connect-socials-view></w3m-connect-socials-view>`;\n            case 'ConnectingSocial':\n                return html `<w3m-connecting-social-view></w3m-connecting-social-view>`;\n            case 'DataCapture':\n                return html `<w3m-data-capture-view></w3m-data-capture-view>`;\n            case 'DataCaptureOtpConfirm':\n                return html `<w3m-data-capture-otp-confirm-view></w3m-data-capture-otp-confirm-view>`;\n            case 'Downloads':\n                return html `<w3m-downloads-view></w3m-downloads-view>`;\n            case 'EmailLogin':\n                return html `<w3m-email-login-view></w3m-email-login-view>`;\n            case 'EmailVerifyOtp':\n                return html `<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;\n            case 'EmailVerifyDevice':\n                return html `<w3m-email-verify-device-view></w3m-email-verify-device-view>`;\n            case 'GetWallet':\n                return html `<w3m-get-wallet-view></w3m-get-wallet-view>`;\n            case 'Networks':\n                return html `<w3m-networks-view></w3m-networks-view>`;\n            case 'SwitchNetwork':\n                return html `<w3m-network-switch-view></w3m-network-switch-view>`;\n            case 'ProfileWallets':\n                return html `<w3m-profile-wallets-view></w3m-profile-wallets-view>`;\n            case 'Transactions':\n                return html `<w3m-transactions-view></w3m-transactions-view>`;\n            case 'OnRampProviders':\n                return html `<w3m-onramp-providers-view></w3m-onramp-providers-view>`;\n            case 'OnRampTokenSelect':\n                return html `<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;\n            case 'OnRampFiatSelect':\n                return html `<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;\n            case 'UpgradeEmailWallet':\n                return html `<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;\n            case 'UpdateEmailWallet':\n                return html `<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;\n            case 'UpdateEmailPrimaryOtp':\n                return html `<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;\n            case 'UpdateEmailSecondaryOtp':\n                return html `<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;\n            case 'UnsupportedChain':\n                return html `<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;\n            case 'Swap':\n                return html `<w3m-swap-view></w3m-swap-view>`;\n            case 'SwapSelectToken':\n                return html `<w3m-swap-select-token-view></w3m-swap-select-token-view>`;\n            case 'SwapPreview':\n                return html `<w3m-swap-preview-view></w3m-swap-preview-view>`;\n            case 'WalletSend':\n                return html `<w3m-wallet-send-view></w3m-wallet-send-view>`;\n            case 'WalletSendSelectToken':\n                return html `<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;\n            case 'WalletSendPreview':\n                return html `<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;\n            case 'WalletSendConfirmed':\n                return html `<w3m-send-confirmed-view></w3m-send-confirmed-view>`;\n            case 'WhatIsABuy':\n                return html `<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;\n            case 'WalletReceive':\n                return html `<w3m-wallet-receive-view></w3m-wallet-receive-view>`;\n            case 'WalletCompatibleNetworks':\n                return html `<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;\n            case 'WhatIsAWallet':\n                return html `<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;\n            case 'ConnectingMultiChain':\n                return html `<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;\n            case 'WhatIsANetwork':\n                return html `<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;\n            case 'ConnectingFarcaster':\n                return html `<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;\n            case 'SwitchActiveChain':\n                return html `<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;\n            case 'RegisterAccountName':\n                return html `<w3m-register-account-name-view></w3m-register-account-name-view>`;\n            case 'RegisterAccountNameSuccess':\n                return html `<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;\n            case 'SmartSessionCreated':\n                return html `<w3m-smart-session-created-view></w3m-smart-session-created-view>`;\n            case 'SmartSessionList':\n                return html `<w3m-smart-session-list-view></w3m-smart-session-list-view>`;\n            case 'SIWXSignMessage':\n                return html `<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;\n            case 'Pay':\n                return html `<w3m-pay-view></w3m-pay-view>`;\n            case 'PayLoading':\n                return html `<w3m-pay-loading-view></w3m-pay-loading-view>`;\n            case 'FundWallet':\n                return html `<w3m-fund-wallet-view></w3m-fund-wallet-view>`;\n            case 'PayWithExchange':\n                return html `<w3m-deposit-from-exchange-view></w3m-deposit-from-exchange-view>`;\n            case 'PayWithExchangeSelectAsset':\n                return html `<w3m-deposit-from-exchange-select-asset-view></w3m-deposit-from-exchange-select-asset-view>`;\n            case 'UsageExceeded':\n                return html `<w3m-usage-exceeded-view></w3m-usage-exceeded-view>`;\n            case 'SmartAccountSettings':\n                return html `<w3m-smart-account-settings-view></w3m-smart-account-settings-view>`;\n            default:\n                return html `<w3m-connect-view></w3m-connect-view>`;\n        }\n    }\n};\nW3mRouter.styles = [styles];\n__decorate([\n    state()\n], W3mRouter.prototype, \"viewState\", void 0);\n__decorate([\n    state()\n], W3mRouter.prototype, \"history\", void 0);\nW3mRouter = __decorate([\n    customElement('w3m-router')\n], W3mRouter);\nexport { W3mRouter };\n//# sourceMappingURL=index.js.map","import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    position: relative;\n    border-radius: ${({ borderRadius }) => borderRadius[2]};\n    width: 40px;\n    height: 40px;\n    overflow: hidden;\n    background: ${({ tokens }) => tokens.theme.foregroundPrimary};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n    column-gap: ${({ spacing }) => spacing[1]};\n    padding: ${({ spacing }) => spacing[1]};\n  }\n\n  :host > wui-wallet-image {\n    width: 14px;\n    height: 14px;\n    border-radius: 2px;\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 { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-icon-box/index.js';\nimport '../wui-wallet-image/index.js';\nimport styles from './styles.js';\nconst TOTAL_IMAGES = 4;\nlet WuiAllWalletsImage = class WuiAllWalletsImage extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.walletImages = [];\n    }\n    render() {\n        const isPlaceholders = this.walletImages.length < TOTAL_IMAGES;\n        return html `${this.walletImages\n            .slice(0, TOTAL_IMAGES)\n            .map(({ src, walletName }) => html `\n          <wui-wallet-image\n            size=\"sm\"\n            imageSrc=${src}\n            name=${ifDefined(walletName)}\n          ></wui-wallet-image>\n        `)}\n    ${isPlaceholders\n            ? [...Array(TOTAL_IMAGES - this.walletImages.length)].map(() => html ` <wui-wallet-image size=\"sm\" name=\"\"></wui-wallet-image>`)\n            : null} `;\n    }\n};\nWuiAllWalletsImage.styles = [resetStyles, styles];\n__decorate([\n    property({ type: Array })\n], WuiAllWalletsImage.prototype, \"walletImages\", void 0);\nWuiAllWalletsImage = __decorate([\n    customElement('wui-all-wallets-image')\n], WuiAllWalletsImage);\nexport { WuiAllWalletsImage };\n//# sourceMappingURL=index.js.map","import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    width: 100%;\n  }\n\n  button {\n    column-gap: ${({ spacing }) => spacing[2]};\n    padding: ${({ spacing }) => spacing[3]};\n    width: 100%;\n    background-color: transparent;\n    border-radius: ${({ borderRadius }) => borderRadius[4]};\n    color: ${({ tokens }) => tokens.theme.textPrimary};\n  }\n\n  button > wui-wallet-image {\n    background: ${({ tokens }) => tokens.theme.foregroundSecondary};\n  }\n\n  button > wui-text:nth-child(2) {\n    display: flex;\n    flex: 1;\n  }\n\n  button:hover:enabled {\n    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};\n  }\n\n  button[data-all-wallets='true'] {\n    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};\n  }\n\n  button[data-all-wallets='true']:hover:enabled {\n    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};\n  }\n\n  button:focus-visible:enabled {\n    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};\n    box-shadow: 0 0 0 4px ${({ tokens }) => tokens.core.foregroundAccent020};\n  }\n\n  button:disabled {\n    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  button:disabled > wui-tag {\n    background-color: ${({ tokens }) => tokens.core.glass010};\n    color: ${({ tokens }) => tokens.theme.foregroundTertiary};\n  }\n\n  wui-flex.namespace-icon {\n    width: 16px;\n    height: 16px;\n    border-radius: ${({ borderRadius }) => borderRadius.round};\n    background-color: ${({ tokens }) => tokens.theme.foregroundSecondary};\n    box-shadow: 0 0 0 2px ${({ tokens }) => tokens.theme.backgroundPrimary};\n    transition: box-shadow var(--apkt-durations-lg) var(--apkt-easings-ease-out-power-2);\n  }\n\n  button:hover:enabled wui-flex.namespace-icon {\n    box-shadow: 0 0 0 2px ${({ tokens }) => tokens.theme.foregroundPrimary};\n  }\n\n  wui-flex.namespace-icon > wui-icon {\n    width: 10px;\n    height: 10px;\n  }\n\n  wui-flex.namespace-icon:not(:first-child) {\n    margin-left: -4px;\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-text/index.js';\nimport '../../composites/wui-icon-box/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-all-wallets-image/index.js';\nimport '../wui-tag/index.js';\nimport '../wui-wallet-image/index.js';\nimport styles from './styles.js';\nconst NAMESPACE_ICONS = {\n    eip155: 'ethereum',\n    solana: 'solana',\n    bip122: 'bitcoin',\n    polkadot: undefined,\n    cosmos: undefined,\n    sui: undefined,\n    stacks: undefined,\n    ton: 'ton'\n};\nlet WuiListWallet = class WuiListWallet extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.walletImages = [];\n        this.imageSrc = '';\n        this.name = '';\n        this.size = 'md';\n        this.tabIdx = undefined;\n        this.namespaces = [];\n        this.disabled = false;\n        this.showAllWallets = false;\n        this.loading = false;\n        this.loadingSpinnerColor = 'accent-100';\n    }\n    render() {\n        this.dataset['size'] = this.size;\n        return html `\n      <button\n        ?disabled=${this.disabled}\n        data-all-wallets=${this.showAllWallets}\n        tabindex=${ifDefined(this.tabIdx)}\n      >\n        ${this.templateAllWallets()} ${this.templateWalletImage()}\n        <wui-flex flexDirection=\"column\" justifyContent=\"center\" alignItems=\"flex-start\" gap=\"1\">\n          <wui-text variant=\"lg-regular\" color=\"inherit\">${this.name}</wui-text>\n          ${this.templateNamespaces()}\n        </wui-flex>\n        ${this.templateStatus()}\n        <wui-icon name=\"chevronRight\" size=\"lg\" color=\"default\"></wui-icon>\n      </button>\n    `;\n    }\n    templateNamespaces() {\n        if (this.namespaces?.length) {\n            return html `<wui-flex alignItems=\"center\" gap=\"0\">\n        ${this.namespaces.map((namespace, index) => html `<wui-flex\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              zIndex=${(this.namespaces?.length ?? 0) * 2 - index}\n              class=\"namespace-icon\"\n            >\n              <wui-icon\n                name=${ifDefined(NAMESPACE_ICONS[namespace])}\n                size=\"sm\"\n                color=\"default\"\n              ></wui-icon>\n            </wui-flex>`)}\n      </wui-flex>`;\n        }\n        return null;\n    }\n    templateAllWallets() {\n        if (this.showAllWallets && this.imageSrc) {\n            return html ` <wui-all-wallets-image .imageeSrc=${this.imageSrc}> </wui-all-wallets-image> `;\n        }\n        else if (this.showAllWallets && this.walletIcon) {\n            return html ` <wui-wallet-image .walletIcon=${this.walletIcon} size=\"sm\"> </wui-wallet-image> `;\n        }\n        return null;\n    }\n    templateWalletImage() {\n        if (!this.showAllWallets && this.imageSrc) {\n            return html `<wui-wallet-image\n        size=${ifDefined(this.size === 'sm' ? 'sm' : 'md')}\n        imageSrc=${this.imageSrc}\n        name=${this.name}\n      ></wui-wallet-image>`;\n        }\n        else if (!this.showAllWallets && !this.imageSrc) {\n            return html `<wui-wallet-image size=\"sm\" name=${this.name}></wui-wallet-image>`;\n        }\n        return null;\n    }\n    templateStatus() {\n        if (this.loading) {\n            return html `<wui-loading-spinner size=\"lg\" color=\"accent-primary\"></wui-loading-spinner>`;\n        }\n        else if (this.tagLabel && this.tagVariant) {\n            return html `<wui-tag size=\"sm\" variant=${this.tagVariant}>${this.tagLabel}</wui-tag>`;\n        }\n        return null;\n    }\n};\nWuiListWallet.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property({ type: Array })\n], WuiListWallet.prototype, \"walletImages\", void 0);\n__decorate([\n    property()\n], WuiListWallet.prototype, \"imageSrc\", void 0);\n__decorate([\n    property()\n], WuiListWallet.prototype, \"name\", void 0);\n__decorate([\n    property()\n], WuiListWallet.prototype, \"size\", void 0);\n__decorate([\n    property()\n], WuiListWallet.prototype, \"tagLabel\", void 0);\n__decorate([\n    property()\n], WuiListWallet.prototype, \"tagVariant\", void 0);\n__decorate([\n    property()\n], WuiListWallet.prototype, \"walletIcon\", void 0);\n__decorate([\n    property()\n], WuiListWallet.prototype, \"tabIdx\", void 0);\n__decorate([\n    property({ type: Array })\n], WuiListWallet.prototype, \"namespaces\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListWallet.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListWallet.prototype, \"showAllWallets\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiListWallet.prototype, \"loading\", void 0);\n__decorate([\n    property({ type: String })\n], WuiListWallet.prototype, \"loadingSpinnerColor\", void 0);\nWuiListWallet = __decorate([\n    customElement('wui-list-wallet')\n], WuiListWallet);\nexport { WuiListWallet };\n//# sourceMappingURL=index.js.map"],"names":["__decorate","r","i","W3mFooter","LitElement","html","styles","state","W3mRouter","WuiAllWalletsImage","ifDefined","property","WuiListWallet","_a"],"mappings":"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Cf,YAAQ,MAAI;AAAA,MACR,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;AAAAA,MACX,KAAK;AACD,eAAOA;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"}

package/dist/index-D1RMkx4Z.js

@@ -0,0 +1,73 @@
+import { m as css, r as resetStyles, o as i, x } from "./appkit-BelUXm_6.js";
+import { n } from "./class-map-ZEs4CrSH.js";
+import { c as customElement } from "./index-jvpHgQNC.js";
+const styles = css`
+  :host {
+    display: block;
+    width: 100px;
+    height: 100px;
+  }
+
+  svg {
+    width: 100px;
+    height: 100px;
+  }
+
+  rect {
+    fill: none;
+    stroke: ${(tokens) => tokens.colors.accent100};
+    stroke-width: 3px;
+    stroke-linecap: round;
+    animation: dash 1s linear infinite;
+  }
+
+  @keyframes dash {
+    to {
+      stroke-dashoffset: 0px;
+    }
+  }
+`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i2 = decorators.length - 1; i2 >= 0; i2--) if (d = decorators[i2]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let WuiLoadingThumbnail = class WuiLoadingThumbnail2 extends i {
+  constructor() {
+    super(...arguments);
+    this.radius = 36;
+  }
+  render() {
+    return this.svgLoaderTemplate();
+  }
+  svgLoaderTemplate() {
+    const radius = this.radius > 50 ? 50 : this.radius;
+    const standardValue = 36;
+    const radiusFactor = standardValue - radius;
+    const dashArrayStart = 116 + radiusFactor;
+    const dashArrayEnd = 245 + radiusFactor;
+    const dashOffset = 360 + radiusFactor * 1.75;
+    return x`
+      <svg viewBox="0 0 110 110" width="110" height="110">
+        <rect
+          x="2"
+          y="2"
+          width="106"
+          height="106"
+          rx=${radius}
+          stroke-dasharray="${dashArrayStart} ${dashArrayEnd}"
+          stroke-dashoffset=${dashOffset}
+        />
+      </svg>
+    `;
+  }
+};
+WuiLoadingThumbnail.styles = [resetStyles, styles];
+__decorate([
+  n({ type: Number })
+], WuiLoadingThumbnail.prototype, "radius", void 0);
+WuiLoadingThumbnail = __decorate([
+  customElement("wui-loading-thumbnail")
+], WuiLoadingThumbnail);
+//# sourceMappingURL=index-D1RMkx4Z.js.map

package/dist/index-D1RMkx4Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D1RMkx4Z.js","sources":["../../ui/dist/esm/src/components/wui-loading-thumbnail/styles.js","../../ui/dist/esm/src/components/wui-loading-thumbnail/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    display: block;\n    width: 100px;\n    height: 100px;\n  }\n\n  svg {\n    width: 100px;\n    height: 100px;\n  }\n\n  rect {\n    fill: none;\n    stroke: ${tokens => tokens.colors.accent100};\n    stroke-width: 3px;\n    stroke-linecap: round;\n    animation: dash 1s linear infinite;\n  }\n\n  @keyframes dash {\n    to {\n      stroke-dashoffset: 0px;\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 WuiLoadingThumbnail = class WuiLoadingThumbnail extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.radius = 36;\n    }\n    render() {\n        return this.svgLoaderTemplate();\n    }\n    svgLoaderTemplate() {\n        const radius = this.radius > 50 ? 50 : this.radius;\n        const standardValue = 36;\n        const radiusFactor = standardValue - radius;\n        const dashArrayStart = 116 + radiusFactor;\n        const dashArrayEnd = 245 + radiusFactor;\n        const dashOffset = 360 + radiusFactor * 1.75;\n        return html `\n      <svg viewBox=\"0 0 110 110\" width=\"110\" height=\"110\">\n        <rect\n          x=\"2\"\n          y=\"2\"\n          width=\"106\"\n          height=\"106\"\n          rx=${radius}\n          stroke-dasharray=\"${dashArrayStart} ${dashArrayEnd}\"\n          stroke-dashoffset=${dashOffset}\n        />\n      </svg>\n    `;\n    }\n};\nWuiLoadingThumbnail.styles = [resetStyles, styles];\n__decorate([\n    property({ type: Number })\n], WuiLoadingThumbnail.prototype, \"radius\", void 0);\nWuiLoadingThumbnail = __decorate([\n    customElement('wui-loading-thumbnail')\n], WuiLoadingThumbnail);\nexport { WuiLoadingThumbnail };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiLoadingThumbnail","LitElement","html","property"],"mappings":";;;AACA,MAAA,SAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAcD,YAAU,OAAO,OAAO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACf/C,IAAI,aAA0C,SAAU,YAAY,QAAQ,KAAK,MAAM;AACnF,MAAI,IAAI,UAAU,QAAQ,IAAI,IAAI,IAAI,SAAS,SAAS,OAAO,OAAO,OAAO,yBAAyB,QAAQ,GAAG,IAAI,MAAM;AAC3H,MAAI,OAAO,YAAY,YAAY,OAAO,QAAQ,aAAa,WAAY,KAAI,QAAQ,SAAS,YAAY,QAAQ,KAAK,IAAI;AAAA,MACxH,UAASA,KAAI,WAAW,SAAS,GAAGA,MAAK,GAAGA,KAAK,KAAI,IAAI,WAAWA,EAAC,EAAG,MAAK,IAAI,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,EAAE,QAAQ,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;AAChJ,SAAO,IAAI,KAAK,KAAK,OAAO,eAAe,QAAQ,KAAK,CAAC,GAAG;AAChE;AAMA,IAAI,sBAAsB,MAAMC,6BAA4BC,EAAW;AAAA,EACnE,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,SAAS;AAAA,EAClB;AAAA,EACA,SAAS;AACL,WAAO,KAAK,kBAAiB;AAAA,EACjC;AAAA,EACA,oBAAoB;AAChB,UAAM,SAAS,KAAK,SAAS,KAAK,KAAK,KAAK;AAC5C,UAAM,gBAAgB;AACtB,UAAM,eAAe,gBAAgB;AACrC,UAAM,iBAAiB,MAAM;AAC7B,UAAM,eAAe,MAAM;AAC3B,UAAM,aAAa,MAAM,eAAe;AACxC,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,eAOA,MAAM;AAAA,8BACS,cAAc,IAAI,YAAY;AAAA,8BAC9B,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpC;AACJ;AACA,oBAAoB,SAAS,CAAC,aAAa,MAAM;AACjD,WAAW;AAAA,EACPC,EAAS,EAAE,MAAM,OAAM,CAAE;AAC7B,GAAG,oBAAoB,WAAW,UAAU,MAAM;AAClD,sBAAsB,WAAW;AAAA,EAC7B,cAAc,uBAAuB;AACzC,GAAG,mBAAmB;"}