@keenthemes/ktui 1.1.2 → 1.1.4

package/lib/esm/helpers/data.js

@@ -30,6 +30,14 @@ var KTData = {
             KTElementMap.delete(element);
         }
     },
+    // Clear all data for a specific element (useful for reinitialization)
+    clear: function (element) {
+        KTElementMap.delete(element);
+    },
 };
+// Expose KTData on window for external access (useful for Livewire wire:navigate)
+if (typeof window !== 'undefined') {
+    window.KTData = KTData;
+}
 export default KTData;
 //# sourceMappingURL=data.js.map

package/lib/esm/helpers/data.js.map

@@ -1 +1 @@
-{"version":3,"file":"data.js","sourceRoot":"","sources":["../../../src/helpers/data.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,IAAM,YAAY,GAAG,IAAI,GAAG,EAAE,CAAC;AAE/B,IAAM,MAAM,GAAG;IACd,GAAG,YAAC,OAAoB,EAAE,GAAW,EAAE,KAAc;QACpD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAChC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;QACtC,CAAC;QAED,IAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE3C,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,GAAG,YAAC,OAAoB,EAAE,GAAW;QACpC,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC/B,OAAO,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;QACnD,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC;IAED,GAAG,YAAC,OAAoB,EAAE,GAAW;QACpC,OAAO,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxE,CAAC;IAED,MAAM,YAAC,OAAoB,EAAE,GAAW;QACvC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YACvE,OAAO;QACR,CAAC;QAED,IAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE3C,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAErB,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YACzB,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;IACF,CAAC;CACD,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"data.js","sourceRoot":"","sources":["../../../src/helpers/data.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,IAAM,YAAY,GAAG,IAAI,GAAG,EAAE,CAAC;AAE/B,IAAM,MAAM,GAAG;IACd,GAAG,YAAC,OAAoB,EAAE,GAAW,EAAE,KAAc;QACpD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAChC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;QACtC,CAAC;QAED,IAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE3C,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,GAAG,YAAC,OAAoB,EAAE,GAAW;QACpC,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC/B,OAAO,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC;QACnD,CAAC;QAED,OAAO,IAAI,CAAC;IACb,CAAC;IAED,GAAG,YAAC,OAAoB,EAAE,GAAW;QACpC,OAAO,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxE,CAAC;IAED,MAAM,YAAC,OAAoB,EAAE,GAAW;QACvC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YACvE,OAAO;QACR,CAAC;QAED,IAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE3C,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAErB,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YACzB,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;IACF,CAAC;IAED,sEAAsE;IACtE,KAAK,YAAC,OAAoB;QACzB,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;CACD,CAAC;AAEF,kFAAkF;AAClF,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACnC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;AACxB,CAAC;AAED,eAAe,MAAM,CAAC"}

package/lib/esm/helpers/event-handler.js

@@ -12,13 +12,14 @@ var KTEventHandler = {
         }
         var eventId = KTUtils.geUID('event');
         KTDelegatedEventHandlers[eventId] = function (event) {
-            var targets = element.querySelectorAll(selector);
+            // Fix: Check selector dynamically instead of pre-computing targets
+            // This allows event delegation to work with dynamically added elements
             var target = event.target;
             while (target && target !== element) {
-                for (var i = 0, j = targets.length; i < j; i++) {
-                    if (target === targets[i]) {
-                        handler.call(_this, event, target);
-                    }
+                // Check if current target matches the selector
+                if (target.matches && target.matches(selector)) {
+                    handler.call(_this, event, target);
+                    return; // Stop bubbling once we've handled it
                 }
                 target = target.parentNode;
             }

package/lib/esm/helpers/event-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"event-handler.js","sourceRoot":"","sources":["../../../src/helpers/event-handler.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,OAAO,MAAM,SAAS,CAAC;AAM9B,IAAM,wBAAwB,GAAsC,EAAE,CAAC;AAEvE,IAAM,cAAc,GAAG;IACtB,EAAE,EAAE,UACH,OAAoB,EACpB,QAAgB,EAChB,SAAiB,EACjB,OAAuB;QAJpB,iBAgCH;QA1BA,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC;QACb,CAAC;QAED,IAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEvC,wBAAwB,CAAC,OAAO,CAAC,GAAG,UACnC,KAAsC;YAEtC,IAAM,OAAO,GAAG,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YACnD,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAE1B,OAAO,MAAM,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;gBACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBAChD,IAAI,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;wBAC3B,OAAO,CAAC,IAAI,CAAC,KAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;oBACnC,CAAC;gBACF,CAAC;gBAED,MAAM,GAAG,MAAM,CAAC,UAAyB,CAAC;YAC3C,CAAC;QACF,CAAC,CAAC;QAEF,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;QAEvE,OAAO,OAAO,CAAC;IAChB,CAAC;IAED,GAAG,YAAC,OAAoB,EAAE,SAAiB,EAAE,OAAe;QAC3D,IAAI,CAAC,OAAO,IAAI,wBAAwB,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;YAC5D,OAAO;QACR,CAAC;QAED,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;QAE1E,OAAO,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;CACD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"event-handler.js","sourceRoot":"","sources":["../../../src/helpers/event-handler.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,OAAO,MAAM,SAAS,CAAC;AAM9B,IAAM,wBAAwB,GAAsC,EAAE,CAAC;AAEvE,IAAM,cAAc,GAAG;IACtB,EAAE,EAAE,UACH,OAAoB,EACpB,QAAgB,EAChB,SAAiB,EACjB,OAAuB;QAJpB,iBAiCH;QA3BA,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC;QACb,CAAC;QAED,IAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEvC,wBAAwB,CAAC,OAAO,CAAC,GAAG,UACnC,KAAsC;YAEtC,mEAAmE;YACnE,uEAAuE;YACvE,IAAI,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;YAEzC,OAAO,MAAM,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;gBACrC,+CAA+C;gBAC/C,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAChD,OAAO,CAAC,IAAI,CAAC,KAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;oBAClC,OAAO,CAAC,sCAAsC;gBAC/C,CAAC;gBAED,MAAM,GAAG,MAAM,CAAC,UAAyB,CAAC;YAC3C,CAAC;QACF,CAAC,CAAC;QAEF,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;QAEvE,OAAO,OAAO,CAAC;IAChB,CAAC;IAED,GAAG,YAAC,OAAoB,EAAE,SAAiB,EAAE,OAAe;QAC3D,IAAI,CAAC,OAAO,IAAI,wBAAwB,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;YAC5D,OAAO;QACR,CAAC;QAED,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;QAE1E,OAAO,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;CACD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@keenthemes/ktui",
-	"version": "1.1.2",
+	"version": "1.1.4",
 	"description": "Free & Open-Source Tailwind UI Components by Keenthemes",
 	"homepage": "https://ktui.io",
 	"repository": {
@@ -85,7 +85,9 @@
 		"format:check": "npx prettier --check 'src/**/*.ts'",
 		"type-check": "npx tsc --noEmit --project tsconfig.lib.json",
 		"validate": "npm run lint && npm run format:check && npm run type-check",
-		"validate:fix": "npm run lint:fix && npm run format"
+		"validate:fix": "npm run lint:fix && npm run format",
+		"publish:npm": "node scripts/publish-npm.js",
+		"publish:github": "npm publish"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.27.3",

package/src/components/component.ts

@@ -27,6 +27,32 @@ export default class KTComponent {
 	protected _uid: string | null = null;
 	protected _element: HTMLElement | null = null;
 
+	/**
+	 * Check if component should skip initialization
+	 * Returns true if element already has an instance and is still connected to DOM
+	 * Returns false if element should be initialized (no instance or disconnected)
+	 * @param element The element to check
+	 * @returns true if initialization should be skipped, false otherwise
+	 */
+	protected _shouldSkipInit(element: HTMLElement): boolean {
+		if (!KTData.has(element, this._name)) {
+			return false;
+		}
+
+		const existingInstance = KTData.get(element, this._name) as KTComponent;
+
+		// If element is not connected to DOM, dispose old instance and allow reinitialization
+		if (element.isConnected === false) {
+			if (existingInstance && typeof existingInstance.dispose === 'function') {
+				existingInstance.dispose();
+			}
+			return false;
+		}
+
+		// Element is connected and has instance, skip initialization
+		return true;
+	}
+
 	protected _init(element: HTMLElement | null) {
 		element = KTDom.getElement(element);
 

package/src/components/datatable/__tests__/race-conditions.test.ts

@@ -42,7 +42,7 @@ describe('KTDataTable Race Condition Fixes', () => {
 			}
 
 			// Simulate network delay
-			return new Promise((resolve, reject) => {
+			return new Promise<Response>((resolve, reject) => {
 				const timeout = setTimeout(() => {
 					if (options?.signal?.aborted) {
 						reject(new DOMException('The operation was aborted.', 'AbortError'));
@@ -72,7 +72,7 @@ describe('KTDataTable Race Condition Fixes', () => {
 			});
 		});
 
-		global.fetch = mockFetch;
+		global.fetch = mockFetch as typeof fetch;
 	});
 
 	afterEach(() => {

package/src/components/datatable/datatable.ts

@@ -668,9 +668,15 @@ export class KTDataTable<T extends KTDataTableDataInterface>
 		this._storeOriginalClasses();
 
 		const rows = this._tbodyElement.querySelectorAll<HTMLTableRowElement>('tr');
-		const ths: NodeListOf<HTMLTableCellElement> = this._theadElement
+		
+		// Filter th elements to only include those with data-kt-datatable-column attribute
+		const allThs: NodeListOf<HTMLTableCellElement> = this._theadElement
 			? this._theadElement.querySelectorAll('th')
 			: ([] as unknown as NodeListOf<HTMLTableCellElement>);
+		
+		const ths: HTMLTableCellElement[] = Array.from(allThs).filter(th => 
+			th.hasAttribute('data-kt-datatable-column')
+		);
 
 		rows.forEach((row: HTMLTableRowElement) => {
 			const dataRow: T = {} as T;
@@ -702,9 +708,15 @@ export class KTDataTable<T extends KTDataTableDataInterface>
 	 */
 	private _localTableHeaderInvalidate(): boolean {
 		const { originalData } = this.getState();
-		const currentTableHeaders = this._theadElement
-			? this._theadElement.querySelectorAll('th').length
-			: 0;
+		
+		// Count only th elements with data-kt-datatable-column attribute
+		const allThs: NodeListOf<HTMLTableCellElement> = this._theadElement
+			? this._theadElement.querySelectorAll('th')
+			: ([] as unknown as NodeListOf<HTMLTableCellElement>);
+		const currentTableHeaders = Array.from(allThs).filter(th => 
+			th.hasAttribute('data-kt-datatable-column')
+		).length;
+		
 		const totalColumns = originalData.length
 			? Object.keys(originalData[0]).length
 			: 0;
@@ -998,9 +1010,15 @@ export class KTDataTable<T extends KTDataTableDataInterface>
 			return tbodyElement;
 		}
 
-		const ths: NodeListOf<HTMLTableCellElement> = this._theadElement
+		// Filter th elements to only include those with data-kt-datatable-column attribute
+		// This prevents creating blank td elements for merged header cells (colspan/rowspan)
+		const allThs: NodeListOf<HTMLTableCellElement> = this._theadElement
 			? this._theadElement.querySelectorAll('th')
 			: ([] as unknown as NodeListOf<HTMLTableCellElement>);
+		
+		const ths: HTMLTableCellElement[] = Array.from(allThs).filter(th => 
+			th.hasAttribute('data-kt-datatable-column')
+		);
 
 		this._data.forEach((item: T, rowIndex: number) => {
 			const row = document.createElement('tr');
@@ -1015,7 +1033,7 @@ export class KTDataTable<T extends KTDataTableDataInterface>
 					? this.getState().originalDataAttributes[rowIndex]
 					: null;
 
-				// Use the order of <th> elements to render <td>s in the correct order
+				// Use the order of <th> elements with data-kt-datatable-column to render <td>s in the correct order
 				ths.forEach((th, colIndex) => {
 					const colName = th.getAttribute('data-kt-datatable-column');
 					const td = document.createElement('td');
@@ -1777,7 +1795,14 @@ export class KTDataTable<T extends KTDataTableDataInterface>
 	public static getInstance(
 		element: HTMLElement,
 	): KTDataTable<KTDataTableDataInterface> | undefined {
-		return this._instances.get(element);
+		// First check the static Map (for instances created via createInstances)
+		const instanceFromMap = this._instances.get(element);
+		if (instanceFromMap) {
+			return instanceFromMap;
+		}
+
+		// Fallback to element's instance property (for manually created instances)
+		return (element as any).instance;
 	}
 
 	/**

package/src/components/drawer/drawer.ts

@@ -43,13 +43,16 @@ export class KTDrawer extends KTComponent implements KTDrawerInterface {
 	constructor(element: HTMLElement, config?: KTDrawerConfigInterface) {
 		super();
 
-		if (KTData.has(element as HTMLElement, this._name)) return;
+		if (KTData.has(element as HTMLElement, this._name)) {
+			return;
+		}
 
 		this._init(element);
 		this._buildConfig(config);
 		this._handleClose();
 		this._update();
 		this._handleContainer();
+
 	}
 
 	protected _handleClose(): void {
@@ -88,6 +91,28 @@ export class KTDrawer extends KTComponent implements KTDrawerInterface {
 
 		KTDrawer.hide();
 
+		// If drawer needs to be in front of backdrop, ensure it's in body (for proper z-index stacking)
+		// This ensures the drawer and backdrop are in the same stacking context
+		if (this._getOption('container') === 'body' && this._element.parentElement !== document.body) {
+			// Store original parent for restoration when hiding
+			if (!this._element.hasAttribute('data-kt-drawer-original-parent-id')) {
+				const originalParent = this._element.parentElement;
+				if (originalParent && originalParent !== document.body) {
+					this._element.setAttribute('data-kt-drawer-original-parent-id', originalParent.id || '');
+					// Store a reference to find the parent later (using closest to find Livewire component or header)
+					const livewireComponent = originalParent.closest('[wire\\:id]');
+					const header = originalParent.closest('header#header');
+					if (livewireComponent) {
+						this._element.setAttribute('data-kt-drawer-original-wire-id', (livewireComponent as HTMLElement).getAttribute('wire:id') || '');
+					}
+					if (header) {
+						this._element.setAttribute('data-kt-drawer-original-in-header', 'true');
+					}
+				}
+			}
+			document.body.appendChild(this._element);
+		}
+
 		if (this._getOption('backdrop') === true) this._createBackdrop();
 
 		if (relatedTarget) this._relatedTarget = relatedTarget;
@@ -162,6 +187,10 @@ export class KTDrawer extends KTComponent implements KTDrawerInterface {
 			this._element.classList.remove(this._getOption('shownClass') as string);
 			this._element.style.zIndex = '';
 
+			// Note: We don't move drawer back to original location here
+			// Livewire will handle DOM structure on next navigation, and drawer will be reinitialized
+			// in its original location from the persisted component HTML
+
 			this._fireEvent('hidden');
 			this._dispatchEvent('hidden');
 		});
@@ -180,7 +209,25 @@ export class KTDrawer extends KTComponent implements KTDrawerInterface {
 	protected _handleContainer(): void {
 		if (this._getOption('container')) {
 			if (this._getOption('container') === 'body') {
-				document.body.appendChild(this._element);
+				// Check if drawer is in a persisted Livewire component (like header with @persist)
+				// If so, don't move it to body - keep it in place so Livewire can preserve it
+				// This follows the same pattern as dropdowns/menus which work with wire:navigate
+				const originalParent = this._element.parentNode;
+				const isInPersistedComponent = originalParent &&
+					((originalParent as HTMLElement).closest('[wire\\:id]') !== null ||
+					 (originalParent as HTMLElement).closest('header#header') !== null);
+
+				if (isInPersistedComponent) {
+					// Don't move to body - keep in original location for Livewire persistence
+					// Use fixed positioning to achieve the same visual effect
+					// Ensure drawer has fixed positioning to work from its current location
+					if (!this._element.style.position || this._element.style.position === 'static') {
+						this._element.style.position = 'fixed';
+					}
+				} else {
+					// Not in persisted component - safe to move to body (follows original behavior)
+					document.body.appendChild(this._element);
+				}
 			} else {
 				document
 					.querySelector(this._getOption('container') as string)
@@ -265,15 +312,128 @@ export class KTDrawer extends KTComponent implements KTDrawerInterface {
 		return this._isEnabled();
 	}
 
+	public static getElement(reference: HTMLElement): HTMLElement {
+		if (reference && reference.hasAttribute('data-kt-drawer-initialized'))
+			return reference;
+
+		const findElement =
+			reference &&
+			(reference.closest('[data-kt-drawer-initialized]') as HTMLElement);
+		if (findElement) return findElement;
+
+		// Fallback: look for parent with data-kt-drawer attribute
+		if (reference) {
+			const drawerContainer = reference.closest('[data-kt-drawer]') as HTMLElement;
+			if (drawerContainer) return drawerContainer;
+		}
+
+		// If reference is a toggle button with a selector, find the drawer by selector
+		// This handles cases where the toggle button is not a child of the drawer
+		if (reference && reference.hasAttribute('data-kt-drawer-toggle')) {
+			const selector = reference.getAttribute('data-kt-drawer-toggle');
+			if (selector) {
+				// Check both document and body (drawers with container="body" are moved to body)
+				const drawerElInDoc = document.querySelector(selector);
+				const drawerElInBody = document.body.querySelector(selector);
+				const drawerEl = drawerElInDoc || drawerElInBody;
+				if (drawerEl) return drawerEl as HTMLElement;
+			}
+		}
+
+		return null;
+	}
+
+	/**
+	 * Wait for an element to appear in the DOM using polling with MutationObserver fallback
+	 * Useful for persisted Livewire components that may not be in DOM immediately
+	 */
+	public static waitForElement(selector: string, timeout: number = 2000): Promise<HTMLElement | null> {
+		return new Promise((resolve) => {
+			let resolved = false;
+
+			const doResolve = (element: HTMLElement | null) => {
+				if (!resolved) {
+					resolved = true;
+					resolve(element);
+				}
+			};
+
+			// Check if element already exists
+			const existing = document.querySelector(selector) || document.body.querySelector(selector);
+			if (existing) {
+				doResolve(existing as HTMLElement);
+				return;
+			}
+
+			// Use polling for faster detection (check every 50ms)
+			let attempts = 0;
+			const maxAttempts = timeout / 50;
+			const pollInterval = setInterval(() => {
+				if (resolved) {
+					clearInterval(pollInterval);
+					return;
+				}
+				attempts++;
+				const element = document.querySelector(selector) || document.body.querySelector(selector);
+				if (element) {
+					clearInterval(pollInterval);
+					doResolve(element as HTMLElement);
+					return;
+				}
+				if (attempts >= maxAttempts) {
+					clearInterval(pollInterval);
+					doResolve(null);
+				}
+			}, 50);
+
+			// Also use MutationObserver as backup for immediate detection
+			const observer = new MutationObserver(() => {
+				if (resolved) {
+					observer.disconnect();
+					return;
+				}
+				const element = document.querySelector(selector) || document.body.querySelector(selector);
+				if (element) {
+					clearInterval(pollInterval);
+					observer.disconnect();
+					doResolve(element as HTMLElement);
+				}
+			});
+
+			observer.observe(document.body, {
+				childList: true,
+				subtree: true,
+			});
+
+			// Cleanup on timeout
+			setTimeout(() => {
+				if (!resolved) {
+					clearInterval(pollInterval);
+					observer.disconnect();
+					doResolve(null);
+				}
+			}, timeout);
+		});
+	}
+
 	public static getInstance(element: HTMLElement): KTDrawer {
 		if (!element) return null;
 
-		if (KTData.has(element, 'drawer')) {
-			return KTData.get(element, 'drawer') as KTDrawer;
+		const drawerElement = KTDrawer.getElement(element);
+		if (!drawerElement) {
+			// If element is a toggle button and drawer element wasn't found, return null
+			// The handleToggle() will handle waiting for the element to appear
+			if (element.hasAttribute('data-kt-drawer-toggle')) {
+			}
+			return null;
+		}
+
+		if (KTData.has(drawerElement, 'drawer')) {
+			return KTData.get(drawerElement, 'drawer') as KTDrawer;
 		}
 
-		if (element.getAttribute('data-kt-drawer-initialized') === 'true') {
-			return new KTDrawer(element);
+		if (drawerElement.getAttribute('data-kt-drawer-initialized') === 'true') {
+			return new KTDrawer(drawerElement);
 		}
 
 		return null;
@@ -322,6 +482,14 @@ export class KTDrawer extends KTComponent implements KTDrawerInterface {
 	}
 
 	public static handleToggle(): void {
+
+		// Add raw click listener to document.body to track all clicks
+		document.body.addEventListener('click', (rawEvent: MouseEvent) => {
+			const target = rawEvent.target as HTMLElement;
+			if (target && target.hasAttribute('data-kt-drawer-toggle')) {
+			}
+		}, true); // Use capture phase to catch before any stopPropagation
+
 		KTEventHandler.on(
 			document.body,
 			'[data-kt-drawer-toggle]',
@@ -332,10 +500,49 @@ export class KTDrawer extends KTComponent implements KTDrawerInterface {
 				const selector = target.getAttribute('data-kt-drawer-toggle');
 				if (!selector) return;
 
-				const drawerEl = document.querySelector(selector);
-				const drawer = KTDrawer.getInstance(drawerEl as HTMLElement);
+				// Try to get instance immediately
+				const drawer = KTDrawer.getInstance(target);
+
 				if (drawer) {
 					drawer.toggle();
+				} else {
+					// Drawer element not found - wait for it to appear (handles persisted Livewire components)
+					// Check if drawer exists in persisted components (might be in header that's persisted)
+					const persistedHeader = document.querySelector('[wire\\:id]')?.closest('[wire\\:id]') || document.querySelector('header#header');
+					const drawerInPersisted = persistedHeader ? persistedHeader.querySelector(selector) : null;
+
+					// Wait longer for persisted components that may take time to render
+					// Also check if drawer exists in persisted header component
+					KTDrawer.waitForElement(selector, 5000).then((drawerElement) => {
+						if (drawerElement) {
+							// Initialize the drawer if not already initialized
+							if (!KTData.has(drawerElement, 'drawer')) {
+								new KTDrawer(drawerElement);
+							}
+							// Get instance and toggle
+							const drawerInstance = KTDrawer.getInstance(drawerElement);
+							if (drawerInstance) {
+								drawerInstance.toggle();
+							}
+						} else {
+							// Drawer never appeared - trigger a reinit to see if it helps
+							// This handles cases where drawers are in persisted components that haven't rendered yet
+							setTimeout(() => {
+								KTDrawer.reinit();
+								// Try one more time after reinit
+								const drawerAfterReinit = document.querySelector(selector) || document.body.querySelector(selector);
+								if (drawerAfterReinit) {
+									if (!KTData.has(drawerAfterReinit as HTMLElement, 'drawer')) {
+										new KTDrawer(drawerAfterReinit as HTMLElement);
+									}
+									const drawerInstance = KTDrawer.getInstance(drawerAfterReinit as HTMLElement);
+									if (drawerInstance) {
+										drawerInstance.toggle();
+									}
+								}
+							}, 500);
+						}
+					});
 				}
 			},
 		);
@@ -411,8 +618,12 @@ export class KTDrawer extends KTComponent implements KTDrawerInterface {
 	}
 
 	public static createInstances(): void {
-		const elements = document.querySelectorAll('[data-kt-drawer]');
-
+		// Find all drawer elements - check both document and body (drawers with container="body" are moved there)
+		const elementsInDoc = document.querySelectorAll('[data-kt-drawer]');
+		const elementsInBody = document.body.querySelectorAll('[data-kt-drawer]');
+		// Combine and deduplicate
+		const allElements = new Set([...Array.from(elementsInDoc), ...Array.from(elementsInBody)]);
+		const elements = Array.from(allElements);
 		elements.forEach((element) => {
 			new KTDrawer(element as HTMLElement);
 		});
@@ -430,6 +641,51 @@ export class KTDrawer extends KTComponent implements KTDrawerInterface {
 			window.KT_DRAWER_INITIALIZED = true;
 		}
 	}
+
+	/**
+	 * Force reinitialization of drawers by clearing KTData entries.
+	 * Useful for Livewire wire:navigate where persisted elements need reinitialization.
+	 */
+	public static reinit(): void {
+		// Follow the same simple pattern as KTDropdown.reinit()
+		// Find all drawer elements - check both document and body (some may be moved to body)
+		const elementsInDoc = document.querySelectorAll('[data-kt-drawer]');
+		const elementsInBody = document.body.querySelectorAll('[data-kt-drawer]');
+		// Combine and deduplicate
+		const allElements = new Set([...Array.from(elementsInDoc), ...Array.from(elementsInBody)]);
+		const elements = Array.from(allElements);
+
+
+		// Clean up existing instances
+		elements.forEach((element) => {
+			try {
+				// Get existing instance to clean up
+				const instance = KTDrawer.getInstance(element as HTMLElement);
+				if (instance && typeof instance.hide === 'function') {
+					instance.hide(); // This will clean up backdrop and state
+				}
+				// Clear KTData entries
+				const hadDrawer = KTData.has(element as HTMLElement, 'drawer');
+				KTData.remove(element as HTMLElement, 'drawer');
+				// Remove initialization attribute to allow fresh initialization
+				element.removeAttribute('data-kt-drawer-initialized');
+			} catch (e) {
+				// Ignore errors for individual elements
+			}
+		});
+
+		// Now create fresh instances
+		KTDrawer.createInstances();
+
+		// Always ensure handlers are set up (similar to KTMenu.init() behavior)
+		// Event handlers use delegation so they persist, but we ensure they're attached
+		KTDrawer.handleToggle();
+		KTDrawer.handleDismiss();
+		KTDrawer.handleResize();
+		KTDrawer.handleClickAway();
+		KTDrawer.handleKeyword();
+
+	}
 }
 
 if (typeof window !== 'undefined') {