b-aleksei

const focusableEls = `a[href]:not(:disabled), input:not(:disabled):not([type="hidden"]),
  select:not(:disabled), textarea:not(:disabled), button:not(:disabled), [contenteditable],
  [tabindex]:not([tabindex="-1"])`;

const isTouchSupported = () => ('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);
const getHtmlElement = (selector, ctx = document) => {
  const node = typeof selector === 'string' ? ctx.querySelector(selector) : selector;
  if (node instanceof HTMLElement) {
    return node;
  }

b-aleksei

function getCookie(name) {
  let matches = document.cookie.match(new RegExp(
    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
  ));
  return matches ? decodeURIComponent(matches[1]) : undefined;
}

function setCookie(name, value, options = {}) {

  options = {

b-aleksei

(function() {
  const fileLoaderContainers = document.querySelectorAll('.file-loader');

  const renderFileLoader = function(fileLoaderContainer) {
    const wrapper = fileLoaderContainer.querySelector('.file-loader__wrapper');
    const btnAdd = fileLoaderContainer.querySelector('.js-fileloader-open');
    if (!wrapper || !btnAdd) {
      return;
    }
    const inputFileLoader = wrapper.querySelector('.file-loader__item');

b-aleksei

export const changeTab = (currentTab) => {
  const emptyEl = document.createElement('div');
  const tabContainer = currentTab.closest('.tab-container');
  if (!tabContainer) return;
  const activeTab = tabContainer.querySelector('.tab-title[aria-selected="true"]') || emptyEl;
  activeTab.removeAttribute('aria-selected');
  activeTab.setAttribute('tabindex', '-1');
  currentTab.setAttribute('aria-selected', 'true');
  currentTab.removeAttribute('tabindex');

b-aleksei

const easingOutQuint = (x, t, b, c, d) => c * ((t = t / d - 1) * t * t * t * t + 1) + b;

const makeScroll = (node, value, key = 'scrollTop') => {
  let startTime = null;
  const offset = node[key];
  const gap = value - offset;
  const duration = 1000;

  const step = (t) => {
    if (!startTime) {

b-aleksei

export const tooltipToggle = (btn) => {
  const content = btn.nextElementSibling;
  if (!content) return;
  content.classList.toggle('active');
  if (content.classList.contains('active')) {
    const closeContent = ({target}) => {
      if (!content.contains(target) ) {
        content.classList.remove('active');
        document.removeEventListener('click', closeContent);
      }

b-aleksei

import ResizeObserver from 'resize-observer-polyfill';

export class RotateNumber {
  constructor(selector) {
    this.$el = typeof selector === 'string' ? document.querySelector(selector) : selector;
    if (!(this.$el instanceof HTMLElement)) {
      return;
    }
    this.digits = this.$el.querySelectorAll('.payout__container');
    this.maxNumberValue = 9;

b-aleksei

const accordionToggle = (selector) => {
  const accordion = document.querySelector(selector);
  if (!accordion) return;
  let previousContent = null;
  let previousTitle = null;
  accordion.addEventListener('click', (e) => {
    const accTitle = e.target.closest('.accordion__title');
    if (accTitle) {
      const accContent = accTitle.nextElementSibling;
      if (previousContent) {

b-aleksei

import {onFocusPhoneInput} from './onFocusPhoneInput';

const validationData = {};
const urlData = 'data/sendForm.json';
fetch(urlData).then((res) => res.json()).then((res) => {
  Object.assign(validationData, res);
}).catch(() => {});

/*const getDataFromJson = function(url) {
  const xhr = new XMLHttpRequest();

b-aleksei

export default class Range {
  constructor(selector) {
    this.$el = this.getHtmlElement(selector);
    if (!this.$el) return;
	  this.min = +this.$el.dataset.min ?? 0;
	  this.max = +this.$el.dataset.max ?? 100;
    this.dom = this.mapDOM(this.$el);
    this.eventNames = {
      pointerdown: 'pointerdown',
      pointermove: 'pointermove',