# Možnosti konstruktoru

> Všechny možnosti přijímané funkcí new Entase(), včetně jejich výchozích hodnot a účinku. Všechny možnosti jsou volitelné a většinu lze přepsat pro každou rezervaci zvlášť.

Všechny možnosti jsou volitelné. Níže uvedené hodnoty jsou výchozí hodnoty, které klient použije, pokud některou z nich vynecháte.

```js
const entase = new Entase({
  pk: null,
  locale: 'auto',
  checkoutMode: 'auto',
  collectConsent: true,
  backdrop: true,
  backdropColor: '#000000',
  tprm: {},
  pane:  { width: 800, height: '100%' },
  popup: { width: 800, height: 1000 }
});
```

## Možnosti

| Název | Typ | Výchozí hodnota | Popis |
|---|---|---|---|
| `pk` | řetězec | `null` | Váš publikovatelný klíč. Klient jej odešle při ověřování, zda vaše doména smí používat vložený checkout. Bez něj se každý checkout otevře jako vyskakovací okno. |
| `locale` | řetězec | `'auto'` | Jazyk checkoutu. `'auto'` načte atribut `lang` vašeho prvku `<html>`. |
| `checkoutMode` | řetězec | `'auto'` | `'auto'`, `'pane'` nebo `'popup'`. Viz [Režimy checkoutu](/developers/js-client/checkout-modes.md). Nerozpoznaná hodnota se nahradí hodnotou `'auto'`. |
| `collectConsent` | boolean | `true` | Určuje, zda checkout požádá návštěvníka o přijetí oznámení o podmínkách. Po přijetí se odpověď uloží do souboru cookie a tento krok se přeskočí. |
| `backdrop` | boolean | `true` | Určuje, zda se má stránka za checkoutem ztmavit. Hodnota `false` také vypne uzamčení posouvání stránky. |
| `backdropColor` | řetězec | `'#000000'` | Barva ztmavené oblasti jako hodnota CSS barvy. |
| `tprm` | objekt | `{}` | Parametry sledování připojené k URL checkoutu jako parametry dotazu. Viz [Sledování a souhlas](/developers/js-client/tracking-and-consent.md). |
| `pane` | objekt | `{ width: 800, height: '100%' }` | Velikost vloženého panelu. V režimu vyskakovacího okna se ignoruje. |
| `popup` | objekt | `{ width: 800, height: 1000 }` | Velikost vyskakovacího okna v pixelech. V režimu panelu se ignoruje. |

## Velikost panelu a vyskakovacího okna

`pane.width` přijímá číslo (v pixelech) nebo libovolnou délku CSS – `'720px'`, `'50%'`, `'40vw'` či výraz `calc()`. Prosté číslo se považuje za pixely.

Panel je na počítači omezen na tuto šířku a na mobilním zařízení zabírá celou šířku, kde se místo toho použije `pane.height`. Přepnutí mezi oběma režimy nastane, když je výřez užší než nakonfigurovaná šířka; pokud je šířka zadána relativní jednotkou, přepnutí nastane při 800 px.

`popup.width` a `popup.height` mohou být pouze číselné hodnoty v pixelech a okno se vycentruje na obrazovce návštěvníka. Pokud obrazovka není dostatečně vysoká pro požadovanou výšku, velikost okna se zmenší, aby se vešlo.

## Pozadí

Pozadí se za vyskakovacím oknem ztmavuje výrazněji než za panelem, protože vyskakovací okno vyžaduje, aby stránka pod ním působila jako neaktivní. Nastavením `backdrop: false` ztmavení zcela odstraníte – stránku pak lze za checkoutem také posouvat.

`backdropColor` se použije beze změny, takže může jít o libovolnou platnou CSS barvu. Použijte ji pro sladění s tmavým webem nebo webem v barvách značky, nikoli pro skrytí pozadí; pro to je správnou možností `backdrop: false`.

## Přepsání pro jednotlivé rezervace

`checkoutMode`, `collectConsent`, `backdrop`, `backdropColor`, `pane` a `popup` lze pro jednu rezervaci přepsat předáním do `book()`. Hodnota na úrovni instance zůstane pro následná volání nezměněna:

```js
const entase = new Entase({ pk: 'YOUR_PUBLISHABLE_KEY' });

// This one booking opens wider, with no dimming.
entase.book('EVENT_ID', {
  pane: { width: '60vw' },
  backdrop: false
});
```

`pk` a `tprm` nejsou možnosti pro jednotlivé rezervace – `pk` identifikuje účet pro celou stránku a parametry sledování se v případě potřeby změny nastavují pomocí `setTracking()`.
