Сергей delphinpro

<div class="crm-form-calc__table-cell crm-form-calc__table-cell_span">

</div>

<div class="filter-item">
  <input type="checkbox">
</div>
<div class="filter-item">
  <input type="checkbox">
</div>
<div class="filter-item">
  <input type="checkbox">
</div>
<button id="apply-button">показать</button>

#apply-button {
  display: none;
}

.filter-item {
  position: relative;
}
.filter-item input:checked ~ #apply-button {
  display: block;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}

const button = document.getElementById('apply-button');
document.querySelectorAll('.filter-item').forEach(item => {
  const cb = item.querySelector('input[type=checked]');
  cb.addEventListener('change', () => {
    if (cb.checked) {
      item.appendChild(button);
    }
  })
});

let timerId;
const timer = () => {
    const text = document.querySelector('.Tag-module_content__uLsTI').textContent

    if(text.slice(0, -1)<(-52)){
        // ...payload
        console.log('Сработало условие');
        // Сработало, больше не требуется
    }
    else{
        rel();
        // Не сработало, запускаем снова через секунду
        timerId = setTimeout(timer, 1000);
    }
}

timerId = setTimeout(timer, 150);

btn.addEventListener('click' e=>{
  const modal = e.target.closest('.modal[data-modal=cart]');
});

.logo {
  display: grid;
  grid-template-areas: "logo";
}

.logo1, .logo2 {
  grid-area: logo;
  transition: opacity 0.3s ease;
}

.logo1 { opacity: 1; }
.logo2 { opacity: 0; }

.logo_state_2 .logo1 { opacity: 0; }
.logo_state_2 .logo2 { opacity: 1; }

protected function prepareForValidation(): void
    {
        $this->merge([
            'factory_id' => $this->request->get('factory_id') ?? $this->user()->factory_id ?? 1,
        ]);
    }