# Параметри конструктора

> Усі параметри, які приймає new Entase(), їхні значення за замовчуванням і вплив. Усі параметри необов’язкові, і більшість із них можна перевизначити для окремого бронювання.

Усі параметри необов’язкові. Нижче наведено значення за замовчуванням, які клієнт застосовує, якщо не вказати параметр.

```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 }
});
```

## Параметри

| Назва | Тип | За замовчуванням | Опис |
|---|---|---|---|
| `pk` | рядок | `null` | Ваш публічний ключ. Клієнт надсилає його під час перевірки, чи дозволено вашому домену використовувати вбудоване оформлення замовлення. Без нього кожне оформлення замовлення відкривається у спливному вікні. |
| `locale` | рядок | `'auto'` | Мова оформлення замовлення. `'auto'` зчитує атрибут `lang` вашого елемента `<html>`. |
| `checkoutMode` | рядок | `'auto'` | `'auto'`, `'pane'` або `'popup'`. Див. [Режими оформлення замовлення](/developers/js-client/checkout-modes.md). Якщо значення не розпізнано, використовується `'auto'`. |
| `collectConsent` | логічне значення | `true` | Чи запитує оформлення замовлення відвідувача про прийняття повідомлення з умовами. Після прийняття відповідь зберігається в cookie, а цей крок пропускається. |
| `backdrop` | логічне значення | `true` | Чи затемнювати сторінку позаду оформлення замовлення. Значення `false` також вимикає блокування прокручування сторінки. |
| `backdropColor` | рядок | `'#000000'` | Колір затемненої області як значення кольору CSS. |
| `tprm` | об’єкт | `{}` | Параметри відстеження, що додаються до URL оформлення замовлення як параметри запиту. Див. [Відстеження та згода](/developers/js-client/tracking-and-consent.md). |
| `pane` | об’єкт | `{ width: 800, height: '100%' }` | Розмір вбудованої панелі. Ігнорується в режимі спливного вікна. |
| `popup` | об’єкт | `{ width: 800, height: 1000 }` | Розмір спливного вікна в пікселях. Ігнорується в режимі панелі. |

## Розміри панелі та спливного вікна

`pane.width` приймає число (пікселі) або будь-яке значення довжини CSS – `'720px'`, `'50%'`, `'40vw'` чи вираз `calc()`. Звичайне число інтерпретується як пікселі.

На комп’ютерах ширина панелі обмежується цим значенням, а на мобільних пристроях вона займає всю ширину, де натомість застосовується `pane.height`. Перемикання між цими варіантами відбувається, коли область перегляду вужча за налаштовану ширину; якщо ширину задано відносною одиницею, перемикання відбувається на 800px.

`popup.width` і `popup.height` можуть бути лише числами в пікселях, а вікно центрується на екрані відвідувача. Якщо висота екрана недостатня для запитаної висоти, розмір вікна зменшується, щоб воно вмістилося.

## Фон

Фон позаду спливного вікна затемнюється сильніше, ніж позаду панелі, оскільки спливне вікно має створювати враження неактивності сторінки під ним. Установіть `backdrop: false`, щоб повністю прибрати затемнення – це також залишить сторінку доступною для прокручування позаду оформлення замовлення.

`backdropColor` застосовується без змін, тож це може бути будь-який дійсний колір CSS. Використовуйте його, щоб підібрати колір до темного сайту або сайту у фірмовому стилі, а не щоб приховати фон; для цього правильним параметром є `backdrop: false`.

## Перевизначення для окремого бронювання

`checkoutMode`, `collectConsent`, `backdrop`, `backdropColor`, `pane` і `popup` можна перевизначити для одного бронювання, передавши їх до `book()`. Значення на рівні екземпляра залишається незмінним для наступних викликів:

```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` і `tprm` не є параметрами для окремого бронювання – `pk` ідентифікує обліковий запис для всієї сторінки, а параметри відстеження змінюються через `setTracking()`, коли вони мають відрізнятися.
