@reown/appkit-scaffold-ui 0.0.3

package/dist/esm/src/partials/w3m-email-login-widget/index.js

@@ -0,0 +1,156 @@
+var __decorate = (this && this.__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 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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ChainController, ConnectorController, CoreHelperUtil, OptionsController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import { ref, createRef } from 'lit/directives/ref.js';
+import styles from './styles.js';
+import { SnackController, RouterController, EventsController } from '@reown/appkit-core';
+import { ConstantsUtil } from '@reown/appkit-common';
+let W3mEmailLoginWidget = class W3mEmailLoginWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.formRef = createRef();
+        this.connectors = ConnectorController.state.connectors;
+        this.authConnector = this.connectors.find(c => c.type === 'AUTH');
+        this.email = '';
+        this.loading = false;
+        this.error = '';
+        this.unsubscribe.push(ConnectorController.subscribeKey('connectors', val => {
+            this.connectors = val;
+            this.authConnector = val.find(c => c.type === 'AUTH');
+        }));
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    firstUpdated() {
+        this.formRef.value?.addEventListener('keydown', event => {
+            if (event.key === 'Enter') {
+                this.onSubmitEmail(event);
+            }
+        });
+    }
+    render() {
+        const { socials, email } = OptionsController.state.features;
+        const multipleConnectors = this.connectors.length > 1;
+        if (!this.authConnector || !email) {
+            return null;
+        }
+        return html `
+      <form ${ref(this.formRef)} @submit=${this.onSubmitEmail.bind(this)}>
+        <wui-email-input
+          @focus=${this.onFocusEvent.bind(this)}
+          .disabled=${this.loading}
+          @inputChange=${this.onEmailInputChange.bind(this)}
+          .errorMessage=${this.error}
+        >
+        </wui-email-input>
+
+        ${this.submitButtonTemplate()}${this.loadingTemplate()}
+        <input type="submit" hidden />
+      </form>
+
+      ${socials || !multipleConnectors
+            ? null
+            : html `<wui-flex .padding=${['xxs', '0', '0', '0']}>
+            <wui-separator text="or"></wui-separator>
+          </wui-flex>`}
+    `;
+    }
+    submitButtonTemplate() {
+        const showSubmit = !this.loading && this.email.length > 3;
+        return showSubmit
+            ? html `
+          <wui-icon-link
+            size="sm"
+            icon="chevronRight"
+            iconcolor="accent-100"
+            @click=${this.onSubmitEmail.bind(this)}
+          >
+          </wui-icon-link>
+        `
+            : null;
+    }
+    loadingTemplate() {
+        return this.loading
+            ? html `<wui-loading-spinner size="md" color="accent-100"></wui-loading-spinner>`
+            : null;
+    }
+    onEmailInputChange(event) {
+        this.email = event.detail.trim();
+        this.error = '';
+    }
+    async onSubmitEmail(event) {
+        const availableChains = [ConstantsUtil.CHAIN.EVM, ConstantsUtil.CHAIN.SOLANA];
+        const isAvailableChain = availableChains.find(chain => chain === ChainController.state.activeChain);
+        if (!isAvailableChain) {
+            RouterController.push('SwitchActiveChain', {
+                switchToChain: ConstantsUtil.CHAIN.EVM
+            });
+            return;
+        }
+        try {
+            if (this.loading) {
+                return;
+            }
+            this.loading = true;
+            event.preventDefault();
+            const authConnector = ConnectorController.getAuthConnector();
+            if (!authConnector) {
+                throw new Error('w3m-email-login-widget: Auth connector not found');
+            }
+            const { action } = await authConnector.provider.connectEmail({ email: this.email });
+            EventsController.sendEvent({ type: 'track', event: 'EMAIL_SUBMITTED' });
+            if (action === 'VERIFY_OTP') {
+                EventsController.sendEvent({ type: 'track', event: 'EMAIL_VERIFICATION_CODE_SENT' });
+                RouterController.push('EmailVerifyOtp', { email: this.email });
+            }
+            else if (action === 'VERIFY_DEVICE') {
+                RouterController.push('EmailVerifyDevice', { email: this.email });
+            }
+        }
+        catch (error) {
+            const parsedError = CoreHelperUtil.parseError(error);
+            if (parsedError?.includes('Invalid email')) {
+                this.error = 'Invalid email. Try again.';
+            }
+            else {
+                SnackController.showError(error);
+            }
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    onFocusEvent() {
+        EventsController.sendEvent({ type: 'track', event: 'EMAIL_LOGIN_SELECTED' });
+    }
+};
+W3mEmailLoginWidget.styles = styles;
+__decorate([
+    state()
+], W3mEmailLoginWidget.prototype, "connectors", void 0);
+__decorate([
+    state()
+], W3mEmailLoginWidget.prototype, "authConnector", void 0);
+__decorate([
+    state()
+], W3mEmailLoginWidget.prototype, "email", void 0);
+__decorate([
+    state()
+], W3mEmailLoginWidget.prototype, "loading", void 0);
+__decorate([
+    state()
+], W3mEmailLoginWidget.prototype, "error", void 0);
+W3mEmailLoginWidget = __decorate([
+    customElement('w3m-email-login-widget')
+], W3mEmailLoginWidget);
+export { W3mEmailLoginWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-email-login-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-email-login-widget/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/partials/w3m-email-login-widget/styles.js

@@ -0,0 +1,33 @@
+import { css } from 'lit';
+export default css `
+  wui-separator {
+    margin: var(--wui-spacing-s) calc(var(--wui-spacing-s) * -1);
+    width: calc(100% + var(--wui-spacing-s) * 2);
+  }
+
+  wui-email-input {
+    width: 100%;
+  }
+
+  form {
+    width: 100%;
+    display: block;
+    position: relative;
+  }
+
+  wui-icon-link,
+  wui-loading-spinner {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  wui-icon-link {
+    right: var(--wui-spacing-xs);
+  }
+
+  wui-loading-spinner {
+    right: var(--wui-spacing-m);
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-email-login-widget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-email-login-widget/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BjB,CAAA"}

package/dist/esm/src/partials/w3m-header/index.js

@@ -0,0 +1,284 @@
+var __decorate = (this && this.__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 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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { AccountController, AssetUtil, ConnectionController, ConnectorController, EventsController, ModalController, NetworkController, OptionsController, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { state } from 'lit/decorators.js';
+import styles from './styles.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { ConstantsUtil } from '../../utils/ConstantsUtil.js';
+const BETA_SCREENS = ['Swap', 'SwapSelectToken', 'SwapPreview'];
+function headings() {
+    const connectorName = RouterController.state.data?.connector?.name;
+    const walletName = RouterController.state.data?.wallet?.name;
+    const networkName = RouterController.state.data?.network?.name;
+    const name = walletName ?? connectorName;
+    const connectors = ConnectorController.getConnectors();
+    const isEmail = connectors.length === 1 && connectors[0]?.id === 'w3m-email';
+    return {
+        Connect: `Connect ${isEmail ? 'Email' : ''} Wallet`,
+        ChooseAccountName: undefined,
+        Account: undefined,
+        AccountSettings: undefined,
+        AllWallets: 'All Wallets',
+        ApproveTransaction: 'Approve Transaction',
+        BuyInProgress: 'Buy',
+        ConnectingExternal: name ?? 'Connect Wallet',
+        ConnectingWalletConnect: name ?? 'WalletConnect',
+        ConnectingSiwe: 'Sign In',
+        Convert: 'Convert',
+        ConvertSelectToken: 'Select token',
+        ConvertPreview: 'Preview convert',
+        Downloads: name ? `Get ${name}` : 'Downloads',
+        EmailVerifyOtp: 'Confirm Email',
+        EmailVerifyDevice: 'Register Device',
+        GetWallet: 'Get a wallet',
+        Networks: 'Choose Network',
+        OnRampProviders: 'Choose Provider',
+        OnRampActivity: 'Activity',
+        OnRampTokenSelect: 'Select Token',
+        OnRampFiatSelect: 'Select Currency',
+        Profile: undefined,
+        SelectAddresses: 'Select accounts',
+        SwitchNetwork: networkName ?? 'Switch Network',
+        SwitchAddress: 'Switch Address',
+        Transactions: 'Activity',
+        UnsupportedChain: 'Switch Network',
+        UpgradeEmailWallet: 'Upgrade your Wallet',
+        UpgradeToSmartAccount: undefined,
+        UpdateEmailWallet: 'Edit Email',
+        UpdateEmailPrimaryOtp: 'Confirm Current Email',
+        UpdateEmailSecondaryOtp: 'Confirm New Email',
+        WhatIsABuy: 'What is Buy?',
+        RegisterAccountName: 'Choose name',
+        RegisterAccountNameSuccess: '',
+        WalletReceive: 'Receive',
+        WalletCompatibleNetworks: 'Compatible Networks',
+        Swap: 'Swap',
+        SwapSelectToken: 'Select token',
+        SwapPreview: 'Preview swap',
+        WalletSend: 'Send',
+        WalletSendPreview: 'Review send',
+        WalletSendSelectToken: 'Select Token',
+        WhatIsANetwork: 'What is a network?',
+        WhatIsAWallet: 'What is a wallet?',
+        ConnectWallets: 'Connect wallet',
+        ConnectSocials: 'All socials',
+        ConnectingSocial: AccountController.state.socialProvider
+            ? AccountController.state.socialProvider
+            : 'Connect Social',
+        ConnectingMultiChain: 'Select chain',
+        ConnectingFarcaster: 'Farcaster',
+        SwitchActiveChain: 'Switch chain'
+    };
+}
+let W3mHeader = class W3mHeader extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.heading = headings()[RouterController.state.view];
+        this.network = NetworkController.state.caipNetwork;
+        this.buffering = false;
+        this.showBack = false;
+        this.isSiweEnabled = OptionsController.state.isSiweEnabled;
+        this.prevHistoryLength = 1;
+        this.view = RouterController.state.view;
+        this.viewDirection = '';
+        this.headerText = headings()[RouterController.state.view];
+        this.unsubscribe.push(RouterController.subscribeKey('view', val => {
+            setTimeout(() => {
+                this.view = val;
+                this.headerText = headings()[val];
+            }, ConstantsUtil.ANIMATION_DURATIONS.HeaderText);
+            this.onViewChange();
+            this.onHistoryChange();
+        }), ConnectionController.subscribeKey('buffering', val => (this.buffering = val)), NetworkController.subscribeKey('caipNetwork', val => (this.network = val)));
+    }
+    disconnectCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `
+      <wui-flex .padding=${this.getPadding()} justifyContent="space-between" alignItems="center">
+        ${this.dynamicButtonTemplate()} ${this.titleTemplate()} ${this.closeButtonTemplate()}
+      </wui-flex>
+    `;
+    }
+    onWalletHelp() {
+        EventsController.sendEvent({ type: 'track', event: 'CLICK_WALLET_HELP' });
+        RouterController.push('WhatIsAWallet');
+    }
+    async onClose() {
+        if (this.isSiweEnabled) {
+            const { SIWEController } = await import('@reown/appkit-siwe');
+            const isApproveSignScreen = RouterController.state.view === 'ApproveTransaction';
+            const isUnauthenticated = SIWEController.state.status !== 'success';
+            if (isUnauthenticated && isApproveSignScreen) {
+                RouterController.popTransactionStack(true);
+            }
+            else {
+                ModalController.close();
+            }
+        }
+        else {
+            ModalController.close();
+        }
+    }
+    closeButtonTemplate() {
+        const isSiweSignScreen = RouterController.state.view === 'ConnectingSiwe';
+        if (this.isSiweEnabled && isSiweSignScreen) {
+            return html `<div style="width:40px" />`;
+        }
+        return html `
+      <wui-icon-link
+        ?disabled=${this.buffering}
+        icon="close"
+        @click=${this.onClose.bind(this)}
+        data-testid="w3m-header-close"
+      ></wui-icon-link>
+    `;
+    }
+    titleTemplate() {
+        const isBeta = BETA_SCREENS.includes(this.view);
+        return html `
+      <wui-flex
+        view-direction="${this.viewDirection}"
+        class="w3m-header-title"
+        alignItems="center"
+        gap="xs"
+      >
+        <wui-text variant="paragraph-700" color="fg-100">${this.headerText}</wui-text>
+        ${isBeta ? html `<wui-tag variant="main">Beta</wui-tag>` : null}
+      </wui-flex>
+    `;
+    }
+    dynamicButtonTemplate() {
+        const { view } = RouterController.state;
+        const isConnectHelp = view === 'Connect';
+        const isApproveTransaction = view === 'ApproveTransaction';
+        const isUpgradeToSmartAccounts = view === 'UpgradeToSmartAccount';
+        const isConnectingSIWEView = view === 'ConnectingSiwe';
+        const isAccountView = view === 'Account';
+        const shouldHideBack = isApproveTransaction || isUpgradeToSmartAccounts || isConnectingSIWEView;
+        if (isAccountView) {
+            return html `<wui-select
+        id="dynamic"
+        data-testid="w3m-account-select-network"
+        active-network=${this.network?.name}
+        @click=${this.onNetworks.bind(this)}
+        imageSrc=${ifDefined(AssetUtil.getNetworkImage(this.network))}
+      ></wui-select>`;
+        }
+        if (this.showBack && !shouldHideBack) {
+            return html `<wui-icon-link
+        id="dynamic"
+        icon="chevronLeft"
+        ?disabled=${this.buffering}
+        @click=${this.onGoBack.bind(this)}
+      ></wui-icon-link>`;
+        }
+        return html `<wui-icon-link
+      data-hidden=${!isConnectHelp}
+      id="dynamic"
+      icon="helpCircle"
+      @click=${this.onWalletHelp.bind(this)}
+    ></wui-icon-link>`;
+    }
+    onNetworks() {
+        if (this.isAllowedNetworkSwitch()) {
+            EventsController.sendEvent({ type: 'track', event: 'CLICK_NETWORKS' });
+            RouterController.push('Networks');
+        }
+    }
+    isAllowedNetworkSwitch() {
+        const requestedCaipNetworks = NetworkController.getRequestedCaipNetworks();
+        const isMultiNetwork = requestedCaipNetworks ? requestedCaipNetworks.length > 1 : false;
+        const isValidNetwork = requestedCaipNetworks?.find(({ id }) => id === this.network?.id);
+        return isMultiNetwork || !isValidNetwork;
+    }
+    getPadding() {
+        if (this.heading) {
+            return ['l', '2l', 'l', '2l'];
+        }
+        return ['0', '2l', '0', '2l'];
+    }
+    onViewChange() {
+        const { history } = RouterController.state;
+        let direction = ConstantsUtil.VIEW_DIRECTION.Next;
+        if (history.length < this.prevHistoryLength) {
+            direction = ConstantsUtil.VIEW_DIRECTION.Prev;
+        }
+        this.prevHistoryLength = history.length;
+        this.viewDirection = direction;
+    }
+    async onHistoryChange() {
+        const { history } = RouterController.state;
+        const buttonEl = this.shadowRoot?.querySelector('#dynamic');
+        if (history.length > 1 && !this.showBack && buttonEl) {
+            await buttonEl.animate([{ opacity: 1 }, { opacity: 0 }], {
+                duration: 200,
+                fill: 'forwards',
+                easing: 'ease'
+            }).finished;
+            this.showBack = true;
+            buttonEl.animate([{ opacity: 0 }, { opacity: 1 }], {
+                duration: 200,
+                fill: 'forwards',
+                easing: 'ease'
+            });
+        }
+        else if (history.length <= 1 && this.showBack && buttonEl) {
+            await buttonEl.animate([{ opacity: 1 }, { opacity: 0 }], {
+                duration: 200,
+                fill: 'forwards',
+                easing: 'ease'
+            }).finished;
+            this.showBack = false;
+            buttonEl.animate([{ opacity: 0 }, { opacity: 1 }], {
+                duration: 200,
+                fill: 'forwards',
+                easing: 'ease'
+            });
+        }
+    }
+    onGoBack() {
+        RouterController.goBack();
+    }
+};
+W3mHeader.styles = styles;
+__decorate([
+    state()
+], W3mHeader.prototype, "heading", void 0);
+__decorate([
+    state()
+], W3mHeader.prototype, "network", void 0);
+__decorate([
+    state()
+], W3mHeader.prototype, "buffering", void 0);
+__decorate([
+    state()
+], W3mHeader.prototype, "showBack", void 0);
+__decorate([
+    state()
+], W3mHeader.prototype, "isSiweEnabled", void 0);
+__decorate([
+    state()
+], W3mHeader.prototype, "prevHistoryLength", void 0);
+__decorate([
+    state()
+], W3mHeader.prototype, "view", void 0);
+__decorate([
+    state()
+], W3mHeader.prototype, "viewDirection", void 0);
+__decorate([
+    state()
+], W3mHeader.prototype, "headerText", void 0);
+W3mHeader = __decorate([
+    customElement('w3m-header')
+], W3mHeader);
+export { W3mHeader };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-header/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/partials/w3m-header/styles.js

@@ -0,0 +1,79 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    height: 64px;
+  }
+
+  wui-text {
+    text-transform: capitalize;
+  }
+
+  wui-flex.w3m-header-title {
+    transform: translateY(0);
+    opacity: 1;
+  }
+
+  wui-flex.w3m-header-title[view-direction='prev'] {
+    animation:
+      slide-down-out 120ms forwards var(--wui-ease-out-power-2),
+      slide-down-in 120ms forwards var(--wui-ease-out-power-2);
+    animation-delay: 0ms, 200ms;
+  }
+
+  wui-flex.w3m-header-title[view-direction='next'] {
+    animation:
+      slide-up-out 120ms forwards var(--wui-ease-out-power-2),
+      slide-up-in 120ms forwards var(--wui-ease-out-power-2);
+    animation-delay: 0ms, 200ms;
+  }
+
+  wui-icon-link[data-hidden='true'] {
+    opacity: 0 !important;
+    pointer-events: none;
+  }
+
+  @keyframes slide-up-out {
+    from {
+      transform: translateY(0px);
+      opacity: 1;
+    }
+    to {
+      transform: translateY(3px);
+      opacity: 0;
+    }
+  }
+
+  @keyframes slide-up-in {
+    from {
+      transform: translateY(-3px);
+      opacity: 0;
+    }
+    to {
+      transform: translateY(0);
+      opacity: 1;
+    }
+  }
+
+  @keyframes slide-down-out {
+    from {
+      transform: translateY(0px);
+      opacity: 1;
+    }
+    to {
+      transform: translateY(-3px);
+      opacity: 0;
+    }
+  }
+
+  @keyframes slide-down-in {
+    from {
+      transform: translateY(3px);
+      opacity: 0;
+    }
+    to {
+      transform: translateY(0);
+      opacity: 1;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-header/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4EjB,CAAA"}

package/dist/esm/src/partials/w3m-help-widget/index.js

@@ -0,0 +1,42 @@
+var __decorate = (this && this.__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 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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+let W3mHelpWidget = class W3mHelpWidget extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.data = [];
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" alignItems="center" gap="l">
+        ${this.data.map(item => html `
+            <wui-flex flexDirection="column" alignItems="center" gap="xl">
+              <wui-flex flexDirection="row" justifyContent="center" gap="1xs">
+                ${item.images.map(image => html `<wui-visual name=${image}></wui-visual>`)}
+              </wui-flex>
+            </wui-flex>
+            <wui-flex flexDirection="column" alignItems="center" gap="xxs">
+              <wui-text variant="paragraph-500" color="fg-100" align="center">
+                ${item.title}
+              </wui-text>
+              <wui-text variant="small-500" color="fg-200" align="center">${item.text}</wui-text>
+            </wui-flex>
+          `)}
+      </wui-flex>
+    `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], W3mHelpWidget.prototype, "data", void 0);
+W3mHelpWidget = __decorate([
+    customElement('w3m-help-widget')
+], W3mHelpWidget);
+export { W3mHelpWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-help-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-help-widget/index.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AASrC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAE6B,SAAI,GAAW,EAAE,CAAA;IAwBrD,CAAC;IArBiB,MAAM;QACpB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,IAAI,CAAC,GAAG,CACb,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;;;kBAGJ,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAA,oBAAoB,KAAK,gBAAgB,CAAC;;;;;kBAKvE,IAAI,CAAC,KAAK;;4EAEgD,IAAI,CAAC,IAAI;;WAE1E,CACF;;KAEJ,CAAA;IACH,CAAC;CACF,CAAA;AAxBmC;IAAjC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;2CAAyB;AAFxC,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA0BzB"}