animation fix

scss/parts/_core.scss

@@ -3,3 +3,4 @@
 //
 
 @import "../layout";
+@import "../miscellaneous";

ts/adminlte.ts

@@ -1,9 +1,11 @@
+import Layout from './layout'
 import PushMenu from './push-menu'
 import SidebarHover from './sidebar-hover'
 import SidebarOverlay from './sidebar-overlay'
 import Treeview from './treeview'
 
 export {
+  Layout,
   PushMenu,
   SidebarHover,
   SidebarOverlay,

ts/layout.ts

@@ -0,0 +1,43 @@
+/**
+ * --------------------------------------------
+ * AdminLTE treeview.ts
+ * License MIT
+ * --------------------------------------------
+ */
+
+import {
+  domReady
+} from './util/index'
+
+/**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+
+const CLASS_NAME_RESIZE_ANIMATION_STOPPER = 'resize-animation-stopper'
+
+/**
+ * Class Definition
+ * ====================================================
+ */
+
+class Layout {
+  holdTransition(): void {
+    let resizeTimer: number | undefined
+    window.addEventListener('resize', () => {
+      document.body.classList.add(CLASS_NAME_RESIZE_ANIMATION_STOPPER)
+      clearTimeout(resizeTimer)
+      resizeTimer = setTimeout(() => {
+        document.body.classList.remove(CLASS_NAME_RESIZE_ANIMATION_STOPPER)
+      }, 400)
+    })
+  }
+}
+
+domReady(() => {
+  const data = new Layout()
+  data.holdTransition()
+})
+
+export default Layout

ts/push-menu.ts

@@ -78,6 +78,7 @@ class PushMenu {
   expand(): void {
     this.sidebarOpening()
     const bodyClass = document.body.classList
+    bodyClass.remove(CLASS_NAME_HEADER_MOBILE_OPEN)
     bodyClass.remove(CLASS_NAME_SIDEBAR_CLOSE)
     bodyClass.remove(CLASS_NAME_SIDEBAR_COLLAPSE)
     bodyClass.add(CLASS_NAME_SIDEBAR_OPEN)

ts/sidebar-overlay.ts

@@ -32,7 +32,7 @@ class SidebarOverlay {
   addSidebaBreakPoint(): void {
     const bodyClass = document.body.classList
     const widthOutput: number = window.innerWidth
-    if (widthOutput > Defaults.onLayouMobile) {
+    if (widthOutput >= Defaults.onLayouMobile) {
       bodyClass.remove(CLASS_NAME_LAYOUT_MOBILE)
     } else {
       bodyClass.add(CLASS_NAME_LAYOUT_MOBILE)

ts/treeview.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-console */
 /**
  * --------------------------------------------
  * AdminLTE treeview.ts
@@ -33,8 +32,6 @@ const Defaults = {
 
 class Treeview {
   open(navItem: Element | null, childNavItem: HTMLElement | null | undefined): void {
-    console.log('🚀 ~ file: treeview.ts ~ line 31 ~ Treeview ~ open ~ childNavItem', childNavItem)
-
     navItem?.classList.add(CLASS_NAME_MENU_OPEN)
 
     const height: number = childNavItem?.scrollHeight ?? 0