admin-lte 4.1.0 → 4.3.1

package/dist/js/adminlte.js

@@ -1,5 +1,5 @@
 /*!
- * AdminLTE v4.1.0 (https://adminlte.io)
+ * AdminLTE v4.3.1 (https://adminlte.io)
  * Copyright 2014-2026 Colorlib <https://colorlib.com>
  * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
  */
@@ -12,7 +12,8 @@
     const lifecycleCallbacks = [];
     const lifecycleState = {
         controller: new AbortController(),
-        hasInitialized: false
+        hasInitialized: false,
+        isReplaying: false
     };
     const getLifecycleSignal = () => lifecycleState.controller.signal;
     const runLifecycleCallbacks = () => {
@@ -20,8 +21,14 @@
             return;
         }
         lifecycleState.hasInitialized = true;
-        for (const callback of lifecycleCallbacks) {
-            callback();
+        lifecycleState.isReplaying = true;
+        try {
+            for (const callback of lifecycleCallbacks) {
+                callback();
+            }
+        }
+        finally {
+            lifecycleState.isReplaying = false;
         }
     };
     const onDOMContentLoaded = (callback) => {
@@ -30,17 +37,25 @@
             callback();
         }
     };
+    const teardown = () => {
+        lifecycleState.controller.abort();
+        lifecycleState.controller = new AbortController();
+        lifecycleState.hasInitialized = false;
+    };
+    const initialize = () => {
+        if (lifecycleState.isReplaying) {
+            return;
+        }
+        teardown();
+        runLifecycleCallbacks();
+    };
     if (document.readyState === 'loading') {
-        document.addEventListener('DOMContentLoaded', runLifecycleCallbacks, { once: true });
+        document.addEventListener('DOMContentLoaded', initialize, { once: true });
     }
     else {
         runLifecycleCallbacks();
     }
-    document.addEventListener('turbo:before-render', () => {
-        lifecycleState.controller.abort();
-        lifecycleState.controller = new AbortController();
-        lifecycleState.hasInitialized = false;
-    });
+    document.addEventListener('turbo:before-render', teardown);
     document.addEventListener('turbo:load', runLifecycleCallbacks);
     const slideTimers = new WeakMap();
     const cancelSlide = (target) => {
@@ -183,16 +198,16 @@
         return event;
     };
 
-    const NAME$4 = 'card-widget';
-    const EVENT_KEY$5 = `.lte.${NAME$4}`;
-    const EVENT_COLLAPSE$2 = `collapse${EVENT_KEY$5}`;
-    const EVENT_EXPAND$1 = `expand${EVENT_KEY$5}`;
-    const EVENT_REMOVE = `remove${EVENT_KEY$5}`;
-    const EVENT_COLLAPSED$3 = `collapsed${EVENT_KEY$5}`;
-    const EVENT_EXPANDED$2 = `expanded${EVENT_KEY$5}`;
-    const EVENT_REMOVED = `removed${EVENT_KEY$5}`;
-    const EVENT_MAXIMIZED$1 = `maximized${EVENT_KEY$5}`;
-    const EVENT_MINIMIZED$1 = `minimized${EVENT_KEY$5}`;
+    const NAME$5 = 'card-widget';
+    const EVENT_KEY$6 = `.lte.${NAME$5}`;
+    const EVENT_COLLAPSE$2 = `collapse${EVENT_KEY$6}`;
+    const EVENT_EXPAND$1 = `expand${EVENT_KEY$6}`;
+    const EVENT_REMOVE = `remove${EVENT_KEY$6}`;
+    const EVENT_COLLAPSED$3 = `collapsed${EVENT_KEY$6}`;
+    const EVENT_EXPANDED$2 = `expanded${EVENT_KEY$6}`;
+    const EVENT_REMOVED = `removed${EVENT_KEY$6}`;
+    const EVENT_MAXIMIZED$1 = `maximized${EVENT_KEY$6}`;
+    const EVENT_MINIMIZED$1 = `minimized${EVENT_KEY$6}`;
     const CLASS_NAME_CARD = 'card';
     const CLASS_NAME_COLLAPSED = 'collapsed-card';
     const CLASS_NAME_COLLAPSING = 'collapsing-card';
@@ -213,7 +228,7 @@
     };
     class CardWidget extends BaseComponent {
         static get NAME() {
-            return NAME$4;
+            return NAME$5;
         }
         static getInstance(element) {
             return this._getInstance(element);
@@ -380,29 +395,29 @@
         }
     });
 
-    const NAME$3 = 'treeview';
-    const EVENT_KEY$4 = `.lte.${NAME$3}`;
-    const EVENT_EXPAND = `expand${EVENT_KEY$4}`;
-    const EVENT_COLLAPSE$1 = `collapse${EVENT_KEY$4}`;
-    const EVENT_EXPANDED$1 = `expanded${EVENT_KEY$4}`;
-    const EVENT_COLLAPSED$2 = `collapsed${EVENT_KEY$4}`;
-    const EVENT_LOAD_DATA_API = `load${EVENT_KEY$4}`;
-    const CLASS_NAME_MENU_OPEN = 'menu-open';
-    const SELECTOR_NAV_ITEM = '.nav-item';
-    const SELECTOR_NAV_LINK = '.nav-link';
-    const SELECTOR_TREEVIEW_MENU = '.nav-treeview';
-    const SELECTOR_DATA_TOGGLE$1 = '[data-lte-toggle="treeview"]';
+    const NAME$4 = 'treeview';
+    const EVENT_KEY$5 = `.lte.${NAME$4}`;
+    const EVENT_EXPAND = `expand${EVENT_KEY$5}`;
+    const EVENT_COLLAPSE$1 = `collapse${EVENT_KEY$5}`;
+    const EVENT_EXPANDED$1 = `expanded${EVENT_KEY$5}`;
+    const EVENT_COLLAPSED$2 = `collapsed${EVENT_KEY$5}`;
+    const EVENT_LOAD_DATA_API = `load${EVENT_KEY$5}`;
+    const CLASS_NAME_MENU_OPEN$1 = 'menu-open';
+    const SELECTOR_NAV_ITEM$1 = '.nav-item';
+    const SELECTOR_NAV_LINK$1 = '.nav-link';
+    const SELECTOR_TREEVIEW_MENU$1 = '.nav-treeview';
+    const SELECTOR_DATA_TOGGLE$2 = '[data-lte-toggle="treeview"]';
     const Default = {
         animationSpeed: 300,
         accordion: true
     };
     const setAriaExpanded = (navItem, expanded) => {
-        const link = navItem.querySelector(`:scope > ${SELECTOR_NAV_LINK}`);
+        const link = navItem.querySelector(`:scope > ${SELECTOR_NAV_LINK$1}`);
         link?.setAttribute('aria-expanded', String(expanded));
     };
     class Treeview extends BaseComponent {
         static get NAME() {
-            return NAME$3;
+            return NAME$4;
         }
         static getInstance(element) {
             return this._getInstance(element);
@@ -420,26 +435,26 @@
                 return;
             }
             if (this._config.accordion) {
-                const openMenuList = this._element.parentElement?.querySelectorAll(`${SELECTOR_NAV_ITEM}.${CLASS_NAME_MENU_OPEN}`);
+                const openMenuList = this._element.parentElement?.querySelectorAll(`${SELECTOR_NAV_ITEM$1}.${CLASS_NAME_MENU_OPEN$1}`);
                 openMenuList?.forEach(openMenu => {
                     if (!this._element.contains(openMenu)) {
-                        openMenu.classList.remove(CLASS_NAME_MENU_OPEN);
+                        openMenu.classList.remove(CLASS_NAME_MENU_OPEN$1);
                         setAriaExpanded(openMenu, false);
-                        const childElement = openMenu?.querySelector(SELECTOR_TREEVIEW_MENU);
+                        const childElement = openMenu?.querySelector(SELECTOR_TREEVIEW_MENU$1);
                         if (childElement) {
                             slideUp(childElement, this._config.animationSpeed);
                         }
                     }
                 });
             }
-            this._element.classList.add(CLASS_NAME_MENU_OPEN);
+            this._element.classList.add(CLASS_NAME_MENU_OPEN$1);
             setAriaExpanded(this._element, true);
-            const childElement = this._element.querySelector(SELECTOR_TREEVIEW_MENU);
+            const childElement = this._element.querySelector(SELECTOR_TREEVIEW_MENU$1);
             if (childElement) {
                 slideDown(childElement, this._config.animationSpeed);
             }
             setTimeout(() => {
-                if (this._element.classList.contains(CLASS_NAME_MENU_OPEN)) {
+                if (this._element.classList.contains(CLASS_NAME_MENU_OPEN$1)) {
                     dispatchCustomEvent(this._element, EVENT_EXPANDED$1);
                 }
             }, this._config.animationSpeed);
@@ -448,20 +463,20 @@
             if (dispatchCustomEvent(this._element, EVENT_COLLAPSE$1, { cancelable: true }).defaultPrevented) {
                 return;
             }
-            this._element.classList.remove(CLASS_NAME_MENU_OPEN);
+            this._element.classList.remove(CLASS_NAME_MENU_OPEN$1);
             setAriaExpanded(this._element, false);
-            const childElement = this._element.querySelector(SELECTOR_TREEVIEW_MENU);
+            const childElement = this._element.querySelector(SELECTOR_TREEVIEW_MENU$1);
             if (childElement) {
                 slideUp(childElement, this._config.animationSpeed);
             }
             setTimeout(() => {
-                if (!this._element.classList.contains(CLASS_NAME_MENU_OPEN)) {
+                if (!this._element.classList.contains(CLASS_NAME_MENU_OPEN$1)) {
                     dispatchCustomEvent(this._element, EVENT_COLLAPSED$2);
                 }
             }, this._config.animationSpeed);
         }
         toggle() {
-            if (this._element.classList.contains(CLASS_NAME_MENU_OPEN)) {
+            if (this._element.classList.contains(CLASS_NAME_MENU_OPEN$1)) {
                 this.close();
             }
             else {
@@ -474,13 +489,13 @@
         if (!(target instanceof Element)) {
             return;
         }
-        const toggleRoot = target.closest(SELECTOR_DATA_TOGGLE$1);
+        const toggleRoot = target.closest(SELECTOR_DATA_TOGGLE$2);
         if (!toggleRoot) {
             return;
         }
-        const targetItem = target.closest(SELECTOR_NAV_ITEM);
-        const targetLink = target.closest(SELECTOR_NAV_LINK);
-        if (!targetItem?.querySelector(SELECTOR_TREEVIEW_MENU)) {
+        const targetItem = target.closest(SELECTOR_NAV_ITEM$1);
+        const targetLink = target.closest(SELECTOR_NAV_LINK$1);
+        if (!targetItem?.querySelector(SELECTOR_TREEVIEW_MENU$1)) {
             return;
         }
         if (target.getAttribute('href') === '#' || targetLink?.getAttribute('href') === '#') {
@@ -495,34 +510,34 @@
         Treeview.getOrCreateInstance(targetItem, config).toggle();
     });
     onDOMContentLoaded(() => {
-        const openMenuItems = document.querySelectorAll(`${SELECTOR_NAV_ITEM}.${CLASS_NAME_MENU_OPEN}`);
+        const openMenuItems = document.querySelectorAll(`${SELECTOR_NAV_ITEM$1}.${CLASS_NAME_MENU_OPEN$1}`);
         openMenuItems.forEach(menuItem => {
-            const childElement = menuItem.querySelector(SELECTOR_TREEVIEW_MENU);
+            const childElement = menuItem.querySelector(SELECTOR_TREEVIEW_MENU$1);
             if (childElement) {
                 slideDown(childElement, 0);
                 const event = new Event(EVENT_LOAD_DATA_API);
                 menuItem.dispatchEvent(event);
             }
         });
-        document.querySelectorAll(SELECTOR_DATA_TOGGLE$1).forEach(root => {
-            root.querySelectorAll(SELECTOR_NAV_ITEM).forEach(item => {
-                if (item.querySelector(`:scope > ${SELECTOR_TREEVIEW_MENU}`)) {
-                    setAriaExpanded(item, item.classList.contains(CLASS_NAME_MENU_OPEN));
+        document.querySelectorAll(SELECTOR_DATA_TOGGLE$2).forEach(root => {
+            root.querySelectorAll(SELECTOR_NAV_ITEM$1).forEach(item => {
+                if (item.querySelector(`:scope > ${SELECTOR_TREEVIEW_MENU$1}`)) {
+                    setAriaExpanded(item, item.classList.contains(CLASS_NAME_MENU_OPEN$1));
                 }
             });
         });
     });
 
-    const NAME$2 = 'direct-chat';
-    const EVENT_KEY$3 = `.lte.${NAME$2}`;
-    const EVENT_EXPANDED = `expanded${EVENT_KEY$3}`;
-    const EVENT_COLLAPSED$1 = `collapsed${EVENT_KEY$3}`;
-    const SELECTOR_DATA_TOGGLE = '[data-lte-toggle="chat-pane"]';
+    const NAME$3 = 'direct-chat';
+    const EVENT_KEY$4 = `.lte.${NAME$3}`;
+    const EVENT_EXPANDED = `expanded${EVENT_KEY$4}`;
+    const EVENT_COLLAPSED$1 = `collapsed${EVENT_KEY$4}`;
+    const SELECTOR_DATA_TOGGLE$1 = '[data-lte-toggle="chat-pane"]';
     const SELECTOR_DIRECT_CHAT = '.direct-chat';
     const CLASS_NAME_DIRECT_CHAT_OPEN = 'direct-chat-contacts-open';
     class DirectChat extends BaseComponent {
         static get NAME() {
-            return NAME$2;
+            return NAME$3;
         }
         static getInstance(element) {
             return this._getInstance(element);
@@ -546,7 +561,7 @@
         if (!(target instanceof Element)) {
             return;
         }
-        const trigger = target.closest(SELECTOR_DATA_TOGGLE);
+        const trigger = target.closest(SELECTOR_DATA_TOGGLE$1);
         if (!trigger) {
             return;
         }
@@ -557,10 +572,10 @@
         }
     });
 
-    const NAME$1 = 'fullscreen';
-    const EVENT_KEY$2 = `.lte.${NAME$1}`;
-    const EVENT_MAXIMIZED = `maximized${EVENT_KEY$2}`;
-    const EVENT_MINIMIZED = `minimized${EVENT_KEY$2}`;
+    const NAME$2 = 'fullscreen';
+    const EVENT_KEY$3 = `.lte.${NAME$2}`;
+    const EVENT_MAXIMIZED = `maximized${EVENT_KEY$3}`;
+    const EVENT_MINIMIZED = `minimized${EVENT_KEY$3}`;
     const SELECTOR_FULLSCREEN_TOGGLE = '[data-lte-toggle="fullscreen"]';
     const SELECTOR_MAXIMIZE_ICON = '[data-lte-icon="maximize"]';
     const SELECTOR_MINIMIZE_ICON = '[data-lte-icon="minimize"]';
@@ -577,7 +592,7 @@
     }
     class FullScreen extends BaseComponent {
         static get NAME() {
-            return NAME$1;
+            return NAME$2;
         }
         static getInstance(element) {
             return this._getInstance(element);
@@ -621,12 +636,12 @@
         document.addEventListener('fullscreenchange', syncFullScreenState, { signal: getLifecycleSignal() });
     });
 
-    const NAME = 'push-menu';
-    const EVENT_KEY$1 = `.lte.${NAME}`;
-    const EVENT_OPEN = `open${EVENT_KEY$1}`;
-    const EVENT_COLLAPSE = `collapse${EVENT_KEY$1}`;
-    const EVENT_OPENED = `opened${EVENT_KEY$1}`;
-    const EVENT_COLLAPSED = `collapsed${EVENT_KEY$1}`;
+    const NAME$1 = 'push-menu';
+    const EVENT_KEY$2 = `.lte.${NAME$1}`;
+    const EVENT_OPEN = `open${EVENT_KEY$2}`;
+    const EVENT_COLLAPSE = `collapse${EVENT_KEY$2}`;
+    const EVENT_OPENED = `opened${EVENT_KEY$2}`;
+    const EVENT_COLLAPSED = `collapsed${EVENT_KEY$2}`;
     const CLASS_NAME_SIDEBAR_MINI = 'sidebar-mini';
     const CLASS_NAME_SIDEBAR_EXPAND = 'sidebar-expand';
     const CLASS_NAME_SIDEBAR_OVERLAY = 'sidebar-overlay';
@@ -643,7 +658,7 @@
     };
     class PushMenu extends BaseComponent {
         static get NAME() {
-            return NAME;
+            return NAME$1;
         }
         static getInstance(element) {
             return this._getInstance(element);
@@ -774,7 +789,7 @@
             if (this._config.enablePersistence && !this.isMobileSize()) {
                 this.loadSidebarState();
             }
-            else {
+            else if (!this.isCollapsed()) {
                 this.updateStateByResponsiveLogic();
             }
         }
@@ -822,46 +837,66 @@
             sidebarOverlay.className = CLASS_NAME_SIDEBAR_OVERLAY;
             appWrapper?.append(sidebarOverlay);
         }
+        const overlaySignal = getLifecycleSignal();
         let overlayTouchMoved = false;
         sidebarOverlay.addEventListener('touchstart', () => {
             overlayTouchMoved = false;
-        }, { passive: true });
+        }, { passive: true, signal: overlaySignal });
         sidebarOverlay.addEventListener('touchmove', () => {
             overlayTouchMoved = true;
-        }, { passive: true });
+        }, { passive: true, signal: overlaySignal });
         sidebarOverlay.addEventListener('touchend', event => {
             if (!overlayTouchMoved) {
                 event.preventDefault();
                 pushMenu.collapse();
             }
             overlayTouchMoved = false;
-        }, { passive: false });
+        }, { passive: false, signal: overlaySignal });
         sidebarOverlay.addEventListener('click', event => {
             event.preventDefault();
             pushMenu.collapse();
-        });
+        }, { signal: overlaySignal });
     });
 
     const DATA_KEY = 'lte.color-mode';
-    const EVENT_KEY = `.${DATA_KEY}`;
-    const EVENT_CHANGED = `changed${EVENT_KEY}`;
+    const EVENT_KEY$1 = `.${DATA_KEY}`;
+    const EVENT_CHANGED = `changed${EVENT_KEY$1}`;
     const STORAGE_KEY = 'lte-theme';
-    const SELECTOR_TOGGLE = '[data-bs-theme-value]';
+    const ATTRIBUTE_THEME = 'data-bs-theme';
+    const ATTRIBUTE_TOGGLE = 'data-bs-theme-value';
+    const ATTRIBUTE_DISABLED = 'data-lte-color-mode';
+    const ATTRIBUTE_RESOLVED = 'data-lte-theme-resolved';
+    const SELECTOR_TOGGLE = `[${ATTRIBUTE_TOGGLE}]`;
     const SELECTOR_ICON = '[data-lte-theme-icon]';
+    const THEMES = new Set(['light', 'dark', 'auto']);
+    const isValidTheme = (value) => THEMES.has(value);
+    const isDisabled = () => document.documentElement.getAttribute(ATTRIBUTE_DISABLED) === 'off';
+    const readMarkupTheme = () => {
+        const { documentElement } = document;
+        if (documentElement.hasAttribute(ATTRIBUTE_RESOLVED)) {
+            return null;
+        }
+        const declared = documentElement.getAttribute(ATTRIBUTE_THEME);
+        return declared && isValidTheme(declared) ? declared : null;
+    };
+    const MARKUP_THEME = readMarkupTheme();
     class ColorMode {
         getStoredTheme() {
             try {
                 const stored = localStorage.getItem(STORAGE_KEY);
-                return stored && ['light', 'dark', 'auto'].includes(stored) ? stored : null;
+                return stored && isValidTheme(stored) ? stored : null;
             }
             catch {
                 return null;
             }
         }
+        getMarkupTheme() {
+            return MARKUP_THEME;
+        }
         getPreferredTheme() {
-            const stored = this.getStoredTheme();
-            if (stored) {
-                return stored;
+            const preferred = this.getStoredTheme() ?? this.getMarkupTheme();
+            if (preferred) {
+                return preferred;
             }
             return this._prefersDark() ? 'dark' : 'light';
         }
@@ -885,7 +920,7 @@
         }
         _applyTheme(theme) {
             const resolved = this.resolveTheme(theme);
-            document.documentElement.setAttribute('data-bs-theme', resolved);
+            document.documentElement.setAttribute(ATTRIBUTE_THEME, resolved);
             document.documentElement.style.colorScheme = resolved;
         }
         _prefersDark() {
@@ -893,7 +928,7 @@
         }
         _showActiveTheme(theme) {
             document.querySelectorAll(SELECTOR_TOGGLE).forEach(toggle => {
-                const isActive = toggle.getAttribute('data-bs-theme-value') === theme;
+                const isActive = toggle.getAttribute(ATTRIBUTE_TOGGLE) === theme;
                 toggle.classList.toggle('active', isActive);
                 toggle.setAttribute('aria-pressed', String(isActive));
                 toggle.querySelector('.bi-check-lg')?.classList.toggle('d-none', !isActive);
@@ -903,6 +938,9 @@
             });
         }
         init() {
+            if (isDisabled()) {
+                return;
+            }
             const theme = this.getPreferredTheme();
             this._applyTheme(theme);
             this._showActiveTheme(theme);
@@ -910,12 +948,12 @@
     }
     document.addEventListener('click', event => {
         const target = event.target;
-        if (!(target instanceof Element)) {
+        if (!(target instanceof Element) || isDisabled()) {
             return;
         }
         const toggle = target.closest(SELECTOR_TOGGLE);
-        const theme = toggle?.getAttribute('data-bs-theme-value');
-        if (theme) {
+        const theme = toggle?.getAttribute(ATTRIBUTE_TOGGLE);
+        if (theme && isValidTheme(theme)) {
             new ColorMode().setTheme(theme);
         }
     });
@@ -923,14 +961,165 @@
         const colorMode = new ColorMode();
         colorMode.init();
         globalThis.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
-            const stored = colorMode.getStoredTheme();
-            if (!stored || stored === 'auto') {
+            if (isDisabled()) {
+                return;
+            }
+            const preferred = colorMode.getStoredTheme() ?? colorMode.getMarkupTheme();
+            if (!preferred || preferred === 'auto') {
                 colorMode._applyTheme('auto');
-                colorMode._showActiveTheme(stored ?? 'auto');
+                colorMode._showActiveTheme(preferred ?? 'auto');
             }
         }, { signal: getLifecycleSignal() });
     });
 
+    const NAME = 'sidebar-search';
+    const EVENT_KEY = `.lte.${NAME}`;
+    const EVENT_FILTERED = `filtered${EVENT_KEY}`;
+    const CLASS_NAME_MENU_OPEN = 'menu-open';
+    const SELECTOR_DATA_TOGGLE = '[data-lte-toggle="sidebar-search"]';
+    const SELECTOR_SIDEBAR = '.app-sidebar';
+    const SELECTOR_MENU = '.sidebar-menu';
+    const SELECTOR_NAV_ITEM = '.nav-item';
+    const SELECTOR_NAV_HEADER = '.nav-header';
+    const SELECTOR_NAV_LINK = ':scope > .nav-link';
+    const SELECTOR_TREEVIEW_MENU = ':scope > .nav-treeview';
+    const SELECTOR_EMPTY_STATE = '[data-lte-search-empty]';
+    const submenuOf = (item) => item.querySelector(SELECTOR_TREEVIEW_MENU);
+    const setOpen = (item, submenu, open, display) => {
+        item.classList.toggle(CLASS_NAME_MENU_OPEN, open);
+        item.querySelector(SELECTOR_NAV_LINK)?.setAttribute('aria-expanded', String(open));
+        submenu.style.display = display;
+    };
+    class SidebarSearch extends BaseComponent {
+        static get NAME() {
+            return NAME;
+        }
+        static getInstance(element) {
+            return this._getInstance(element);
+        }
+        static getOrCreateInstance(element) {
+            return this.getInstance(element) ?? new this(element);
+        }
+        _menu;
+        _emptyState;
+        _snapshot = null;
+        constructor(element) {
+            super(element);
+            const target = element.dataset.lteTarget;
+            const scope = element.closest(SELECTOR_SIDEBAR) ?? document;
+            this._menu = target ?
+                document.querySelector(target) :
+                scope.querySelector(SELECTOR_MENU);
+            this._emptyState = scope.querySelector(SELECTOR_EMPTY_STATE);
+        }
+        search(term) {
+            const menu = this._menu;
+            if (!menu) {
+                return;
+            }
+            const query = term.trim().toLowerCase();
+            if (!query) {
+                this.clear();
+                return;
+            }
+            this._snapshot ??= this._takeSnapshot(menu);
+            const items = [...menu.querySelectorAll(SELECTOR_NAV_ITEM)];
+            const matched = new Set();
+            for (const item of items) {
+                const label = item.querySelector(SELECTOR_NAV_LINK)?.textContent?.replace(/\s+/g, ' ').trim().toLowerCase();
+                if (label?.includes(query)) {
+                    matched.add(item);
+                }
+            }
+            for (let index = items.length - 1; index >= 0; index--) {
+                const item = items[index];
+                item.hidden = !(matched.has(item) || item.querySelector(`${SELECTOR_NAV_ITEM}:not([hidden])`));
+            }
+            for (const item of matched) {
+                for (const descendant of item.querySelectorAll(SELECTOR_NAV_ITEM)) {
+                    descendant.hidden = false;
+                }
+            }
+            let visible = 0;
+            for (const item of items) {
+                if (!item.hidden) {
+                    visible++;
+                }
+                const submenu = submenuOf(item);
+                if (submenu) {
+                    const expand = !item.hidden && Boolean(item.querySelector(`${SELECTOR_NAV_ITEM}:not([hidden])`));
+                    setOpen(item, submenu, expand, expand ? 'block' : 'none');
+                }
+            }
+            for (const header of menu.querySelectorAll(SELECTOR_NAV_HEADER)) {
+                header.hidden = true;
+            }
+            if (this._emptyState) {
+                this._emptyState.hidden = visible > 0;
+            }
+            dispatchCustomEvent(this._element, EVENT_FILTERED, { detail: { query, matches: visible } });
+        }
+        clear() {
+            const menu = this._menu;
+            if (!menu) {
+                return;
+            }
+            for (const item of menu.querySelectorAll(`${SELECTOR_NAV_ITEM}, ${SELECTOR_NAV_HEADER}`)) {
+                item.hidden = false;
+            }
+            if (this._snapshot) {
+                for (const [item, state] of this._snapshot) {
+                    const submenu = submenuOf(item);
+                    if (submenu) {
+                        setOpen(item, submenu, state.open, state.display);
+                    }
+                }
+                this._snapshot = null;
+            }
+            if (this._emptyState) {
+                this._emptyState.hidden = true;
+            }
+            dispatchCustomEvent(this._element, EVENT_FILTERED, { detail: { query: '', matches: -1 } });
+        }
+        dispose() {
+            this.clear();
+            super.dispose();
+        }
+        _takeSnapshot(menu) {
+            const snapshot = new Map();
+            for (const item of menu.querySelectorAll(SELECTOR_NAV_ITEM)) {
+                const submenu = submenuOf(item);
+                if (submenu) {
+                    snapshot.set(item, {
+                        open: item.classList.contains(CLASS_NAME_MENU_OPEN),
+                        display: submenu.style.display
+                    });
+                }
+            }
+            return snapshot;
+        }
+    }
+    document.addEventListener('input', event => {
+        const target = event.target;
+        if (target instanceof HTMLInputElement && target.matches(SELECTOR_DATA_TOGGLE)) {
+            SidebarSearch.getOrCreateInstance(target).search(target.value);
+        }
+    });
+    document.addEventListener('keydown', event => {
+        const target = event.target;
+        if (event.key === 'Escape' && target instanceof HTMLInputElement && target.matches(SELECTOR_DATA_TOGGLE)) {
+            target.value = '';
+            SidebarSearch.getOrCreateInstance(target).clear();
+        }
+    });
+    onDOMContentLoaded(() => {
+        document.querySelectorAll(SELECTOR_DATA_TOGGLE).forEach(input => {
+            if (input.value) {
+                SidebarSearch.getOrCreateInstance(input).search(input.value);
+            }
+        });
+    });
+
     class AccessibilityManager {
         config;
         liveRegion = null;
@@ -1004,19 +1193,21 @@
             this.ensureSkipTargets();
         }
         ensureSkipTargets() {
-            const main = document.querySelector('#main, main, [role="main"]');
-            if (main && !main.id) {
-                main.id = 'main';
-            }
-            if (main && !main.hasAttribute('tabindex')) {
-                main.setAttribute('tabindex', '-1');
-            }
-            const nav = document.querySelector('#navigation, nav, [role="navigation"]');
-            if (nav && !nav.id) {
-                nav.id = 'navigation';
-            }
-            if (nav && !nav.hasAttribute('tabindex')) {
-                nav.setAttribute('tabindex', '-1');
+            const targets = [
+                ['main', 'main, [role="main"]'],
+                ['navigation', 'nav, [role="navigation"]']
+            ];
+            for (const [id, fallbackSelector] of targets) {
+                const target = document.getElementById(id) ?? document.querySelector(fallbackSelector);
+                if (!target) {
+                    continue;
+                }
+                if (!target.id) {
+                    target.id = id;
+                }
+                if (!target.hasAttribute('tabindex')) {
+                    target.setAttribute('tabindex', '-1');
+                }
             }
         }
         initFocusManagement() {
@@ -1181,7 +1372,7 @@
                 if (!htmlInput.classList.contains('disable-adminlte-validations')) {
                     htmlInput.addEventListener('invalid', () => {
                         this.handleFormError(htmlInput);
-                    });
+                    }, { signal: this.signal });
                 }
             });
         }
@@ -1373,8 +1564,11 @@
     exports.FullScreen = FullScreen;
     exports.Layout = Layout;
     exports.PushMenu = PushMenu;
+    exports.SidebarSearch = SidebarSearch;
     exports.Treeview = Treeview;
     exports.initAccessibility = initAccessibility;
+    exports.initialize = initialize;
+    exports.teardown = teardown;
 
 }));
 //# sourceMappingURL=adminlte.js.map