refactor createElement

main.js

@@ -902,23 +902,26 @@
   function makeSwiper(dialog, fileListContainer, src) {
     let files = [...fileListContainer.querySelectorAll(`:is(.preview, .preview-small)`)]
 
-    let swiperDiv = document.createElement("div")
-    swiperDiv.classList.add("swiper")
+    let swiperDiv = Tag.div({
+      classes: "swiper"
+    })
 
-    let swiperWrapper = document.createElement("div")
-    swiperWrapper.classList.add("swiper-wrapper")
+    let swiperWrapper = Tag.div({
+      classes: "swiper-wrapper"
+    })
 
     for (const file of files) {
-      let swiperSlide = document.createElement("div")
-      swiperSlide.classList.add("swiper-slide")
-
-      let downloadLink = Tag.a({
+      let swiperSlide = Tag.div({
+        classes: "swiper-slide",
+        children: [
+          Tag.a({
             classes: "swiper-download-link",
             href: file.dataset.origin,
             text: "Скачать",
             target: "_blank"
           })
-      swiperSlide.append(downloadLink)
+        ]
+      })
 
       let swiperFile = file.cloneNode(true)
       if (swiperFile.dataset.origin)
@@ -930,12 +933,14 @@
 
     swiperDiv.append(swiperWrapper)
 
-    let prevButton = document.createElement("div")
-    prevButton.classList.add("swiper-button-prev")
+    let prevButton = Tag.div({
+      classes: "swiper-button-prev"
+    })
     swiperDiv.append(prevButton)
 
-    let nextButton = document.createElement("div")
-    nextButton.classList.add("swiper-button-next")
+    let nextButton = Tag.div({
+      classes: "swiper-button-next"
+    })
     swiperDiv.append(nextButton)
 
     dialog.append(swiperDiv)
@@ -1502,8 +1507,9 @@
       { index: 56, desc: "" }
     ])
 
-    let hider = document.createElement("div")
-    let hiderButton = Tag.button({
+    let hider = Tag.div({
+      children: [
+        Tag.button({
           classes: "collapse-button",
           type: "button",
           on: {
@@ -1515,8 +1521,8 @@
             }
           }
         })
-
-    hider.append(hiderButton)
+      ]
+    })
 
     legendDescContainer.append(legendDescHeader)
     legendDescContainer.append(legendRuDescContainer)