https://dostup1.ru/assets/js/erid.js?1773574113

1customElements.define('erid-banner', class extends HTMLElement {
2  connectedCallback() {
3    if (this.getAttribute('name') && this.getAttribute('code') && this.getAttribute('erid')) {
4      const shadow = this.attachShadow({ mode: 'open' });
5
6      const banner = document.createElement("slot");
7
8      const cssLink = document.createElement('link');
9      cssLink.rel = 'stylesheet';
10      cssLink.href = '/assets/css/erid.css';
11
12      const label = document.createElement("div");
13      label.className = "label reklama";
14      label.textContent = "Реклама";
15
16      const kebabInput = document.createElement("input");
17      kebabInput.className = 'hidden';
18      kebabInput.type = 'checkbox';
19      kebabInput.id = 'kebab';
20
21      const kebabLabel = document.createElement("label");
22      kebabLabel.className = 'label kebab';
23      kebabLabel.htmlFor = kebabInput.id;
24
25      const popup = document.createElement("div");
26      popup.className = "popup";
27      popup.innerHTML = `<div class="popup__content">${this.getAttribute('name')} ${this.getAttribute('code')} ${this.getAttribute('erid')}</div>`;
28
29      shadow.appendChild(cssLink);
30      shadow.appendChild(banner);
31      shadow.appendChild(label);
32      shadow.appendChild(kebabInput);
33      shadow.appendChild(kebabLabel);
34      shadow.appendChild(popup);
35
36      if (this.getAttribute('url')) {
37        const url = document.createElement("div");
38        url.className = "label url";
39        url.textContent = this.getAttribute('url');
40        shadow.appendChild(url);
41      }
42    }
43  }
44});