From 4821f970884612bff74e8049999514aefeb64081 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=93=D0=BB=D0=B0=D0=B2=D1=80=D0=B5=D0=B4=20=7C=20Glavred?=
 <glavred@gitjs.org>
Date: Wed, 28 Oct 2020 15:41:00 +0300
Subject: [PATCH] =?UTF-8?q?=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D0=BE=D1=82=20=D0=93=D0=BB=D0=B0=D0=B2=D1=80?=
 =?UTF-8?q?=D0=B5=D0=B4=D0=B0=20=D0=93=D0=B8=D1=82=D0=96=D0=A1=20|=20Chang?=
 =?UTF-8?q?es=20of=20GitJS=20Glavred?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...�ить-скрыть|smoothly-show-hide.js | 63 +++++++++++--------
 1 file changed, 38 insertions(+), 25 deletions(-)

diff --git a/плавно-отобразить-скрыть|smoothly-show-hide.js b/плавно-отобразить-скрыть|smoothly-show-hide.js
index 3f29bfe..40546f2 100644
--- a/плавно-отобразить-скрыть|smoothly-show-hide.js
+++ b/плавно-отобразить-скрыть|smoothly-show-hide.js
@@ -1,13 +1,5 @@
-ПлавноОтобразитьСкрыть = function(элемент, настройки)
+ПлавноОтобразитьСкрыть = function(элемент, настройки = null)
 {
-    if (!настройки)
-    {
-        настройки = {
-            "прозрачность": 1,
-            "отклик": {},
-        };
-    }
-
     this.отобразить = () =>
     {
         this.показываем = true;
@@ -18,6 +10,7 @@
     opacity: 0;
     animation: ${элемент.id}ПлавноОтобразить 0.4s ease;
     animation-fill-mode: forwards;
+    animation-delay: ${this.настройки.задержка}s;
 }
         `;
     };
@@ -28,13 +21,38 @@
         this.преобразования.innerHTML = `
 #${элемент.id}
 {
-    opacity: ${настройки.прозрачность};
+    opacity: ${this.настройки.прозрачность};
     animation: ${элемент.id}ПлавноСкрыть 0.4s ease;
     animation-fill-mode: forwards;
+    animation-delay: ${this.настройки.задержка}s;
 }
         `;
     };
     
+    this.__задатьНастройкиПоУмолчанию = () =>
+    {
+        var умолчание = {
+            "задержка": 0,
+            "прозрачность": 1,
+            "отклик": {},
+        };
+        if (!настройки)
+        {
+            this.настройки = умолчание;
+        }
+        else
+        {
+            this.настройки = настройки;
+        }
+        for (var ключ in умолчание)
+        {
+            if (!(ключ in this.настройки))
+            {
+                this.настройки[ключ] = умолчание[ключ];
+            }
+        }
+    };
+    
     this.__создатьКадры = () =>
     {
         this.кадры = document.createElement("style");
@@ -48,14 +66,14 @@
     }
     100%
     {
-        opacity: ${настройки.прозрачность};
+        opacity: ${this.настройки.прозрачность};
     }
 }
 @keyframes ${элемент.id}ПлавноСкрыть
 {
     0%
     {
-        opacity: ${настройки.прозрачность};
+        opacity: ${this.настройки.прозрачность};
     }
     100%
     {
@@ -79,16 +97,16 @@
             "animationend",
             function()
             {
-                if (тут.показываем && настройки.отклик && настройки.отклик.отображение)
+                if (тут.показываем && тут.настройки.отклик.отображение)
                 {
-                    настройки.отклик.отображение();
+                    тут.настройки.отклик.отображение();
                 }
                 else if (!тут.показываем)
                 {
                     элемент.style.display = "none";
-                    if (настройки.отклик && настройки.отклик.скрытие)
+                    if (тут.настройки.отклик.скрытие)
                     {
-                        настройки.отклик.скрытие();
+                        тут.настройки.отклик.скрытие();
                     }
                 }
             }
@@ -96,6 +114,7 @@
     };
     
     // Конструктор.
+    this.__задатьНастройкиПоУмолчанию();
     this.__создатьКадры();
     this.__создатьПреобразования();
     this.__отслеживатьЗавершениеАнимации();
@@ -106,18 +125,12 @@
 // 常用的单线变型
 // Frequently used single line variants.
 
-плавноСкрытьИУдалить = id =>
+плавноСкрытьИУдалить = (id, настройки = null) =>
 {
     var элемент = $(`#${id}`);
-    function окончание() {
+    var плавно = new ПлавноОтобразитьСкрыть(элемент.get(0), настройки);
+    плавно.настройки.отклик.скрытие = function() {
         элемент.remove();
     };
-    var настройки = {
-        "прозрачность": 1,
-        "отклик": {
-            "скрытие": окончание,
-        },
-    };
-    var плавно = new ПлавноОтобразитьСкрыть(элемент.get(0), настройки);
     плавно.скрыть();
 };
\ No newline at end of file