@reown/appkit-cdn 1.8.15-viem-upgrade.0 → 1.8.15-viem-upgrade-2.0

package/dist/index-CgVqanW1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CgVqanW1.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-Ci6Y519l.js

@@ -0,0 +1,249 @@
+import { m as css, r as resetStyles, n as elementStyles, o as i, x } from "./appkit-8yrMZRW-.js";
+import { n } from "./class-map-k3nlzPqR.js";
+import { o } from "./if-defined-G2Q1ofvJ.js";
+import { e, n as n$1 } from "./ref-6sYmD-zI.js";
+import { c as customElement } from "./index-CNivx0yI.js";
+const styles = css`
+  :host {
+    position: relative;
+    width: 100%;
+    display: inline-flex;
+    flex-direction: column;
+    gap: ${({ spacing }) => spacing[3]};
+    color: ${({ tokens }) => tokens.theme.textPrimary};
+    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};
+  }
+
+  .wui-input-text-container {
+    position: relative;
+    display: flex;
+  }
+
+  input {
+    width: 100%;
+    border-radius: ${({ borderRadius }) => borderRadius[4]};
+    color: inherit;
+    background: transparent;
+    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};
+    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};
+    padding: ${({ spacing }) => spacing[3]} ${({ spacing }) => spacing[3]}
+      ${({ spacing }) => spacing[3]} ${({ spacing }) => spacing[10]};
+    font-size: ${({ textSize }) => textSize.large};
+    line-height: ${({ typography }) => typography["lg-regular"].lineHeight};
+    letter-spacing: ${({ typography }) => typography["lg-regular"].letterSpacing};
+    font-weight: ${({ fontWeight }) => fontWeight.regular};
+    font-family: ${({ fontFamily }) => fontFamily.regular};
+  }
+
+  input[data-size='lg'] {
+    padding: ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[3]}
+      ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[10]};
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    input:hover:enabled {
+      border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};
+    }
+  }
+
+  input:disabled {
+    cursor: unset;
+    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};
+  }
+
+  input::placeholder {
+    color: ${({ tokens }) => tokens.theme.textSecondary};
+  }
+
+  input:focus:enabled {
+    border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};
+    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    -webkit-box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+    -moz-box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+    box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};
+  }
+
+  div.wui-input-text-container:has(input:disabled) {
+    opacity: 0.5;
+  }
+
+  wui-icon.wui-input-text-left-icon {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    pointer-events: none;
+    left: ${({ spacing }) => spacing[4]};
+    color: ${({ tokens }) => tokens.theme.iconDefault};
+  }
+
+  button.wui-input-text-submit-button {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: ${({ spacing }) => spacing[3]};
+    width: 24px;
+    height: 24px;
+    border: none;
+    background: transparent;
+    border-radius: ${({ borderRadius }) => borderRadius[2]};
+    color: ${({ tokens }) => tokens.core.textAccentPrimary};
+  }
+
+  button.wui-input-text-submit-button:disabled {
+    opacity: 1;
+  }
+
+  button.wui-input-text-submit-button.loading wui-icon {
+    animation: spin 1s linear infinite;
+  }
+
+  button.wui-input-text-submit-button:hover {
+    background: ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  input:has(+ .wui-input-text-submit-button) {
+    padding-right: ${({ spacing }) => spacing[12]};
+  }
+
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  input[type='search']::-webkit-search-decoration,
+  input[type='search']::-webkit-search-cancel-button,
+  input[type='search']::-webkit-search-results-button,
+  input[type='search']::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+
+  /* -- Keyframes --------------------------------------------------- */
+  @keyframes spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;
+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 WuiInputText = class WuiInputText2 extends i {
+  constructor() {
+    super(...arguments);
+    this.inputElementRef = e();
+    this.disabled = false;
+    this.loading = false;
+    this.placeholder = "";
+    this.type = "text";
+    this.value = "";
+    this.size = "md";
+  }
+  render() {
+    return x` <div class="wui-input-text-container">
+        ${this.templateLeftIcon()}
+        <input
+          data-size=${this.size}
+          ${n$1(this.inputElementRef)}
+          data-testid="wui-input-text"
+          type=${this.type}
+          enterkeyhint=${o(this.enterKeyHint)}
+          ?disabled=${this.disabled}
+          placeholder=${this.placeholder}
+          @input=${this.dispatchInputChangeEvent.bind(this)}
+          @keydown=${this.onKeyDown}
+          .value=${this.value || ""}
+        />
+        ${this.templateSubmitButton()}
+        <slot class="wui-input-text-slot"></slot>
+      </div>
+      ${this.templateError()} ${this.templateWarning()}`;
+  }
+  templateLeftIcon() {
+    if (this.icon) {
+      return x`<wui-icon
+        class="wui-input-text-left-icon"
+        size="md"
+        data-size=${this.size}
+        color="inherit"
+        name=${this.icon}
+      ></wui-icon>`;
+    }
+    return null;
+  }
+  templateSubmitButton() {
+    var _a;
+    if (this.onSubmit) {
+      return x`<button
+        class="wui-input-text-submit-button ${this.loading ? "loading" : ""}"
+        @click=${(_a = this.onSubmit) == null ? void 0 : _a.bind(this)}
+        ?disabled=${this.disabled || this.loading}
+      >
+        ${this.loading ? x`<wui-icon name="spinner" size="md"></wui-icon>` : x`<wui-icon name="chevronRight" size="md"></wui-icon>`}
+      </button>`;
+    }
+    return null;
+  }
+  templateError() {
+    if (this.errorText) {
+      return x`<wui-text variant="sm-regular" color="error">${this.errorText}</wui-text>`;
+    }
+    return null;
+  }
+  templateWarning() {
+    if (this.warningText) {
+      return x`<wui-text variant="sm-regular" color="warning">${this.warningText}</wui-text>`;
+    }
+    return null;
+  }
+  dispatchInputChangeEvent() {
+    var _a;
+    this.dispatchEvent(new CustomEvent("inputChange", {
+      detail: (_a = this.inputElementRef.value) == null ? void 0 : _a.value,
+      bubbles: true,
+      composed: true
+    }));
+  }
+};
+WuiInputText.styles = [resetStyles, elementStyles, styles];
+__decorate([
+  n()
+], WuiInputText.prototype, "icon", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiInputText.prototype, "disabled", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiInputText.prototype, "loading", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "placeholder", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "type", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "value", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "errorText", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "warningText", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "onSubmit", void 0);
+__decorate([
+  n()
+], WuiInputText.prototype, "size", void 0);
+__decorate([
+  n({ attribute: false })
+], WuiInputText.prototype, "onKeyDown", void 0);
+WuiInputText = __decorate([
+  customElement("wui-input-text")
+], WuiInputText);
+//# sourceMappingURL=index-Ci6Y519l.js.map

package/dist/index-Ci6Y519l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Ci6Y519l.js","sources":["../../ui/dist/esm/src/composites/wui-input-text/styles.js","../../ui/dist/esm/src/composites/wui-input-text/index.js"],"sourcesContent":["import { css } from '../../utils/ThemeHelperUtil.js';\nexport default css `\n  :host {\n    position: relative;\n    width: 100%;\n    display: inline-flex;\n    flex-direction: column;\n    gap: ${({ spacing }) => spacing[3]};\n    color: ${({ tokens }) => tokens.theme.textPrimary};\n    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};\n  }\n\n  .wui-input-text-container {\n    position: relative;\n    display: flex;\n  }\n\n  input {\n    width: 100%;\n    border-radius: ${({ borderRadius }) => borderRadius[4]};\n    color: inherit;\n    background: transparent;\n    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};\n    caret-color: ${({ tokens }) => tokens.core.textAccentPrimary};\n    padding: ${({ spacing }) => spacing[3]} ${({ spacing }) => spacing[3]}\n      ${({ spacing }) => spacing[3]} ${({ spacing }) => spacing[10]};\n    font-size: ${({ textSize }) => textSize.large};\n    line-height: ${({ typography }) => typography['lg-regular'].lineHeight};\n    letter-spacing: ${({ typography }) => typography['lg-regular'].letterSpacing};\n    font-weight: ${({ fontWeight }) => fontWeight.regular};\n    font-family: ${({ fontFamily }) => fontFamily.regular};\n  }\n\n  input[data-size='lg'] {\n    padding: ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[3]}\n      ${({ spacing }) => spacing[4]} ${({ spacing }) => spacing[10]};\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    input:hover:enabled {\n      border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};\n    }\n  }\n\n  input:disabled {\n    cursor: unset;\n    border: 1px solid ${({ tokens }) => tokens.theme.borderPrimary};\n  }\n\n  input::placeholder {\n    color: ${({ tokens }) => tokens.theme.textSecondary};\n  }\n\n  input:focus:enabled {\n    border: 1px solid ${({ tokens }) => tokens.theme.borderSecondary};\n    background-color: ${({ tokens }) => tokens.theme.foregroundPrimary};\n    -webkit-box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};\n    -moz-box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};\n    box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent040};\n  }\n\n  div.wui-input-text-container:has(input:disabled) {\n    opacity: 0.5;\n  }\n\n  wui-icon.wui-input-text-left-icon {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    pointer-events: none;\n    left: ${({ spacing }) => spacing[4]};\n    color: ${({ tokens }) => tokens.theme.iconDefault};\n  }\n\n  button.wui-input-text-submit-button {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: ${({ spacing }) => spacing[3]};\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    border-radius: ${({ borderRadius }) => borderRadius[2]};\n    color: ${({ tokens }) => tokens.core.textAccentPrimary};\n  }\n\n  button.wui-input-text-submit-button:disabled {\n    opacity: 1;\n  }\n\n  button.wui-input-text-submit-button.loading wui-icon {\n    animation: spin 1s linear infinite;\n  }\n\n  button.wui-input-text-submit-button:hover {\n    background: ${({ tokens }) => tokens.core.foregroundAccent010};\n  }\n\n  input:has(+ .wui-input-text-submit-button) {\n    padding-right: ${({ spacing }) => spacing[12]};\n  }\n\n  input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  input[type='search']::-webkit-search-decoration,\n  input[type='search']::-webkit-search-cancel-button,\n  input[type='search']::-webkit-search-results-button,\n  input[type='search']::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  /* -- Keyframes --------------------------------------------------- */\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport '../../components/wui-icon/index.js';\nimport '../../components/wui-text/index.js';\nimport { elementStyles, resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport styles from './styles.js';\nlet WuiInputText = class WuiInputText extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.inputElementRef = createRef();\n        this.disabled = false;\n        this.loading = false;\n        this.placeholder = '';\n        this.type = 'text';\n        this.value = '';\n        this.size = 'md';\n    }\n    render() {\n        return html ` <div class=\"wui-input-text-container\">\n        ${this.templateLeftIcon()}\n        <input\n          data-size=${this.size}\n          ${ref(this.inputElementRef)}\n          data-testid=\"wui-input-text\"\n          type=${this.type}\n          enterkeyhint=${ifDefined(this.enterKeyHint)}\n          ?disabled=${this.disabled}\n          placeholder=${this.placeholder}\n          @input=${this.dispatchInputChangeEvent.bind(this)}\n          @keydown=${this.onKeyDown}\n          .value=${this.value || ''}\n        />\n        ${this.templateSubmitButton()}\n        <slot class=\"wui-input-text-slot\"></slot>\n      </div>\n      ${this.templateError()} ${this.templateWarning()}`;\n    }\n    templateLeftIcon() {\n        if (this.icon) {\n            return html `<wui-icon\n        class=\"wui-input-text-left-icon\"\n        size=\"md\"\n        data-size=${this.size}\n        color=\"inherit\"\n        name=${this.icon}\n      ></wui-icon>`;\n        }\n        return null;\n    }\n    templateSubmitButton() {\n        if (this.onSubmit) {\n            return html `<button\n        class=\"wui-input-text-submit-button ${this.loading ? 'loading' : ''}\"\n        @click=${this.onSubmit?.bind(this)}\n        ?disabled=${this.disabled || this.loading}\n      >\n        ${this.loading\n                ? html `<wui-icon name=\"spinner\" size=\"md\"></wui-icon>`\n                : html `<wui-icon name=\"chevronRight\" size=\"md\"></wui-icon>`}\n      </button>`;\n        }\n        return null;\n    }\n    templateError() {\n        if (this.errorText) {\n            return html `<wui-text variant=\"sm-regular\" color=\"error\">${this.errorText}</wui-text>`;\n        }\n        return null;\n    }\n    templateWarning() {\n        if (this.warningText) {\n            return html `<wui-text variant=\"sm-regular\" color=\"warning\">${this.warningText}</wui-text>`;\n        }\n        return null;\n    }\n    dispatchInputChangeEvent() {\n        this.dispatchEvent(new CustomEvent('inputChange', {\n            detail: this.inputElementRef.value?.value,\n            bubbles: true,\n            composed: true\n        }));\n    }\n};\nWuiInputText.styles = [resetStyles, elementStyles, styles];\n__decorate([\n    property()\n], WuiInputText.prototype, \"icon\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiInputText.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiInputText.prototype, \"loading\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"placeholder\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"type\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"value\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"errorText\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"warningText\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"onSubmit\", void 0);\n__decorate([\n    property()\n], WuiInputText.prototype, \"size\", void 0);\n__decorate([\n    property({ attribute: false })\n], WuiInputText.prototype, \"onKeyDown\", void 0);\nWuiInputText = __decorate([\n    customElement('wui-input-text')\n], WuiInputText);\nexport { WuiInputText };\n//# sourceMappingURL=index.js.map"],"names":["i","WuiInputText","LitElement","createRef","html","ref","ifDefined","property"],"mappings":"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"}

package/dist/index-CnpO-uMV.js

@@ -0,0 +1,62 @@
+import { q as i, r as resetStyles, o as i$1, x } from "./appkit-8yrMZRW-.js";
+import { n } from "./class-map-k3nlzPqR.js";
+import { o } from "./if-defined-G2Q1ofvJ.js";
+import { c as customElement } from "./index-CNivx0yI.js";
+import "./index-Ci6Y519l.js";
+const styles = i`
+  :host {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+  }
+`;
+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 WuiEmailInput = class WuiEmailInput2 extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.disabled = false;
+  }
+  render() {
+    return x`
+      <wui-input-text
+        type="email"
+        placeholder="Email"
+        icon="mail"
+        size="lg"
+        .disabled=${this.disabled}
+        .value=${this.value}
+        data-testid="wui-email-input"
+        tabIdx=${o(this.tabIdx)}
+      ></wui-input-text>
+      ${this.templateError()}
+    `;
+  }
+  templateError() {
+    if (this.errorMessage) {
+      return x`<wui-text variant="sm-regular" color="error">${this.errorMessage}</wui-text>`;
+    }
+    return null;
+  }
+};
+WuiEmailInput.styles = [resetStyles, styles];
+__decorate([
+  n()
+], WuiEmailInput.prototype, "errorMessage", void 0);
+__decorate([
+  n({ type: Boolean })
+], WuiEmailInput.prototype, "disabled", void 0);
+__decorate([
+  n()
+], WuiEmailInput.prototype, "value", void 0);
+__decorate([
+  n()
+], WuiEmailInput.prototype, "tabIdx", void 0);
+WuiEmailInput = __decorate([
+  customElement("wui-email-input")
+], WuiEmailInput);
+//# sourceMappingURL=index-CnpO-uMV.js.map

package/dist/index-CnpO-uMV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CnpO-uMV.js","sources":["../../ui/dist/esm/src/composites/wui-email-input/styles.js","../../ui/dist/esm/src/composites/wui-email-input/index.js"],"sourcesContent":["import { css } from 'lit';\nexport default css `\n  :host {\n    position: relative;\n    display: inline-block;\n    width: 100%;\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 { resetStyles } from '../../utils/ThemeUtil.js';\nimport { customElement } from '../../utils/WebComponentsUtil.js';\nimport '../wui-input-text/index.js';\nimport styles from './styles.js';\nlet WuiEmailInput = class WuiEmailInput extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.disabled = false;\n    }\n    render() {\n        return html `\n      <wui-input-text\n        type=\"email\"\n        placeholder=\"Email\"\n        icon=\"mail\"\n        size=\"lg\"\n        .disabled=${this.disabled}\n        .value=${this.value}\n        data-testid=\"wui-email-input\"\n        tabIdx=${ifDefined(this.tabIdx)}\n      ></wui-input-text>\n      ${this.templateError()}\n    `;\n    }\n    templateError() {\n        if (this.errorMessage) {\n            return html `<wui-text variant=\"sm-regular\" color=\"error\">${this.errorMessage}</wui-text>`;\n        }\n        return null;\n    }\n};\nWuiEmailInput.styles = [resetStyles, styles];\n__decorate([\n    property()\n], WuiEmailInput.prototype, \"errorMessage\", void 0);\n__decorate([\n    property({ type: Boolean })\n], WuiEmailInput.prototype, \"disabled\", void 0);\n__decorate([\n    property()\n], WuiEmailInput.prototype, \"value\", void 0);\n__decorate([\n    property()\n], WuiEmailInput.prototype, \"tabIdx\", void 0);\nWuiEmailInput = __decorate([\n    customElement('wui-email-input')\n], WuiEmailInput);\nexport { WuiEmailInput };\n//# sourceMappingURL=index.js.map"],"names":["css","i","WuiEmailInput","LitElement","html","ifDefined","property"],"mappings":";;;;;AACA,MAAA,SAAeA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;ACDf,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,UAASC,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;AAUA,IAAI,gBAAgB,MAAMC,uBAAsBC,IAAW;AAAA,EACvD,cAAc;AACV,UAAM,GAAG,SAAS;AAClB,SAAK,WAAW;AAAA,EACpB;AAAA,EACA,SAAS;AACL,WAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,oBAMK,KAAK,QAAQ;AAAA,iBAChB,KAAK,KAAK;AAAA;AAAA,iBAEVC,EAAU,KAAK,MAAM,CAAC;AAAA;AAAA,QAE/B,KAAK,cAAa,CAAE;AAAA;AAAA,EAExB;AAAA,EACA,gBAAgB;AACZ,QAAI,KAAK,cAAc;AACnB,aAAOD,iDAAqD,KAAK,YAAY;AAAA,IACjF;AACA,WAAO;AAAA,EACX;AACJ;AACA,cAAc,SAAS,CAAC,aAAa,MAAM;AAC3C,WAAW;AAAA,EACPE,EAAQ;AACZ,GAAG,cAAc,WAAW,gBAAgB,MAAM;AAClD,WAAW;AAAA,EACPA,EAAS,EAAE,MAAM,QAAO,CAAE;AAC9B,GAAG,cAAc,WAAW,YAAY,MAAM;AAC9C,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,cAAc,WAAW,SAAS,MAAM;AAC3C,WAAW;AAAA,EACPA,EAAQ;AACZ,GAAG,cAAc,WAAW,UAAU,MAAM;AAC5C,gBAAgB,WAAW;AAAA,EACvB,cAAc,iBAAiB;AACnC,GAAG,aAAa;"}