https://www.berchtesgaden.de/_assets/1798f66a72c0609b2ee5b404d1047…/Nucleus/Agepicker.cf09b23b70b6235fafbc.js

1/******/ (() => { // webpackBootstrap
2/******/ 	"use strict";
3// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules.
4(() => {
5// extracted by mini-css-extract-plugin
6
7})();
8
9// This entry need to be wrapped in an IIFE because it need to be isolated against other entry modules.
10(() => {
11
12
13class Agepicker {
14  constructor(countNode) {
15    this.countNode = countNode;
16    this.rootNode = this.countNode.closest('.agepicker');
17    this.itemNodes = Array.from(this.rootNode.querySelectorAll('.agepicker__item'));
18    this.updateCount();
19    const observer = new MutationObserver(mutationsList => {
20      for (let mutation of mutationsList) {
21        if (mutation.type === 'attributes' && mutation.attributeName === 'data-dbind-value') {
22          this.updateCount();
23        }
24      }
25    });
26    observer.observe(this.countNode, {
27      attributes: true
28    });
29  }
30  updateCount() {
31    const count = parseInt(this.countNode.getAttribute('data-dbind-value'));
32    this.itemNodes.forEach((itemNode, index) => {
33      let inputSelect = itemNode.querySelector('select');
34      if (index < count) {
35        itemNode.removeAttribute('tabindex');
36        if (inputSelect) {
37          inputSelect.setAttribute('required', '');
38        }
39      } else {
40        itemNode.setAttribute('tabindex', '-1');
41        if (inputSelect) {
42          inputSelect.removeAttribute('required');
43        }
44      }
45    });
46    if (count === 0) {
47      this.rootNode.classList.add('agepicker--empty');
48    } else {
49      this.rootNode.classList.remove('agepicker--empty');
50    }
51  }
52}
53Array.from(document.querySelectorAll('.agepicker__count')).forEach(countNode => {
54  new Agepicker(countNode);
55});
56})();
57
58/******/ })()
59;