admin-lte 4.0.0-beta3 → 4.0.0-rc3

package/dist/js/adminlte.js

@@ -1,6 +1,6 @@
 /*!
- * AdminLTE v4.0.0-beta3 (https://adminlte.io)
- * Copyright 2014-2024 Colorlib <https://colorlib.com>
+ * AdminLTE v4.0.0-rc3 (https://adminlte.io)
+ * Copyright 2014-2025 Colorlib <https://colorlib.com>
  * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
  */
 (function (global, factory) {
@@ -33,14 +33,14 @@
         target.style.boxSizing = 'border-box';
         target.style.height = `${target.offsetHeight}px`;
         target.style.overflow = 'hidden';
-        window.setTimeout(() => {
+        globalThis.setTimeout(() => {
             target.style.height = '0';
             target.style.paddingTop = '0';
             target.style.paddingBottom = '0';
             target.style.marginTop = '0';
             target.style.marginBottom = '0';
         }, 1);
-        window.setTimeout(() => {
+        globalThis.setTimeout(() => {
             target.style.display = 'none';
             target.style.removeProperty('height');
             target.style.removeProperty('padding-top');
@@ -55,7 +55,7 @@
     /* SLIDE DOWN */
     const slideDown = (target, duration = 500) => {
         target.style.removeProperty('display');
-        let { display } = window.getComputedStyle(target);
+        let { display } = globalThis.getComputedStyle(target);
         if (display === 'none') {
             display = 'block';
         }
@@ -67,7 +67,7 @@
         target.style.paddingBottom = '0';
         target.style.marginTop = '0';
         target.style.marginBottom = '0';
-        window.setTimeout(() => {
+        globalThis.setTimeout(() => {
             target.style.boxSizing = 'border-box';
             target.style.transitionProperty = 'height, margin, padding';
             target.style.transitionDuration = `${duration}ms`;
@@ -77,7 +77,7 @@
             target.style.removeProperty('margin-top');
             target.style.removeProperty('margin-bottom');
         }, 1);
-        window.setTimeout(() => {
+        globalThis.setTimeout(() => {
             target.style.removeProperty('height');
             target.style.removeProperty('overflow');
             target.style.removeProperty('transition-duration');
@@ -104,6 +104,7 @@
      * ====================================================
      */
     class Layout {
+        _element;
         constructor(element) {
             this._element = element;
         }
@@ -128,146 +129,185 @@
 
     /**
      * --------------------------------------------
-     * @file AdminLTE push-menu.ts
-     * @description Push menu for AdminLTE.
+     * @file AdminLTE card-widget.ts
+     * @description Card widget for AdminLTE.
      * @license MIT
      * --------------------------------------------
      */
     /**
-     * ------------------------------------------------------------------------
      * Constants
-     * ------------------------------------------------------------------------
+     * ====================================================
      */
-    const DATA_KEY$4 = 'lte.push-menu';
+    const DATA_KEY$4 = 'lte.card-widget';
     const EVENT_KEY$4 = `.${DATA_KEY$4}`;
-    const EVENT_OPEN = `open${EVENT_KEY$4}`;
-    const EVENT_COLLAPSE = `collapse${EVENT_KEY$4}`;
-    const CLASS_NAME_SIDEBAR_MINI = 'sidebar-mini';
-    const CLASS_NAME_SIDEBAR_COLLAPSE = 'sidebar-collapse';
-    const CLASS_NAME_SIDEBAR_OPEN = 'sidebar-open';
-    const CLASS_NAME_SIDEBAR_EXPAND = 'sidebar-expand';
-    const CLASS_NAME_SIDEBAR_OVERLAY = 'sidebar-overlay';
-    const CLASS_NAME_MENU_OPEN$1 = 'menu-open';
-    const SELECTOR_APP_SIDEBAR = '.app-sidebar';
-    const SELECTOR_SIDEBAR_MENU = '.sidebar-menu';
-    const SELECTOR_NAV_ITEM$1 = '.nav-item';
-    const SELECTOR_NAV_TREEVIEW = '.nav-treeview';
-    const SELECTOR_APP_WRAPPER = '.app-wrapper';
-    const SELECTOR_SIDEBAR_EXPAND = `[class*="${CLASS_NAME_SIDEBAR_EXPAND}"]`;
-    const SELECTOR_SIDEBAR_TOGGLE = '[data-lte-toggle="sidebar"]';
-    const Defaults = {
-        sidebarBreakpoint: 992
+    const EVENT_COLLAPSED$2 = `collapsed${EVENT_KEY$4}`;
+    const EVENT_EXPANDED$2 = `expanded${EVENT_KEY$4}`;
+    const EVENT_REMOVE = `remove${EVENT_KEY$4}`;
+    const EVENT_MAXIMIZED$1 = `maximized${EVENT_KEY$4}`;
+    const EVENT_MINIMIZED$1 = `minimized${EVENT_KEY$4}`;
+    const CLASS_NAME_CARD = 'card';
+    const CLASS_NAME_COLLAPSED = 'collapsed-card';
+    const CLASS_NAME_COLLAPSING = 'collapsing-card';
+    const CLASS_NAME_EXPANDING = 'expanding-card';
+    const CLASS_NAME_WAS_COLLAPSED = 'was-collapsed';
+    const CLASS_NAME_MAXIMIZED = 'maximized-card';
+    const SELECTOR_DATA_REMOVE = '[data-lte-toggle="card-remove"]';
+    const SELECTOR_DATA_COLLAPSE = '[data-lte-toggle="card-collapse"]';
+    const SELECTOR_DATA_MAXIMIZE = '[data-lte-toggle="card-maximize"]';
+    const SELECTOR_CARD = `.${CLASS_NAME_CARD}`;
+    const SELECTOR_CARD_BODY = '.card-body';
+    const SELECTOR_CARD_FOOTER = '.card-footer';
+    const Default$1 = {
+        animationSpeed: 500,
+        collapseTrigger: SELECTOR_DATA_COLLAPSE,
+        removeTrigger: SELECTOR_DATA_REMOVE,
+        maximizeTrigger: SELECTOR_DATA_MAXIMIZE
     };
-    /**
-     * Class Definition
-     * ====================================================
-     */
-    class PushMenu {
+    class CardWidget {
+        _element;
+        _parent;
+        _clone;
+        _config;
         constructor(element, config) {
             this._element = element;
-            this._config = Object.assign(Object.assign({}, Defaults), config);
+            this._parent = element.closest(SELECTOR_CARD);
+            if (element.classList.contains(CLASS_NAME_CARD)) {
+                this._parent = element;
+            }
+            this._config = { ...Default$1, ...config };
         }
-        // TODO
-        menusClose() {
-            const navTreeview = document.querySelectorAll(SELECTOR_NAV_TREEVIEW);
-            navTreeview.forEach(navTree => {
-                navTree.style.removeProperty('display');
-                navTree.style.removeProperty('height');
-            });
-            const navSidebar = document.querySelector(SELECTOR_SIDEBAR_MENU);
-            const navItem = navSidebar === null || navSidebar === void 0 ? void 0 : navSidebar.querySelectorAll(SELECTOR_NAV_ITEM$1);
-            if (navItem) {
-                navItem.forEach(navI => {
-                    navI.classList.remove(CLASS_NAME_MENU_OPEN$1);
+        collapse() {
+            const event = new Event(EVENT_COLLAPSED$2);
+            if (this._parent) {
+                this._parent.classList.add(CLASS_NAME_COLLAPSING);
+                const elm = this._parent?.querySelectorAll(`${SELECTOR_CARD_BODY}, ${SELECTOR_CARD_FOOTER}`);
+                elm.forEach(el => {
+                    if (el instanceof HTMLElement) {
+                        slideUp(el, this._config.animationSpeed);
+                    }
                 });
+                setTimeout(() => {
+                    if (this._parent) {
+                        this._parent.classList.add(CLASS_NAME_COLLAPSED);
+                        this._parent.classList.remove(CLASS_NAME_COLLAPSING);
+                    }
+                }, this._config.animationSpeed);
             }
+            this._element?.dispatchEvent(event);
         }
         expand() {
-            const event = new Event(EVENT_OPEN);
-            document.body.classList.remove(CLASS_NAME_SIDEBAR_COLLAPSE);
-            document.body.classList.add(CLASS_NAME_SIDEBAR_OPEN);
-            this._element.dispatchEvent(event);
-        }
-        collapse() {
-            const event = new Event(EVENT_COLLAPSE);
-            document.body.classList.remove(CLASS_NAME_SIDEBAR_OPEN);
-            document.body.classList.add(CLASS_NAME_SIDEBAR_COLLAPSE);
-            this._element.dispatchEvent(event);
-        }
-        addSidebarBreakPoint() {
-            var _a, _b, _c;
-            const sidebarExpandList = (_b = (_a = document.querySelector(SELECTOR_SIDEBAR_EXPAND)) === null || _a === void 0 ? void 0 : _a.classList) !== null && _b !== void 0 ? _b : [];
-            const sidebarExpand = (_c = Array.from(sidebarExpandList).find(className => className.startsWith(CLASS_NAME_SIDEBAR_EXPAND))) !== null && _c !== void 0 ? _c : '';
-            const sidebar = document.getElementsByClassName(sidebarExpand)[0];
-            const sidebarContent = window.getComputedStyle(sidebar, '::before').getPropertyValue('content');
-            this._config = Object.assign(Object.assign({}, this._config), { sidebarBreakpoint: Number(sidebarContent.replace(/[^\d.-]/g, '')) });
-            if (window.innerWidth <= this._config.sidebarBreakpoint) {
-                this.collapse();
+            const event = new Event(EVENT_EXPANDED$2);
+            if (this._parent) {
+                this._parent.classList.add(CLASS_NAME_EXPANDING);
+                const elm = this._parent?.querySelectorAll(`${SELECTOR_CARD_BODY}, ${SELECTOR_CARD_FOOTER}`);
+                elm.forEach(el => {
+                    if (el instanceof HTMLElement) {
+                        slideDown(el, this._config.animationSpeed);
+                    }
+                });
+                setTimeout(() => {
+                    if (this._parent) {
+                        this._parent.classList.remove(CLASS_NAME_COLLAPSED, CLASS_NAME_EXPANDING);
+                    }
+                }, this._config.animationSpeed);
             }
-            else {
-                if (!document.body.classList.contains(CLASS_NAME_SIDEBAR_MINI)) {
-                    this.expand();
-                }
-                if (document.body.classList.contains(CLASS_NAME_SIDEBAR_MINI) && document.body.classList.contains(CLASS_NAME_SIDEBAR_COLLAPSE)) {
-                    this.collapse();
-                }
+            this._element?.dispatchEvent(event);
+        }
+        remove() {
+            const event = new Event(EVENT_REMOVE);
+            if (this._parent) {
+                slideUp(this._parent, this._config.animationSpeed);
             }
+            this._element?.dispatchEvent(event);
         }
         toggle() {
-            if (document.body.classList.contains(CLASS_NAME_SIDEBAR_COLLAPSE)) {
+            if (this._parent?.classList.contains(CLASS_NAME_COLLAPSED)) {
                 this.expand();
+                return;
             }
-            else {
-                this.collapse();
+            this.collapse();
+        }
+        maximize() {
+            const event = new Event(EVENT_MAXIMIZED$1);
+            if (this._parent) {
+                this._parent.style.height = `${this._parent.offsetHeight}px`;
+                this._parent.style.width = `${this._parent.offsetWidth}px`;
+                this._parent.style.transition = 'all .15s';
+                setTimeout(() => {
+                    const htmlTag = document.querySelector('html');
+                    if (htmlTag) {
+                        htmlTag.classList.add(CLASS_NAME_MAXIMIZED);
+                    }
+                    if (this._parent) {
+                        this._parent.classList.add(CLASS_NAME_MAXIMIZED);
+                        if (this._parent.classList.contains(CLASS_NAME_COLLAPSED)) {
+                            this._parent.classList.add(CLASS_NAME_WAS_COLLAPSED);
+                        }
+                    }
+                }, 150);
             }
+            this._element?.dispatchEvent(event);
         }
-        init() {
-            this.addSidebarBreakPoint();
+        minimize() {
+            const event = new Event(EVENT_MINIMIZED$1);
+            if (this._parent) {
+                this._parent.style.height = 'auto';
+                this._parent.style.width = 'auto';
+                this._parent.style.transition = 'all .15s';
+                setTimeout(() => {
+                    const htmlTag = document.querySelector('html');
+                    if (htmlTag) {
+                        htmlTag.classList.remove(CLASS_NAME_MAXIMIZED);
+                    }
+                    if (this._parent) {
+                        this._parent.classList.remove(CLASS_NAME_MAXIMIZED);
+                        if (this._parent?.classList.contains(CLASS_NAME_WAS_COLLAPSED)) {
+                            this._parent.classList.remove(CLASS_NAME_WAS_COLLAPSED);
+                        }
+                    }
+                }, 10);
+            }
+            this._element?.dispatchEvent(event);
+        }
+        toggleMaximize() {
+            if (this._parent?.classList.contains(CLASS_NAME_MAXIMIZED)) {
+                this.minimize();
+                return;
+            }
+            this.maximize();
         }
     }
     /**
-     * ------------------------------------------------------------------------
+     *
      * Data Api implementation
-     * ------------------------------------------------------------------------
+     * ====================================================
      */
     onDOMContentLoaded(() => {
-        var _a;
-        const sidebar = document === null || document === void 0 ? void 0 : document.querySelector(SELECTOR_APP_SIDEBAR);
-        if (sidebar) {
-            const data = new PushMenu(sidebar, Defaults);
-            data.init();
-            window.addEventListener('resize', () => {
-                data.init();
+        const collapseBtn = document.querySelectorAll(SELECTOR_DATA_COLLAPSE);
+        collapseBtn.forEach(btn => {
+            btn.addEventListener('click', event => {
+                event.preventDefault();
+                const target = event.target;
+                const data = new CardWidget(target, Default$1);
+                data.toggle();
             });
-        }
-        const sidebarOverlay = document.createElement('div');
-        sidebarOverlay.className = CLASS_NAME_SIDEBAR_OVERLAY;
-        (_a = document.querySelector(SELECTOR_APP_WRAPPER)) === null || _a === void 0 ? void 0 : _a.append(sidebarOverlay);
-        sidebarOverlay.addEventListener('touchstart', event => {
-            event.preventDefault();
-            const target = event.currentTarget;
-            const data = new PushMenu(target, Defaults);
-            data.collapse();
-        }, { passive: true });
-        sidebarOverlay.addEventListener('click', event => {
-            event.preventDefault();
-            const target = event.currentTarget;
-            const data = new PushMenu(target, Defaults);
-            data.collapse();
         });
-        const fullBtn = document.querySelectorAll(SELECTOR_SIDEBAR_TOGGLE);
-        fullBtn.forEach(btn => {
+        const removeBtn = document.querySelectorAll(SELECTOR_DATA_REMOVE);
+        removeBtn.forEach(btn => {
             btn.addEventListener('click', event => {
                 event.preventDefault();
-                let button = event.currentTarget;
-                if ((button === null || button === void 0 ? void 0 : button.dataset.lteToggle) !== 'sidebar') {
-                    button = button === null || button === void 0 ? void 0 : button.closest(SELECTOR_SIDEBAR_TOGGLE);
-                }
-                if (button) {
-                    event === null || event === void 0 ? void 0 : event.preventDefault();
-                    const data = new PushMenu(button, Defaults);
-                    data.toggle();
-                }
+                const target = event.target;
+                const data = new CardWidget(target, Default$1);
+                data.remove();
+            });
+        });
+        const maxBtn = document.querySelectorAll(SELECTOR_DATA_MAXIMIZE);
+        maxBtn.forEach(btn => {
+            btn.addEventListener('click', event => {
+                event.preventDefault();
+                const target = event.target;
+                const data = new CardWidget(target, Default$1);
+                data.toggleMaximize();
             });
         });
     });
@@ -287,15 +327,15 @@
     // const NAME = 'Treeview'
     const DATA_KEY$3 = 'lte.treeview';
     const EVENT_KEY$3 = `.${DATA_KEY$3}`;
-    const EVENT_EXPANDED$2 = `expanded${EVENT_KEY$3}`;
-    const EVENT_COLLAPSED$2 = `collapsed${EVENT_KEY$3}`;
+    const EVENT_EXPANDED$1 = `expanded${EVENT_KEY$3}`;
+    const EVENT_COLLAPSED$1 = `collapsed${EVENT_KEY$3}`;
     // const EVENT_LOAD_DATA_API = `load${EVENT_KEY}`
-    const CLASS_NAME_MENU_OPEN = 'menu-open';
-    const SELECTOR_NAV_ITEM = '.nav-item';
+    const CLASS_NAME_MENU_OPEN$1 = 'menu-open';
+    const SELECTOR_NAV_ITEM$1 = '.nav-item';
     const SELECTOR_NAV_LINK = '.nav-link';
     const SELECTOR_TREEVIEW_MENU = '.nav-treeview';
     const SELECTOR_DATA_TOGGLE$1 = '[data-lte-toggle="treeview"]';
-    const Default$1 = {
+    const Default = {
         animationSpeed: 300,
         accordion: true
     };
@@ -304,44 +344,44 @@
      * ====================================================
      */
     class Treeview {
+        _element;
+        _config;
         constructor(element, config) {
             this._element = element;
-            this._config = Object.assign(Object.assign({}, Default$1), config);
+            this._config = { ...Default, ...config };
         }
         open() {
-            var _a, _b;
-            const event = new Event(EVENT_EXPANDED$2);
+            const event = new Event(EVENT_EXPANDED$1);
             if (this._config.accordion) {
-                const openMenuList = (_a = this._element.parentElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`${SELECTOR_NAV_ITEM}.${CLASS_NAME_MENU_OPEN}`);
-                openMenuList === null || openMenuList === void 0 ? void 0 : openMenuList.forEach(openMenu => {
+                const openMenuList = this._element.parentElement?.querySelectorAll(`${SELECTOR_NAV_ITEM$1}.${CLASS_NAME_MENU_OPEN$1}`);
+                openMenuList?.forEach(openMenu => {
                     if (openMenu !== this._element.parentElement) {
-                        openMenu.classList.remove(CLASS_NAME_MENU_OPEN);
-                        const childElement = openMenu === null || openMenu === void 0 ? void 0 : openMenu.querySelector(SELECTOR_TREEVIEW_MENU);
+                        openMenu.classList.remove(CLASS_NAME_MENU_OPEN$1);
+                        const childElement = openMenu?.querySelector(SELECTOR_TREEVIEW_MENU);
                         if (childElement) {
                             slideUp(childElement, this._config.animationSpeed);
                         }
                     }
                 });
             }
-            this._element.classList.add(CLASS_NAME_MENU_OPEN);
-            const childElement = (_b = this._element) === null || _b === void 0 ? void 0 : _b.querySelector(SELECTOR_TREEVIEW_MENU);
+            this._element.classList.add(CLASS_NAME_MENU_OPEN$1);
+            const childElement = this._element?.querySelector(SELECTOR_TREEVIEW_MENU);
             if (childElement) {
                 slideDown(childElement, this._config.animationSpeed);
             }
             this._element.dispatchEvent(event);
         }
         close() {
-            var _a;
-            const event = new Event(EVENT_COLLAPSED$2);
-            this._element.classList.remove(CLASS_NAME_MENU_OPEN);
-            const childElement = (_a = this._element) === null || _a === void 0 ? void 0 : _a.querySelector(SELECTOR_TREEVIEW_MENU);
+            const event = new Event(EVENT_COLLAPSED$1);
+            this._element.classList.remove(CLASS_NAME_MENU_OPEN$1);
+            const childElement = this._element?.querySelector(SELECTOR_TREEVIEW_MENU);
             if (childElement) {
                 slideUp(childElement, this._config.animationSpeed);
             }
             this._element.dispatchEvent(event);
         }
         toggle() {
-            if (this._element.classList.contains(CLASS_NAME_MENU_OPEN)) {
+            if (this._element.classList.contains(CLASS_NAME_MENU_OPEN$1)) {
                 this.close();
             }
             else {
@@ -359,13 +399,22 @@
         button.forEach(btn => {
             btn.addEventListener('click', event => {
                 const target = event.target;
-                const targetItem = target.closest(SELECTOR_NAV_ITEM);
+                const targetItem = target.closest(SELECTOR_NAV_ITEM$1);
                 const targetLink = target.closest(SELECTOR_NAV_LINK);
-                if ((target === null || target === void 0 ? void 0 : target.getAttribute('href')) === '#' || (targetLink === null || targetLink === void 0 ? void 0 : targetLink.getAttribute('href')) === '#') {
+                const lteToggleElement = event.currentTarget;
+                if (target?.getAttribute('href') === '#' || targetLink?.getAttribute('href') === '#') {
                     event.preventDefault();
                 }
                 if (targetItem) {
-                    const data = new Treeview(targetItem, Default$1);
+                    // Read data attributes
+                    const accordionAttr = lteToggleElement.dataset.accordion;
+                    const animationSpeedAttr = lteToggleElement.dataset.animationSpeed;
+                    // Build config from data attributes, fallback to Default
+                    const config = {
+                        accordion: accordionAttr === undefined ? Default.accordion : accordionAttr === 'true',
+                        animationSpeed: animationSpeedAttr === undefined ? Default.animationSpeed : Number(animationSpeedAttr)
+                    };
+                    const data = new Treeview(targetItem, config);
                     data.toggle();
                 }
             });
@@ -385,8 +434,8 @@
      */
     const DATA_KEY$2 = 'lte.direct-chat';
     const EVENT_KEY$2 = `.${DATA_KEY$2}`;
-    const EVENT_EXPANDED$1 = `expanded${EVENT_KEY$2}`;
-    const EVENT_COLLAPSED$1 = `collapsed${EVENT_KEY$2}`;
+    const EVENT_EXPANDED = `expanded${EVENT_KEY$2}`;
+    const EVENT_COLLAPSED = `collapsed${EVENT_KEY$2}`;
     const SELECTOR_DATA_TOGGLE = '[data-lte-toggle="chat-pane"]';
     const SELECTOR_DIRECT_CHAT = '.direct-chat';
     const CLASS_NAME_DIRECT_CHAT_OPEN = 'direct-chat-contacts-open';
@@ -395,17 +444,18 @@
      * ====================================================
      */
     class DirectChat {
+        _element;
         constructor(element) {
             this._element = element;
         }
         toggle() {
             if (this._element.classList.contains(CLASS_NAME_DIRECT_CHAT_OPEN)) {
-                const event = new Event(EVENT_COLLAPSED$1);
+                const event = new Event(EVENT_COLLAPSED);
                 this._element.classList.remove(CLASS_NAME_DIRECT_CHAT_OPEN);
                 this._element.dispatchEvent(event);
             }
             else {
-                const event = new Event(EVENT_EXPANDED$1);
+                const event = new Event(EVENT_EXPANDED);
                 this._element.classList.add(CLASS_NAME_DIRECT_CHAT_OPEN);
                 this._element.dispatchEvent(event);
             }
@@ -433,220 +483,32 @@
 
     /**
      * --------------------------------------------
-     * @file AdminLTE card-widget.ts
-     * @description Card widget for AdminLTE.
+     * @file AdminLTE fullscreen.ts
+     * @description Fullscreen plugin for AdminLTE.
      * @license MIT
      * --------------------------------------------
      */
     /**
      * Constants
-     * ====================================================
+     * ============================================================================
      */
-    const DATA_KEY$1 = 'lte.card-widget';
+    const DATA_KEY$1 = 'lte.fullscreen';
     const EVENT_KEY$1 = `.${DATA_KEY$1}`;
-    const EVENT_COLLAPSED = `collapsed${EVENT_KEY$1}`;
-    const EVENT_EXPANDED = `expanded${EVENT_KEY$1}`;
-    const EVENT_REMOVE = `remove${EVENT_KEY$1}`;
-    const EVENT_MAXIMIZED$1 = `maximized${EVENT_KEY$1}`;
-    const EVENT_MINIMIZED$1 = `minimized${EVENT_KEY$1}`;
-    const CLASS_NAME_CARD = 'card';
-    const CLASS_NAME_COLLAPSED = 'collapsed-card';
-    const CLASS_NAME_COLLAPSING = 'collapsing-card';
-    const CLASS_NAME_EXPANDING = 'expanding-card';
-    const CLASS_NAME_WAS_COLLAPSED = 'was-collapsed';
-    const CLASS_NAME_MAXIMIZED = 'maximized-card';
-    const SELECTOR_DATA_REMOVE = '[data-lte-toggle="card-remove"]';
-    const SELECTOR_DATA_COLLAPSE = '[data-lte-toggle="card-collapse"]';
-    const SELECTOR_DATA_MAXIMIZE = '[data-lte-toggle="card-maximize"]';
-    const SELECTOR_CARD = `.${CLASS_NAME_CARD}`;
-    const SELECTOR_CARD_BODY = '.card-body';
-    const SELECTOR_CARD_FOOTER = '.card-footer';
-    const Default = {
-        animationSpeed: 500,
-        collapseTrigger: SELECTOR_DATA_COLLAPSE,
-        removeTrigger: SELECTOR_DATA_REMOVE,
-        maximizeTrigger: SELECTOR_DATA_MAXIMIZE
-    };
-    class CardWidget {
+    const EVENT_MAXIMIZED = `maximized${EVENT_KEY$1}`;
+    const EVENT_MINIMIZED = `minimized${EVENT_KEY$1}`;
+    const SELECTOR_FULLSCREEN_TOGGLE = '[data-lte-toggle="fullscreen"]';
+    const SELECTOR_MAXIMIZE_ICON = '[data-lte-icon="maximize"]';
+    const SELECTOR_MINIMIZE_ICON = '[data-lte-icon="minimize"]';
+    /**
+     * Class Definition.
+     * ============================================================================
+     */
+    class FullScreen {
+        _element;
+        _config;
         constructor(element, config) {
             this._element = element;
-            this._parent = element.closest(SELECTOR_CARD);
-            if (element.classList.contains(CLASS_NAME_CARD)) {
-                this._parent = element;
-            }
-            this._config = Object.assign(Object.assign({}, Default), config);
-        }
-        collapse() {
-            var _a, _b;
-            const event = new Event(EVENT_COLLAPSED);
-            if (this._parent) {
-                this._parent.classList.add(CLASS_NAME_COLLAPSING);
-                const elm = (_a = this._parent) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`${SELECTOR_CARD_BODY}, ${SELECTOR_CARD_FOOTER}`);
-                elm.forEach(el => {
-                    if (el instanceof HTMLElement) {
-                        slideUp(el, this._config.animationSpeed);
-                    }
-                });
-                setTimeout(() => {
-                    if (this._parent) {
-                        this._parent.classList.add(CLASS_NAME_COLLAPSED);
-                        this._parent.classList.remove(CLASS_NAME_COLLAPSING);
-                    }
-                }, this._config.animationSpeed);
-            }
-            (_b = this._element) === null || _b === void 0 ? void 0 : _b.dispatchEvent(event);
-        }
-        expand() {
-            var _a, _b;
-            const event = new Event(EVENT_EXPANDED);
-            if (this._parent) {
-                this._parent.classList.add(CLASS_NAME_EXPANDING);
-                const elm = (_a = this._parent) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`${SELECTOR_CARD_BODY}, ${SELECTOR_CARD_FOOTER}`);
-                elm.forEach(el => {
-                    if (el instanceof HTMLElement) {
-                        slideDown(el, this._config.animationSpeed);
-                    }
-                });
-                setTimeout(() => {
-                    if (this._parent) {
-                        this._parent.classList.remove(CLASS_NAME_COLLAPSED);
-                        this._parent.classList.remove(CLASS_NAME_EXPANDING);
-                    }
-                }, this._config.animationSpeed);
-            }
-            (_b = this._element) === null || _b === void 0 ? void 0 : _b.dispatchEvent(event);
-        }
-        remove() {
-            var _a;
-            const event = new Event(EVENT_REMOVE);
-            if (this._parent) {
-                slideUp(this._parent, this._config.animationSpeed);
-            }
-            (_a = this._element) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
-        }
-        toggle() {
-            var _a;
-            if ((_a = this._parent) === null || _a === void 0 ? void 0 : _a.classList.contains(CLASS_NAME_COLLAPSED)) {
-                this.expand();
-                return;
-            }
-            this.collapse();
-        }
-        maximize() {
-            var _a;
-            const event = new Event(EVENT_MAXIMIZED$1);
-            if (this._parent) {
-                this._parent.style.height = `${this._parent.offsetHeight}px`;
-                this._parent.style.width = `${this._parent.offsetWidth}px`;
-                this._parent.style.transition = 'all .15s';
-                setTimeout(() => {
-                    const htmlTag = document.querySelector('html');
-                    if (htmlTag) {
-                        htmlTag.classList.add(CLASS_NAME_MAXIMIZED);
-                    }
-                    if (this._parent) {
-                        this._parent.classList.add(CLASS_NAME_MAXIMIZED);
-                        if (this._parent.classList.contains(CLASS_NAME_COLLAPSED)) {
-                            this._parent.classList.add(CLASS_NAME_WAS_COLLAPSED);
-                        }
-                    }
-                }, 150);
-            }
-            (_a = this._element) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
-        }
-        minimize() {
-            var _a;
-            const event = new Event(EVENT_MINIMIZED$1);
-            if (this._parent) {
-                this._parent.style.height = 'auto';
-                this._parent.style.width = 'auto';
-                this._parent.style.transition = 'all .15s';
-                setTimeout(() => {
-                    var _a;
-                    const htmlTag = document.querySelector('html');
-                    if (htmlTag) {
-                        htmlTag.classList.remove(CLASS_NAME_MAXIMIZED);
-                    }
-                    if (this._parent) {
-                        this._parent.classList.remove(CLASS_NAME_MAXIMIZED);
-                        if ((_a = this._parent) === null || _a === void 0 ? void 0 : _a.classList.contains(CLASS_NAME_WAS_COLLAPSED)) {
-                            this._parent.classList.remove(CLASS_NAME_WAS_COLLAPSED);
-                        }
-                    }
-                }, 10);
-            }
-            (_a = this._element) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
-        }
-        toggleMaximize() {
-            var _a;
-            if ((_a = this._parent) === null || _a === void 0 ? void 0 : _a.classList.contains(CLASS_NAME_MAXIMIZED)) {
-                this.minimize();
-                return;
-            }
-            this.maximize();
-        }
-    }
-    /**
-     *
-     * Data Api implementation
-     * ====================================================
-     */
-    onDOMContentLoaded(() => {
-        const collapseBtn = document.querySelectorAll(SELECTOR_DATA_COLLAPSE);
-        collapseBtn.forEach(btn => {
-            btn.addEventListener('click', event => {
-                event.preventDefault();
-                const target = event.target;
-                const data = new CardWidget(target, Default);
-                data.toggle();
-            });
-        });
-        const removeBtn = document.querySelectorAll(SELECTOR_DATA_REMOVE);
-        removeBtn.forEach(btn => {
-            btn.addEventListener('click', event => {
-                event.preventDefault();
-                const target = event.target;
-                const data = new CardWidget(target, Default);
-                data.remove();
-            });
-        });
-        const maxBtn = document.querySelectorAll(SELECTOR_DATA_MAXIMIZE);
-        maxBtn.forEach(btn => {
-            btn.addEventListener('click', event => {
-                event.preventDefault();
-                const target = event.target;
-                const data = new CardWidget(target, Default);
-                data.toggleMaximize();
-            });
-        });
-    });
-
-    /**
-     * --------------------------------------------
-     * @file AdminLTE fullscreen.ts
-     * @description Fullscreen plugin for AdminLTE.
-     * @license MIT
-     * --------------------------------------------
-     */
-    /**
-     * Constants
-     * ============================================================================
-     */
-    const DATA_KEY = 'lte.fullscreen';
-    const EVENT_KEY = `.${DATA_KEY}`;
-    const EVENT_MAXIMIZED = `maximized${EVENT_KEY}`;
-    const EVENT_MINIMIZED = `minimized${EVENT_KEY}`;
-    const SELECTOR_FULLSCREEN_TOGGLE = '[data-lte-toggle="fullscreen"]';
-    const SELECTOR_MAXIMIZE_ICON = '[data-lte-icon="maximize"]';
-    const SELECTOR_MINIMIZE_ICON = '[data-lte-icon="minimize"]';
-    /**
-     * Class Definition.
-     * ============================================================================
-     */
-    class FullScreen {
-        constructor(element, config) {
-            this._element = element;
-            this._config = config;
+            this._config = config;
         }
         inFullScreen() {
             const event = new Event(EVENT_MAXIMIZED);
@@ -704,12 +566,600 @@
         });
     });
 
+    /**
+     * --------------------------------------------
+     * @file AdminLTE push-menu.ts
+     * @description Push menu for AdminLTE.
+     * @license MIT
+     * --------------------------------------------
+     */
+    /**
+     * ------------------------------------------------------------------------
+     * Constants
+     * ------------------------------------------------------------------------
+     */
+    const DATA_KEY = 'lte.push-menu';
+    const EVENT_KEY = `.${DATA_KEY}`;
+    const EVENT_OPEN = `open${EVENT_KEY}`;
+    const EVENT_COLLAPSE = `collapse${EVENT_KEY}`;
+    const CLASS_NAME_SIDEBAR_MINI = 'sidebar-mini';
+    const CLASS_NAME_SIDEBAR_COLLAPSE = 'sidebar-collapse';
+    const CLASS_NAME_SIDEBAR_OPEN = 'sidebar-open';
+    const CLASS_NAME_SIDEBAR_EXPAND = 'sidebar-expand';
+    const CLASS_NAME_SIDEBAR_OVERLAY = 'sidebar-overlay';
+    const CLASS_NAME_MENU_OPEN = 'menu-open';
+    const SELECTOR_APP_SIDEBAR = '.app-sidebar';
+    const SELECTOR_SIDEBAR_MENU = '.sidebar-menu';
+    const SELECTOR_NAV_ITEM = '.nav-item';
+    const SELECTOR_NAV_TREEVIEW = '.nav-treeview';
+    const SELECTOR_APP_WRAPPER = '.app-wrapper';
+    const SELECTOR_SIDEBAR_EXPAND = `[class*="${CLASS_NAME_SIDEBAR_EXPAND}"]`;
+    const SELECTOR_SIDEBAR_TOGGLE = '[data-lte-toggle="sidebar"]';
+    const Defaults = {
+        sidebarBreakpoint: 992
+    };
+    /**
+     * Class Definition
+     * ====================================================
+     */
+    class PushMenu {
+        _element;
+        _config;
+        constructor(element, config) {
+            this._element = element;
+            this._config = { ...Defaults, ...config };
+        }
+        menusClose() {
+            const navTreeview = document.querySelectorAll(SELECTOR_NAV_TREEVIEW);
+            navTreeview.forEach(navTree => {
+                navTree.style.removeProperty('display');
+                navTree.style.removeProperty('height');
+            });
+            const navSidebar = document.querySelector(SELECTOR_SIDEBAR_MENU);
+            const navItem = navSidebar?.querySelectorAll(SELECTOR_NAV_ITEM);
+            if (navItem) {
+                navItem.forEach(navI => {
+                    navI.classList.remove(CLASS_NAME_MENU_OPEN);
+                });
+            }
+        }
+        expand() {
+            const event = new Event(EVENT_OPEN);
+            document.body.classList.remove(CLASS_NAME_SIDEBAR_COLLAPSE);
+            document.body.classList.add(CLASS_NAME_SIDEBAR_OPEN);
+            this._element.dispatchEvent(event);
+        }
+        collapse() {
+            const event = new Event(EVENT_COLLAPSE);
+            document.body.classList.remove(CLASS_NAME_SIDEBAR_OPEN);
+            document.body.classList.add(CLASS_NAME_SIDEBAR_COLLAPSE);
+            this._element.dispatchEvent(event);
+        }
+        addSidebarBreakPoint() {
+            const sidebarExpandList = document.querySelector(SELECTOR_SIDEBAR_EXPAND)?.classList ?? [];
+            const sidebarExpand = Array.from(sidebarExpandList).find(className => className.startsWith(CLASS_NAME_SIDEBAR_EXPAND)) ?? '';
+            const sidebar = document.getElementsByClassName(sidebarExpand)[0];
+            const sidebarContent = globalThis.getComputedStyle(sidebar, '::before').getPropertyValue('content');
+            this._config = { ...this._config, sidebarBreakpoint: Number(sidebarContent.replace(/[^\d.-]/g, '')) };
+            if (window.innerWidth <= this._config.sidebarBreakpoint) {
+                this.collapse();
+            }
+            else {
+                if (!document.body.classList.contains(CLASS_NAME_SIDEBAR_MINI)) {
+                    this.expand();
+                }
+                if (document.body.classList.contains(CLASS_NAME_SIDEBAR_MINI) && document.body.classList.contains(CLASS_NAME_SIDEBAR_COLLAPSE)) {
+                    this.collapse();
+                }
+            }
+        }
+        toggle() {
+            if (document.body.classList.contains(CLASS_NAME_SIDEBAR_COLLAPSE)) {
+                this.expand();
+            }
+            else {
+                this.collapse();
+            }
+        }
+        init() {
+            this.addSidebarBreakPoint();
+        }
+    }
+    /**
+     * ------------------------------------------------------------------------
+     * Data Api implementation
+     * ------------------------------------------------------------------------
+     */
+    onDOMContentLoaded(() => {
+        const sidebar = document?.querySelector(SELECTOR_APP_SIDEBAR);
+        if (sidebar) {
+            const data = new PushMenu(sidebar, Defaults);
+            data.init();
+            window.addEventListener('resize', () => {
+                data.init();
+            });
+        }
+        const sidebarOverlay = document.createElement('div');
+        sidebarOverlay.className = CLASS_NAME_SIDEBAR_OVERLAY;
+        document.querySelector(SELECTOR_APP_WRAPPER)?.append(sidebarOverlay);
+        sidebarOverlay.addEventListener('touchstart', event => {
+            event.preventDefault();
+            const target = event.currentTarget;
+            const data = new PushMenu(target, Defaults);
+            data.collapse();
+        }, { passive: true });
+        sidebarOverlay.addEventListener('click', event => {
+            event.preventDefault();
+            const target = event.currentTarget;
+            const data = new PushMenu(target, Defaults);
+            data.collapse();
+        });
+        const fullBtn = document.querySelectorAll(SELECTOR_SIDEBAR_TOGGLE);
+        fullBtn.forEach(btn => {
+            btn.addEventListener('click', event => {
+                event.preventDefault();
+                let button = event.currentTarget;
+                if (button?.dataset.lteToggle !== 'sidebar') {
+                    button = button?.closest(SELECTOR_SIDEBAR_TOGGLE);
+                }
+                if (button) {
+                    event?.preventDefault();
+                    const data = new PushMenu(button, Defaults);
+                    data.toggle();
+                }
+            });
+        });
+    });
+
+    /**
+     * AdminLTE Accessibility Module
+     * WCAG 2.1 AA Compliance Features
+     */
+    class AccessibilityManager {
+        config;
+        liveRegion = null;
+        focusHistory = [];
+        constructor(config = {}) {
+            this.config = {
+                announcements: true,
+                skipLinks: true,
+                focusManagement: true,
+                keyboardNavigation: true,
+                reducedMotion: true,
+                ...config
+            };
+            this.init();
+        }
+        init() {
+            if (this.config.announcements) {
+                this.createLiveRegion();
+            }
+            if (this.config.skipLinks) {
+                this.addSkipLinks();
+            }
+            if (this.config.focusManagement) {
+                this.initFocusManagement();
+            }
+            if (this.config.keyboardNavigation) {
+                this.initKeyboardNavigation();
+            }
+            if (this.config.reducedMotion) {
+                this.respectReducedMotion();
+            }
+            this.initErrorAnnouncements();
+            this.initTableAccessibility();
+            this.initFormAccessibility();
+        }
+        // WCAG 4.1.3: Status Messages
+        createLiveRegion() {
+            if (this.liveRegion)
+                return;
+            this.liveRegion = document.createElement('div');
+            this.liveRegion.id = 'live-region';
+            this.liveRegion.className = 'live-region';
+            this.liveRegion.setAttribute('aria-live', 'polite');
+            this.liveRegion.setAttribute('aria-atomic', 'true');
+            this.liveRegion.setAttribute('role', 'status');
+            document.body.append(this.liveRegion);
+        }
+        // WCAG 2.4.1: Bypass Blocks
+        addSkipLinks() {
+            const skipLinksContainer = document.createElement('div');
+            skipLinksContainer.className = 'skip-links';
+            const skipToMain = document.createElement('a');
+            skipToMain.href = '#main';
+            skipToMain.className = 'skip-link';
+            skipToMain.textContent = 'Skip to main content';
+            const skipToNav = document.createElement('a');
+            skipToNav.href = '#navigation';
+            skipToNav.className = 'skip-link';
+            skipToNav.textContent = 'Skip to navigation';
+            skipLinksContainer.append(skipToMain);
+            skipLinksContainer.append(skipToNav);
+            document.body.insertBefore(skipLinksContainer, document.body.firstChild);
+            // Ensure targets exist and are focusable
+            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');
+            }
+        }
+        // WCAG 2.4.3: Focus Order & 2.4.7: Focus Visible
+        initFocusManagement() {
+            document.addEventListener('keydown', (event) => {
+                if (event.key === 'Tab') {
+                    this.handleTabNavigation(event);
+                }
+                if (event.key === 'Escape') {
+                    this.handleEscapeKey(event);
+                }
+            });
+            // Focus management for modals and dropdowns
+            this.initModalFocusManagement();
+            this.initDropdownFocusManagement();
+        }
+        handleTabNavigation(event) {
+            const focusableElements = this.getFocusableElements();
+            const currentIndex = focusableElements.indexOf(document.activeElement);
+            if (event.shiftKey) {
+                // Shift+Tab (backward)
+                if (currentIndex <= 0) {
+                    event.preventDefault();
+                    focusableElements.at(-1)?.focus();
+                }
+            }
+            else if (currentIndex >= focusableElements.length - 1) {
+                // Tab (forward)
+                event.preventDefault();
+                focusableElements[0]?.focus();
+            }
+        }
+        getFocusableElements() {
+            const selector = [
+                'a[href]',
+                'button:not([disabled])',
+                'input:not([disabled])',
+                'select:not([disabled])',
+                'textarea:not([disabled])',
+                '[tabindex]:not([tabindex="-1"])',
+                '[contenteditable="true"]'
+            ].join(', ');
+            return Array.from(document.querySelectorAll(selector));
+        }
+        handleEscapeKey(event) {
+            // Close modals, dropdowns, etc.
+            const activeModal = document.querySelector('.modal.show');
+            const activeDropdown = document.querySelector('.dropdown-menu.show');
+            if (activeModal) {
+                const closeButton = activeModal.querySelector('[data-bs-dismiss="modal"]');
+                closeButton?.click();
+                event.preventDefault();
+            }
+            else if (activeDropdown) {
+                const toggleButton = document.querySelector('[data-bs-toggle="dropdown"][aria-expanded="true"]');
+                toggleButton?.click();
+                event.preventDefault();
+            }
+        }
+        // WCAG 2.1.1: Keyboard Access
+        initKeyboardNavigation() {
+            // Add keyboard support for custom components
+            document.addEventListener('keydown', (event) => {
+                const target = event.target;
+                // Handle arrow key navigation for menus
+                if (target.closest('.nav, .navbar-nav, .dropdown-menu')) {
+                    this.handleMenuNavigation(event);
+                }
+                // Handle Enter and Space for custom buttons
+                if ((event.key === 'Enter' || event.key === ' ') && target.hasAttribute('role') && target.getAttribute('role') === 'button' && !target.matches('button, input[type="button"], input[type="submit"]')) {
+                    event.preventDefault();
+                    target.click();
+                }
+            });
+        }
+        handleMenuNavigation(event) {
+            if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) {
+                return;
+            }
+            const currentElement = event.target;
+            const menuItems = Array.from(currentElement.closest('.nav, .navbar-nav, .dropdown-menu')?.querySelectorAll('a, button') || []);
+            const currentIndex = menuItems.indexOf(currentElement);
+            let nextIndex;
+            switch (event.key) {
+                case 'ArrowDown':
+                case 'ArrowRight': {
+                    nextIndex = currentIndex < menuItems.length - 1 ? currentIndex + 1 : 0;
+                    break;
+                }
+                case 'ArrowUp':
+                case 'ArrowLeft': {
+                    nextIndex = currentIndex > 0 ? currentIndex - 1 : menuItems.length - 1;
+                    break;
+                }
+                case 'Home': {
+                    nextIndex = 0;
+                    break;
+                }
+                case 'End': {
+                    nextIndex = menuItems.length - 1;
+                    break;
+                }
+                default: {
+                    return;
+                }
+            }
+            event.preventDefault();
+            menuItems[nextIndex]?.focus();
+        }
+        // WCAG 2.3.3: Animation from Interactions
+        respectReducedMotion() {
+            const prefersReducedMotion = globalThis.matchMedia('(prefers-reduced-motion: reduce)').matches;
+            if (prefersReducedMotion) {
+                document.body.classList.add('reduce-motion');
+                // Disable smooth scrolling
+                document.documentElement.style.scrollBehavior = 'auto';
+                // Reduce animation duration
+                const style = document.createElement('style');
+                style.textContent = `
+        *, *::before, *::after {
+          animation-duration: 0.01ms !important;
+          animation-iteration-count: 1 !important;
+          transition-duration: 0.01ms !important;
+        }
+      `;
+                document.head.append(style);
+            }
+        }
+        // WCAG 3.3.1: Error Identification
+        initErrorAnnouncements() {
+            const observer = new MutationObserver((mutations) => {
+                mutations.forEach((mutation) => {
+                    mutation.addedNodes.forEach((node) => {
+                        if (node.nodeType === Node.ELEMENT_NODE) {
+                            const element = node;
+                            // Check for error messages
+                            if (element.matches('.alert-danger, .invalid-feedback, .error')) {
+                                this.announce(element.textContent || 'Error occurred', 'assertive');
+                            }
+                            // Check for success messages
+                            if (element.matches('.alert-success, .success')) {
+                                this.announce(element.textContent || 'Success', 'polite');
+                            }
+                        }
+                    });
+                });
+            });
+            observer.observe(document.body, {
+                childList: true,
+                subtree: true
+            });
+        }
+        // WCAG 1.3.1: Info and Relationships
+        initTableAccessibility() {
+            document.querySelectorAll('table').forEach((table) => {
+                // Add table role if missing
+                if (!table.hasAttribute('role')) {
+                    table.setAttribute('role', 'table');
+                }
+                // Ensure headers have proper scope
+                table.querySelectorAll('th').forEach((th) => {
+                    if (!th.hasAttribute('scope')) {
+                        const isInThead = th.closest('thead');
+                        const isFirstColumn = th.cellIndex === 0;
+                        if (isInThead) {
+                            th.setAttribute('scope', 'col');
+                        }
+                        else if (isFirstColumn) {
+                            th.setAttribute('scope', 'row');
+                        }
+                    }
+                });
+                // Add caption if missing but title exists
+                if (!table.querySelector('caption') && table.hasAttribute('title')) {
+                    const caption = document.createElement('caption');
+                    caption.textContent = table.getAttribute('title') || '';
+                    table.insertBefore(caption, table.firstChild);
+                }
+            });
+        }
+        // WCAG 3.3.2: Labels or Instructions
+        initFormAccessibility() {
+            document.querySelectorAll('input, select, textarea').forEach((input) => {
+                const htmlInput = input;
+                // Ensure all inputs have labels
+                if (!htmlInput.labels?.length && !htmlInput.hasAttribute('aria-label') && !htmlInput.hasAttribute('aria-labelledby')) {
+                    const placeholder = htmlInput.getAttribute('placeholder');
+                    if (placeholder) {
+                        htmlInput.setAttribute('aria-label', placeholder);
+                    }
+                }
+                // Add required indicators
+                if (htmlInput.hasAttribute('required')) {
+                    const label = htmlInput.labels?.[0];
+                    if (label && !label.querySelector('.required-indicator')) {
+                        const indicator = document.createElement('span');
+                        indicator.className = 'required-indicator sr-only';
+                        indicator.textContent = ' (required)';
+                        label.append(indicator);
+                    }
+                }
+                // Handle invalid states
+                htmlInput.addEventListener('invalid', () => {
+                    this.handleFormError(htmlInput);
+                });
+            });
+        }
+        handleFormError(input) {
+            const errorId = `${input.id || input.name}-error`;
+            let errorElement = document.getElementById(errorId);
+            if (!errorElement) {
+                errorElement = document.createElement('div');
+                errorElement.id = errorId;
+                errorElement.className = 'invalid-feedback';
+                errorElement.setAttribute('role', 'alert');
+                input.parentNode?.insertBefore(errorElement, input.nextSibling);
+            }
+            errorElement.textContent = input.validationMessage;
+            input.setAttribute('aria-describedby', errorId);
+            input.classList.add('is-invalid');
+            this.announce(`Error in ${input.labels?.[0]?.textContent || input.name}: ${input.validationMessage}`, 'assertive');
+        }
+        // Modal focus management
+        initModalFocusManagement() {
+            document.addEventListener('shown.bs.modal', (event) => {
+                const modal = event.target;
+                const focusableElements = modal.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                if (focusableElements.length > 0) {
+                    focusableElements[0].focus();
+                }
+                // Store previous focus
+                this.focusHistory.push(document.activeElement);
+            });
+            document.addEventListener('hidden.bs.modal', () => {
+                // Restore previous focus
+                const previousElement = this.focusHistory.pop();
+                if (previousElement) {
+                    previousElement.focus();
+                }
+            });
+        }
+        // Dropdown focus management
+        initDropdownFocusManagement() {
+            document.addEventListener('shown.bs.dropdown', (event) => {
+                const dropdown = event.target;
+                const menu = dropdown.querySelector('.dropdown-menu');
+                const firstItem = menu?.querySelector('a, button');
+                if (firstItem) {
+                    firstItem.focus();
+                }
+            });
+        }
+        // Public API methods
+        announce(message, priority = 'polite') {
+            if (!this.liveRegion) {
+                this.createLiveRegion();
+            }
+            if (this.liveRegion) {
+                this.liveRegion.setAttribute('aria-live', priority);
+                this.liveRegion.textContent = message;
+                // Clear after announcement
+                setTimeout(() => {
+                    if (this.liveRegion) {
+                        this.liveRegion.textContent = '';
+                    }
+                }, 1000);
+            }
+        }
+        focusElement(selector) {
+            const element = document.querySelector(selector);
+            if (element) {
+                element.focus();
+                // Ensure element is visible
+                element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            }
+        }
+        trapFocus(container) {
+            const focusableElements = container.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+            const focusableArray = Array.from(focusableElements);
+            const firstElement = focusableArray[0];
+            const lastElement = focusableArray.at(-1);
+            container.addEventListener('keydown', (event) => {
+                if (event.key === 'Tab') {
+                    if (event.shiftKey) {
+                        if (document.activeElement === firstElement) {
+                            lastElement?.focus();
+                            event.preventDefault();
+                        }
+                    }
+                    else if (document.activeElement === lastElement) {
+                        firstElement.focus();
+                        event.preventDefault();
+                    }
+                }
+            });
+        }
+        addLandmarks() {
+            // Add main landmark if missing
+            const main = document.querySelector('main');
+            if (!main) {
+                const appMain = document.querySelector('.app-main');
+                if (appMain) {
+                    appMain.setAttribute('role', 'main');
+                    appMain.id = 'main';
+                }
+            }
+            // Add navigation landmarks
+            document.querySelectorAll('.navbar-nav, .nav').forEach((nav, index) => {
+                if (!nav.hasAttribute('role')) {
+                    nav.setAttribute('role', 'navigation');
+                }
+                if (!nav.hasAttribute('aria-label')) {
+                    nav.setAttribute('aria-label', `Navigation ${index + 1}`);
+                }
+            });
+            // Add search landmark
+            const searchForm = document.querySelector('form[role="search"], .navbar-search');
+            if (searchForm && !searchForm.hasAttribute('role')) {
+                searchForm.setAttribute('role', 'search');
+            }
+        }
+    }
+    // Initialize accessibility when DOM is ready
+    const initAccessibility = (config) => {
+        return new AccessibilityManager(config);
+    };
+
+    /**
+     * AdminLTE v4.0.0-rc1
+     * Author: Colorlib
+     * Website: AdminLTE.io <https://adminlte.io>
+     * License: Open source - MIT <https://opensource.org/licenses/MIT>
+     */
+    onDOMContentLoaded(() => {
+        /**
+         * Initialize AdminLTE Core Components
+         * -------------------------------
+         */
+        const layout = new Layout(document.body);
+        layout.holdTransition();
+        /**
+         * Initialize Accessibility Features - WCAG 2.1 AA Compliance
+         * --------------------------------------------------------
+         */
+        const accessibilityManager = initAccessibility({
+            announcements: true,
+            skipLinks: true,
+            focusManagement: true,
+            keyboardNavigation: true,
+            reducedMotion: true
+        });
+        // Add semantic landmarks
+        accessibilityManager.addLandmarks();
+        // Mark app as loaded after initialization
+        setTimeout(() => {
+            document.body.classList.add('app-loaded');
+        }, 400);
+    });
+
     exports.CardWidget = CardWidget;
     exports.DirectChat = DirectChat;
     exports.FullScreen = FullScreen;
     exports.Layout = Layout;
     exports.PushMenu = PushMenu;
     exports.Treeview = Treeview;
+    exports.initAccessibility = initAccessibility;
 
 }));
 //# sourceMappingURL=adminlte.js.map