@betorigami/game-ui-shared 1.7.0 → 2.0.1

package/README.md

@@ -7,9 +7,11 @@ The Lit components, controllers, translations, wire types and game-module regist
 `lit`, `@lit/context` and `big.js` are peer dependencies so that one copy of each is bundled by the host. Importing the package registers every shared custom element.
 
 ```ts
-import { GameComponent, gameContext, getTranslation } from '@betorigami/game-ui-shared';
+import { GameComponent, RequiredContext, localeContext, getTranslation } from '@betorigami/game-ui-shared';
 ```
 
+Elements read the game context through `RequiredContext`, one per slice they need (`localeContext`, `sessionContext`, `limitsContext`, `servicesContext`, `skinContext`, `preferencesContext`, `layoutContext`, `walletContext`), all provided by `<origami-game-provider-wrapper>`. Reading a slice outside the wrapper throws. Elements whose styles use `data-is-desktop` add the `@desktopAttribute` decorator. Tests give an element its slices with `provideTestContexts` and change them with `updateTestContexts`.
+
 A game contributes itself through a `GameUiModule`:
 
 ```ts

package/dist/components/shared/Alert/Alert.d.ts

@@ -1,5 +1,4 @@
 import { default as OrigamiElement } from '../../../shared/origami-element';
-import { gameContextType } from '../context/game.context';
 export type AlertType = 'success' | 'warning' | 'error' | 'info';
 export declare class Alert extends OrigamiElement {
     static styles: import('lit').CSSResult[];
@@ -10,7 +9,6 @@ export declare class Alert extends OrigamiElement {
     private isHiding;
     private isPaused;
     private progressWidth;
-    gameData?: gameContextType;
     private animationFrame?;
     private remainingTime;
     private lastTickTimestamp?;

package/dist/components/shared/AlertManager/AlertManager.d.ts

@@ -1,7 +1,6 @@
 import { nothing } from 'lit';
 import { default as OrigamiElement } from '../../../shared/origami-element';
 import { AlertType } from '../Alert/Alert';
-import { gameContextType } from '../context/game.context';
 export interface AlertItem {
     id: string;
     type: AlertType;
@@ -12,14 +11,13 @@ export interface AlertItem {
 }
 export declare class AlertManager extends OrigamiElement {
     static styles: import('lit').CSSResult[];
-    gameData?: gameContextType;
     private alerts;
     private previousPositions;
     private readonly defaultAnimationMs;
     addAlert(alert: AlertItem): string;
     clearAllAlerts(): void;
     private handleAlertClose;
-    render(): typeof nothing | import('lit').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1> | typeof nothing;
     protected willUpdate(): void;
     protected updated(): void;
     private measurePositions;

package/dist/components/shared/BetResultModal/BetResultModal.d.ts

@@ -1,15 +1,14 @@
 import { BetResult } from '../../../shared/bet.types';
-import { default as OrigamiElement } from '../../../shared/origami-element';
 import { OrigamiGame } from '../../../shared/constants';
-import { gameContextType } from '../context/game.context';
+import { default as OrigamiElement } from '../../../shared/origami-element';
 export declare class BetResultModal extends OrigamiElement {
-    gameData?: gameContextType;
+    private readonly locale;
+    private readonly session;
     static styles: import('lit').CSSResult[];
     betId: string;
     betData: Omit<BetResult, 'afterBalance'> | null;
     private _copiedId;
     private _copyTimeout;
-    private gameConsumer;
     private betResultCache;
     private _cachedOutcome;
     private _cachedBetData;

package/dist/components/shared/Button/Button.d.ts

@@ -1,7 +1,9 @@
 import { default as OrigamiElement } from '../../../shared/origami-element';
-import { gameContextType } from '../context/game.context';
 export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'icon' | 'icon-secondary';
 export declare class Button extends OrigamiElement {
+    private readonly locale;
+    private readonly services;
+    private readonly preferences;
     static styles: import('lit').CSSResult[];
     static shadowRootOptions: {
         delegatesFocus: boolean;
@@ -11,7 +13,6 @@ export declare class Button extends OrigamiElement {
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
     };
-    gameData?: gameContextType;
     variant: ButtonVariant;
     disabled: boolean;
     ariaLabel: string | null;

package/dist/components/shared/Button/LinkButton.d.ts

@@ -1,8 +1,9 @@
-import { default as OrigamiElement } from '../../../shared/origami-element';
-import { gameContextType } from '../context/game.context';
 import { ButtonVariant } from './Button';
+import { default as OrigamiElement } from '../../../shared/origami-element';
 export type LinkButtonTarget = '_self' | '_top' | '_blank';
 export declare class LinkButton extends OrigamiElement {
+    private readonly locale;
+    private readonly services;
     static styles: import('lit').CSSResult[];
     static shadowRootOptions: {
         delegatesFocus: boolean;
@@ -12,7 +13,6 @@ export declare class LinkButton extends OrigamiElement {
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
     };
-    gameData?: gameContextType;
     href: string;
     target: LinkButtonTarget;
     variant: ButtonVariant;

package/dist/components/shared/ChipTableGameComponent.d.ts

@@ -1,3 +1,4 @@
+import { RequiredContext } from './context/required-context';
 import { HotkeyDefinition } from '../../controllers/hotkey.controller';
 import { ChipEvent } from '../../shared/chip-state.utils';
 import { GameComponent } from './GameComponent';
@@ -9,10 +10,13 @@ export type ChipTablePosition = string;
  * Responsibilities:
  * - Per-click chip amount (1/2, 2x, reset)
  * - Event-sourced chip state (add, multiplier-change)
- * - Derived totals + syncing `gameData.betAmount`
+ * - Derived totals + syncing the wallet `betAmount`
  * - Shared hotkeys for chip table interaction
  */
 export declare abstract class ChipTableGameComponent extends GameComponent {
+    protected readonly limits: RequiredContext<{
+        __context__: import('../..').LimitsContextType;
+    }>;
     protected perClickAmount: string;
     protected chipEvents: ChipEvent[];
     /** Game-specific max payout check (uses derived state). */

package/dist/components/shared/DepositButton/DepositButton.d.ts

@@ -1,8 +1,10 @@
 import { default as OrigamiElement } from '../../../shared/origami-element';
-import { gameContextType } from '../context/game.context';
 export declare class DepositButton extends OrigamiElement {
+    private readonly locale;
+    private readonly session;
+    private readonly limits;
+    private readonly wallet;
     betAboveBalance: boolean;
-    gameData?: gameContextType;
-    private shouldShowDepositButton;
+    private depositButtonUrl;
     render(): import('lit').TemplateResult<1>;
 }

package/dist/components/shared/FairnessDetails/FairnessContent.d.ts

@@ -1,5 +1,6 @@
-import { LitElement, PropertyValues } from 'lit';
+import { PropertyValues } from 'lit';
 import { VerifierGameOptions } from '../../../shared/provably-fair-verifier';
+import { default as OrigamiElement } from '../../../shared/origami-element';
 export interface ProvablyFairData {
     publicKey: string;
     request: string;
@@ -8,7 +9,10 @@ export interface ProvablyFairData {
     clientSeed: string;
     verifierOptions?: VerifierGameOptions;
 }
-export declare class FairnessContent extends LitElement {
+export declare class FairnessContent extends OrigamiElement {
+    private readonly locale;
+    private readonly session;
+    private readonly services;
     static styles: import('lit').CSSResult[];
     provablyFairData: ProvablyFairData;
     showExtendedFields: boolean;
@@ -24,7 +28,6 @@ export declare class FairnessContent extends LitElement {
     private _isSavingClientSeed;
     private _showProvablyFairInfo;
     private _onAccordionClick;
-    private gameConsumer;
     private _clientSeedChangedHandler;
     private _nonceChangedHandler;
     private _previousHistoryController?;

package/dist/components/shared/FairnessDetails/HistoryTable.d.ts

@@ -1,9 +1,12 @@
 import { default as OrigamiElement } from '../../../shared/origami-element';
 export declare class HistoryTable extends OrigamiElement {
+    private readonly locale;
+    private readonly session;
+    private readonly services;
+    private readonly layout;
     static styles: import('lit').CSSResult[];
     private _historyData;
     private _isLoading;
-    private gameConsumer;
     private betResultCache;
     private _historyDataChangedHandler;
     private _previousHistoryController?;

package/dist/components/shared/Footer/Footer.d.ts

@@ -1,8 +1,10 @@
 import { default as OrigamiElement } from '../../../shared/origami-element';
-import { gameContextType } from '../context/game.context';
 export declare class Footer extends OrigamiElement {
+    private readonly locale;
+    private readonly session;
+    private readonly skin;
+    private readonly preferences;
     static styles: import('lit').CSSResult[];
-    gameData?: gameContextType;
     showLogo: boolean;
     showHistoryButton: boolean;
     gameInfoOpen: boolean;

package/dist/components/shared/GameComponent.d.ts

@@ -1,11 +1,12 @@
 import { AutobetToggleEvent } from '../../shared/event-map';
-import { default as OrigamiElement } from '../../shared/origami-element';
 import { ErrorCode } from '../../shared/provider-api/error-codes';
 import { BetMode } from './GameSidebar/GameSidebar';
 import { AutobetEventPayload } from './GenericAutobet/GenericAutobet';
+import { default as OrigamiElement } from '../../shared/origami-element';
 import { UiLockContent } from './UiLock/UiLockContent';
 import { default as Big } from 'big.js';
 import { NewBetItem } from '../../controllers/history.controller';
+import { RequiredContext } from './context/required-context';
 export declare const isBetMode: (value: unknown) => value is BetMode;
 export type AutobetSettingsWithId = AutobetEventPayload & {
     autobetId: string;
@@ -20,6 +21,21 @@ export interface GameBetResult {
     errorMessage?: string;
 }
 export declare abstract class GameComponent extends OrigamiElement {
+    protected readonly locale: RequiredContext<{
+        __context__: import('../..').LocaleContextType;
+    }>;
+    protected readonly session: RequiredContext<{
+        __context__: import('../..').SessionContextType;
+    }>;
+    protected readonly services: RequiredContext<{
+        __context__: import('../..').ServicesContextType;
+    }>;
+    protected readonly preferences: RequiredContext<{
+        __context__: import('../..').PreferencesContextType;
+    }>;
+    protected readonly wallet: RequiredContext<{
+        __context__: import('../..').WalletContextType;
+    }>;
     protected manualOrAuto: BetMode;
     protected hasPendingBet: boolean;
     protected autobetInProgress: boolean;
@@ -27,9 +43,6 @@ export declare abstract class GameComponent extends OrigamiElement {
     static styles: import('lit').CSSResult[];
     protected onBetAmountChange: (_oldBetAmount: string, _newBetAmount: string) => void;
     private deferredBetReset;
-    private gameConsumer;
-    get gameData(): import('./context/game.context').gameContextType;
-    get isDemoMode(): boolean;
     get isToggleDisabled(): boolean;
     get areInputsDisabled(): boolean;
     /**

package/dist/components/shared/GameInfo/GameInfoModal.d.ts

@@ -1,12 +1,12 @@
-import { LitElement, TemplateResult } from 'lit';
-import { gameContextType } from '../context/game.context';
+import { TemplateResult } from 'lit';
+import { default as OrigamiElement } from '../../../shared/origami-element';
 import { OrigamiGame } from '../../../shared/constants';
-export declare class GameInfoModal extends LitElement {
+export declare class GameInfoModal extends OrigamiElement {
+    private readonly locale;
+    private readonly limits;
     static styles: import('lit').CSSResult[];
-    gameData?: gameContextType;
     gameType: OrigamiGame;
     get rtpValue(): number;
-    get isDemoMode(): boolean;
     private renderAccordionSection;
     private renderAccordionSectionWithCustomContent;
     private renderAccordionSectionWithInterpolation;

package/dist/components/shared/GameInfo/gameInfoConfig.d.ts

@@ -1,6 +1,6 @@
 import { TranslationKey } from '../../../translations';
 import { OrigamiGame } from '../../../shared/constants';
-import { gameContextType } from '../context/game.context';
+import { LimitsContextType } from '../context/slices/limits.context';
 export interface TranslationInfo {
     key: TranslationKey;
     fallback: string;
@@ -23,4 +23,4 @@ export interface GameInfoConfig {
     };
 }
 export declare const getGameInfoConfig: (game: OrigamiGame) => GameInfoConfig | undefined;
-export declare const calculateMaxMultiplier: (game: OrigamiGame, edge: number, gameData?: gameContextType) => string;
+export declare const calculateMaxMultiplier: (game: OrigamiGame, limits: LimitsContextType) => string;

package/dist/components/shared/GameLayout/GameLayout.d.ts

@@ -1,10 +1,15 @@
-import { default as OrigamiElement } from '../../../shared/origami-element.js';
-import { gameContextType } from '../context/game.context';
 import { AlertManager } from '../AlertManager/AlertManager';
 import { OrigamiGame } from '../../../shared/constants';
+import { default as OrigamiElement } from '../../../shared/origami-element';
 export declare class GameLayout extends OrigamiElement {
+    private readonly locale;
+    private readonly session;
+    private readonly limits;
+    private readonly services;
+    private readonly skin;
+    private readonly preferences;
+    private readonly wallet;
     static styles: import('lit').CSSResult[];
-    gameData?: gameContextType;
     gameType: OrigamiGame;
     showFooter: boolean;
     alertManager: AlertManager;
@@ -22,7 +27,6 @@ export declare class GameLayout extends OrigamiElement {
     private get uiLock();
     private get isUiLocked();
     private get gameFooterPosition();
-    get isDemoMode(): boolean;
     private getCustomBackgroundUrl;
     private getGameAreaCustomStyles;
     private previousHistoryController?;

package/dist/components/shared/GameOutcomeDisplay/GameOutcomeDisplay.d.ts

@@ -1,12 +1,13 @@
-import { LitElement, nothing } from 'lit';
+import { nothing } from 'lit';
 import { OrigamiGame } from '../../../shared/constants';
-export declare class GameOutcomeDisplay extends LitElement {
+import { default as OrigamiElement } from '../../../shared/origami-element';
+export declare class GameOutcomeDisplay extends OrigamiElement {
+    private readonly locale;
     static styles: import('lit').CSSResult[];
     gameType: OrigamiGame | 'INVALID_GAME';
     inBetResultModal: boolean;
     gameOutcome?: unknown;
     enableAnimation: boolean;
     persistResult: boolean;
-    private gameConsumer;
     render(): import('lit').TemplateResult | typeof nothing;
 }

package/dist/components/shared/GameProviderWrapper.d.ts

@@ -1,8 +1,6 @@
 import { Currency, OrigamiGame } from '../../shared/constants';
 import { default as OrigamiElement } from '../../shared/origami-element';
 import { Language } from '../../translations/language.context';
-import { gameContext, gameContextType } from './context/game.context';
-import { ContextProvider } from '@lit/context';
 import { PropertyValues } from 'lit';
 import { default as Big } from 'big.js';
 export declare class GameProviderWrapper extends OrigamiElement {
@@ -16,9 +14,9 @@ export declare class GameProviderWrapper extends OrigamiElement {
     origamiGame: OrigamiGame;
     lobbyUrl: string | null;
     depositUrl: string | undefined;
-    maxPayout: number | null;
-    minBet: number | null;
-    maxBet: number | null;
+    maxPayout: number;
+    minBet: number;
+    maxBet: number;
     edge: 1 | 2 | 3 | 8 | 4;
     showCurrencyAsText: boolean;
     footerPosition: 'ABOVE' | 'BELOW';
@@ -82,16 +80,26 @@ export declare class GameProviderWrapper extends OrigamiElement {
     private _resizeObserver;
     private hasLoadedBalance;
     private uiLock;
-    protected _gameProvider: ContextProvider<typeof gameContext>;
+    private readonly walletUpdaters;
+    private readonly preferenceUpdaters;
+    private readonly providers;
     private applyUiLock;
     private handleLockUi;
     connectedCallback(): void;
     firstUpdated(_changed: PropertyValues): Promise<void>;
     disconnectedCallback(): void;
     updated(changedProperties: PropertyValues): void;
-    get gameData(): gameContextType;
-    private createGameContextValue;
-    private updateProviderValue;
+    private get isDemoMode();
+    private get isDesktop();
+    private createLocale;
+    private createSession;
+    private createLimits;
+    private createServices;
+    private createSkin;
+    private createPreferences;
+    private createLayout;
+    private createWallet;
+    private publish;
     private fetchBalance;
     private fetchPublicKey;
     updateHotkeysOpenEnabled(enabled: boolean): void;

package/dist/components/shared/GameSidebar/GameSidebar.d.ts

@@ -1,11 +1,9 @@
 import { default as OrigamiElement } from '../../../shared/origami-element';
-import { gameContextType } from '../context/game.context';
 export type BetMode = 'Manual' | 'Auto';
 export declare class GameSidebar extends OrigamiElement {
+    private readonly locale;
     static styles: import('lit').CSSResult[];
-    gameData?: gameContextType;
     mode: BetMode;
-    betAmount: string;
     toggleDisabled: boolean;
     option1Label: string;
     option2Label: string;

package/dist/components/shared/GameWinPopup/GameWinPopup.d.ts

@@ -1,12 +1,14 @@
 import { TemplateResult } from 'lit';
-import { default as OrigamiElement } from '../../../shared/origami-element';
 import { default as Big } from 'big.js';
+import { default as OrigamiElement } from '../../../shared/origami-element';
 type GameType = 'Keno' | 'Mines' | 'Roulette';
 export declare class GameWinPopup extends OrigamiElement {
+    private readonly locale;
+    private readonly session;
+    private readonly skin;
     static styles: import('lit').CSSResult[];
     payout: Big | null;
     multiplier: number | undefined;
-    currencySymbol: string;
     title: string;
     description: string;
     gemCount: number | undefined;
@@ -15,7 +17,6 @@ export declare class GameWinPopup extends OrigamiElement {
     isLoss: boolean;
     isPush: boolean;
     private betResultCache;
-    private gameConsumer;
     private get disableBetResultModal();
     constructor();
     disconnectedCallback(): void;

package/dist/components/shared/GenericAutobet/BetCountInput.d.ts

@@ -1,7 +1,7 @@
 import { default as OrigamiElement } from '../../../shared/origami-element';
-import { gameContextType } from '../context/game.context';
 export declare class BetCountInput extends OrigamiElement {
-    gameData?: gameContextType;
+    private readonly locale;
+    private readonly wallet;
     disabled: boolean;
     static styles: import('lit').CSSResult[];
     private _handleAutobetGamesChange;

package/dist/components/shared/GenericAutobet/GenericAutobet.d.ts

@@ -1,6 +1,5 @@
-import { default as OrigamiElement } from '../../../shared/origami-element';
 import { ContextProvider } from '@lit/context';
-import { gameContextType } from '../context/game.context';
+import { default as OrigamiElement } from '../../../shared/origami-element';
 export type AfterBetEffect = 'Reset' | 'Increase';
 export type AutobetValues = {
     onWinPercentage: string;
@@ -15,6 +14,8 @@ export type AutobetEventPayload = AutobetValues & {
     numberOfBets: string;
 };
 export declare class GenericAutobet extends OrigamiElement {
+    private readonly locale;
+    private readonly wallet;
     inputsDisabled: boolean;
     autobetSettings: AutobetValues;
     autobetStopping: boolean;
@@ -31,7 +32,6 @@ export declare class GenericAutobet extends OrigamiElement {
     betMaxMultiplier: number;
     hasCustomBetAmountSection: boolean;
     disableBetAmountHotkeys: boolean;
-    gameData: gameContextType;
     customInputsSlot?: HTMLSlotElement;
     private betButtonEl?;
     static styles: import('lit').CSSResult[];

package/dist/components/shared/HistoryPills/HistoryPills.d.ts

@@ -7,13 +7,14 @@ export interface HistoryItem {
     color?: string;
 }
 export declare class HistoryPills extends OrigamiElement {
+    private readonly session;
+    private readonly preferences;
     static styles: import('lit').CSSResult[];
     history: HistoryItem[];
     showMultiplierSuffix: boolean;
     fadeOpacity: boolean;
     private animatingInIds;
     private betResultCache;
-    private gameConsumer;
     get disableHistoryModal(): boolean;
     protected updated(changedProperties: PropertyValues<this>): void;
     handleHistoryChange(oldHistory: HistoryItem[]): void;

package/dist/components/shared/HotkeysModal/HotkeysModal.d.ts

@@ -1,8 +1,8 @@
 import { OrigamiGame } from '../../../shared/constants';
 import { default as OrigamiElement } from '../../../shared/origami-element';
 export declare class HotkeysModal extends OrigamiElement {
+    private readonly locale;
     static styles: import('lit').CSSResult[];
-    private gameConsumer;
     gameType: OrigamiGame;
     private getRows;
     private renderRow;

package/dist/components/shared/Inputs/BetAmountInput/BetAmountInput.d.ts

@@ -6,8 +6,12 @@ export declare enum InvalidReason {
     BET_AMOUNT_ABOVE_BALANCE = "BET_AMOUNT_ABOVE_BALANCE"
 }
 export declare class BetAmountInput extends OrigamiElement {
+    private readonly locale;
+    private readonly limits;
+    private readonly services;
+    private readonly preferences;
+    private readonly wallet;
     static styles: import('lit').CSSResult[];
-    get gameData(): import('../../context/game.context').gameContextType;
     private isFocused;
     private invalidReason;
     betMaxMultiplier: number | null;
@@ -15,7 +19,7 @@ export declare class BetAmountInput extends OrigamiElement {
     halfBetDisabled: boolean;
     doubleBetDisabled: boolean;
     maxAmount?: string;
-    private _gameContext;
+    private syncBetAmount;
     firstUpdated(): void;
     watchValue(): void;
     updated(changedProperties: PropertyValues): void;

package/dist/components/shared/Inputs/ChipInput/ChipInput.d.ts

@@ -1,12 +1,12 @@
-import { default as OrigamiElement } from '../../../../shared/origami-element';
-import { gameContextType } from '../../context/game.context';
 import { ChipConfig } from '../../types/chip.types';
+import { default as OrigamiElement } from '../../../../shared/origami-element';
 export declare class ChipInput extends OrigamiElement {
+    private readonly locale;
+    private readonly services;
     static styles: import('lit').CSSResult[];
     chips: ChipConfig[];
     disabled: boolean;
     private selectedIndex;
-    gameData?: gameContextType;
     /**
      * Parse a chip label like "0.1", "10", "1K", "10K", "1M" into its numeric value.
      * This is used only for display of the chip value hint in the UI.

package/dist/components/shared/Inputs/CurrencyInput/RawCurrencyInput.d.ts

@@ -1,13 +1,10 @@
 import { PropertyValues } from 'lit';
-import { default as OrigamiElement } from '../../../../shared/origami-element';
 import { Input } from '../Input/Input';
-import { Currency } from '../../../../shared/constants';
-import { gameContextType } from '../../context/game.context';
+import { default as OrigamiElement } from '../../../../shared/origami-element';
 export declare class RawCurrencyInput extends OrigamiElement {
+    private readonly locale;
     static styles: import('lit').CSSResult[];
-    gameData: gameContextType;
     label: string;
-    currency: Currency;
     errorMessage: string;
     value: string;
     rightLabel: string;

package/dist/components/shared/Inputs/Input/Input.d.ts

@@ -1,5 +1,4 @@
 import { default as OrigamiElement } from '../../../../shared/origami-element';
-import { gameContextType } from '../../context/game.context';
 export interface InputAddonButton {
     label: string;
     'aria-label'?: string;
@@ -19,8 +18,8 @@ export declare const ValidationPatterns: {
     alphanumeric: RegExp;
 };
 export declare class Input extends OrigamiElement {
+    private readonly layout;
     static styles: import('lit').CSSResult[];
-    gameData?: gameContextType;
     value: string;
     label: string;
     placeholder: string;

package/dist/components/shared/Modal/Modal.d.ts

@@ -1,10 +1,8 @@
 import { default as OrigamiElement } from '../../../shared/origami-element.js';
 import { default as FocusTrap } from '../../../utils/focus-trap.js';
-import { gameContextType } from '../context/game.context';
 export default class OrigamiModal extends OrigamiElement {
     static styles: import('lit').CSSResult[];
     private originalTrigger;
-    gameData?: gameContextType;
     focusTrap: FocusTrap;
     private closeWatcher;
     fixedPosition: boolean;

package/dist/components/shared/Select/Select.d.ts

@@ -6,8 +6,8 @@ export interface SelectOption<T extends string = string> {
     group?: string;
 }
 export declare class Select extends OrigamiElement {
+    private readonly locale;
     static styles: import('lit').CSSResult[];
-    private gameData?;
     dir: string;
     label: string;
     options: SelectOption[];

package/dist/components/shared/Switch/Switch.d.ts

@@ -1,7 +1,7 @@
 import { default as OrigamiElement } from '../../../shared/origami-element';
 export declare class Switch extends OrigamiElement {
+    private readonly services;
     static styles: import('lit').CSSResult[];
-    private gameContext?;
     checked: boolean;
     disabled: boolean;
     label: string;

package/dist/components/shared/Toggle/Toggle.d.ts

@@ -1,7 +1,7 @@
 import { default as OrigamiElement } from '../../../shared/origami-element';
 export declare class Toggle extends OrigamiElement {
+    private readonly services;
     static styles: import('lit').CSSResult[];
-    private gameContext?;
     option1: string;
     option2: string;
     option1Value: string;

package/dist/components/shared/context/desktop-attribute.d.ts

@@ -0,0 +1,2 @@
+import { ReactiveElement } from 'lit';
+export declare const desktopAttribute: (target: typeof ReactiveElement) => void;

package/dist/components/shared/context/provide-test-contexts.d.ts

@@ -0,0 +1,24 @@
+import { LayoutContextType } from './slices/layout.context';
+import { LimitsContextType } from './slices/limits.context';
+import { LocaleContextType } from './slices/locale.context';
+import { PreferencesContextType } from './slices/preferences.context';
+import { ServicesContextType } from './slices/services.context';
+import { SessionContextType } from './slices/session.context';
+import { SkinContextType } from './slices/skin.context';
+import { WalletContextType } from './slices/wallet.context';
+type TestContexts = {
+    locale: LocaleContextType;
+    session: SessionContextType;
+    limits: LimitsContextType;
+    services: ServicesContextType;
+    skin: SkinContextType;
+    preferences: PreferencesContextType;
+    layout: LayoutContextType;
+    wallet: WalletContextType;
+};
+export type TestContextOverrides = {
+    [K in keyof TestContexts]?: Partial<TestContexts[K]>;
+};
+export declare const provideTestContexts: <T extends object>(element: T, overrides?: TestContextOverrides) => T;
+export declare const updateTestContexts: (element: object, overrides: TestContextOverrides) => void;
+export {};

package/dist/components/shared/context/required-context.d.ts

@@ -0,0 +1,10 @@
+import { Context, ContextType } from '@lit/context';
+import { ReactiveControllerHost } from 'lit';
+type Host = ReactiveControllerHost & HTMLElement;
+export declare class RequiredContext<C extends Context<unknown, unknown>> {
+    readonly context: C;
+    private consumer;
+    constructor(host: Host, context: C, onChange?: (value: ContextType<C>) => void);
+    get value(): ContextType<C>;
+}
+export {};