import * as lit_html from 'lit-html';
import * as lit from 'lit';
import { LitElement, PropertyValues } from 'lit';
import * as lodash from 'lodash';
import { b as TNumericId, L as LANGUAGES } from '../chunks/utils-BPcZ5h8J.esm.js';
import './beam-partner-logos.js';
import 'lodash-es/debounce';
import 'lodash-es/isEqual';
interface SubscriptionRequiredConfig {
apiKey: string;
subscriptionId: string;
storeId: TNumericId;
}
declare class BeamSelectSubscriptionNonprofit extends LitElement {
static tagName: string;
baseUrl: string;
apiKey?: SubscriptionRequiredConfig["apiKey"];
subscriptionId?: SubscriptionRequiredConfig["subscriptionId"];
storeId?: SubscriptionRequiredConfig["storeId"];
countryCode?: string;
postalCode?: string;
selectedNonprofitId?: TNumericId;
lang: LANGUAGES;
draftConfig: boolean;
debug: boolean;
private isMobile;
get configLang(): LANGUAGES;
private getChainNonprofits;
private updateNonprofitIdForSubscription;
private nonprofitListDataController;
private subscriptionUpdateDataController;
private localStorage;
connectedCallback(): void;
firstUpdated(_changedProperties: PropertyValues): Promise;
updated(previousPropertyValues: PropertyValues): Promise;
disconnectedCallback(): void;
private restoreStateFromCache;
/**
* Factory for selection event handler
*
* Nonprofit selector implements radio-button semantics:
* * If nothing is selected, tabbing into selector selects first card
* * Arrow keys changes focus between cards, but doesn't select
* * Enter/Space sets selection
* * If a nonprofit is selected, arrow keys change focus AND selection
* * Click sets selection
* @param {number} id
* @param {number} index
* @param {{id: number}[]} nonprofits
* @returns {(evt: Event) => void}
*/
private makeHandleSelect;
get allowChange(): boolean;
get allowSubmit(): boolean;
handleSubmit: () => Promise;
evaluateBreakPoints: lodash.DebouncedFuncLeading<() => void>;
get cssVariables(): any;
static styles: lit.CSSResult[];
protected render(): "" | lit_html.TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
"beam-select-subscription-nonprofit": BeamSelectSubscriptionNonprofit;
}
}
export { BeamSelectSubscriptionNonprofit };