@keenthemes/ktui 1.0.3

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

@@ -0,0 +1,34 @@
+import KTUtils from './utils';
+var KTDelegatedEventHandlers = {};
+var KTEventHandler = {
+    on: function (element, selector, eventName, handler) {
+        var _this = this;
+        if (element === null) {
+            return null;
+        }
+        var eventId = KTUtils.geUID('event');
+        KTDelegatedEventHandlers[eventId] = function (event) {
+            var targets = element.querySelectorAll(selector);
+            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);
+                    }
+                }
+                target = target.parentNode;
+            }
+        };
+        element.addEventListener(eventName, KTDelegatedEventHandlers[eventId]);
+        return eventId;
+    },
+    off: function (element, eventName, eventId) {
+        if (!element || KTDelegatedEventHandlers[eventId] === null) {
+            return;
+        }
+        element.removeEventListener(eventName, KTDelegatedEventHandlers[eventId]);
+        delete KTDelegatedEventHandlers[eventId];
+    }
+};
+export default KTEventHandler;
+//# sourceMappingURL=event-handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"event-handler.js","sourceRoot":"","sources":["../../../src/helpers/event-handler.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,SAAS,CAAC;AAM9B,IAAM,wBAAwB,GAAsC,EAAE,CAAC;AAEvE,IAAM,cAAc,GAAG;IACrB,EAAE,EAAE,UAAS,OAAoB,EAAE,QAAgB,EAAE,SAAiB,EAAE,OAAuB;QAA3F,iBAyBH;QAxBC,IAAK,OAAO,KAAK,IAAI,EAAG,CAAC;YACvB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEvC,wBAAwB,CAAC,OAAO,CAAC,GAAG,UAAC,KAAoC;YACvE,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;gBACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAG,CAAC;oBAChD,IAAI,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,EAAG,CAAC;wBAC3B,OAAO,CAAC,IAAI,CAAC,KAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;oBACpC,CAAC;gBACH,CAAC;gBAED,MAAM,GAAG,MAAM,CAAC,UAAyB,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC;QAEF,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;QAEvE,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,GAAG,YAAC,OAAoB,EAAE,SAAiB,EAAE,OAAe;QAC1D,IAAI,CAAC,OAAO,IAAI,wBAAwB,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;YAC3D,OAAO;QACT,CAAC;QAED,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;QAE1E,OAAO,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;CACF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/esm/helpers/utils.js

@@ -0,0 +1,92 @@
+var KTUtils = {
+    geUID: function (prefix) {
+        if (prefix === void 0) { prefix = ''; }
+        return prefix + Math.floor(Math.random() * (new Date()).getTime());
+    },
+    getBreakpoint: function (breakpoint) {
+        var value = KTUtils.getCssVar("--tw-".concat(breakpoint));
+        if (value) {
+            return parseInt(value.trim());
+        }
+        else {
+            return -1;
+        }
+    },
+    getCssVar: function (variable) {
+        var hex = getComputedStyle(document.documentElement).getPropertyValue(variable);
+        if (hex && hex.length > 0) {
+            hex = hex.trim();
+        }
+        return hex;
+    },
+    parseDataAttribute: function (value) {
+        if (value === 'true') {
+            return true;
+        }
+        if (value === 'false') {
+            return false;
+        }
+        if (value === Number(value).toString()) {
+            return Number(value);
+        }
+        if (value === '' || value === 'null') {
+            return null;
+        }
+        if (typeof value !== 'string') {
+            return value;
+        }
+        try {
+            return KTUtils.parseJson(value);
+        }
+        catch (_a) {
+            return value;
+        }
+    },
+    parseJson: function (value) {
+        return value && value.length > 0 ? JSON.parse(decodeURIComponent(value)) : null;
+    },
+    parseSelector: function (selector) {
+        if (selector && window.CSS && window.CSS.escape) {
+            // Escape any IDs in the selector using CSS.escape
+            selector = selector.replace(/#([^\s"#']+)/g, function (match, id) { return "#".concat(window.CSS.escape(id)); });
+        }
+        return selector;
+    },
+    capitalize: function (value) {
+        return value.charAt(0).toUpperCase() + value.slice(1);
+    },
+    uncapitalize: function (value) {
+        return value.charAt(0).toLowerCase() + value.slice(1);
+    },
+    camelCase: function (value) {
+        return value.replace(/-([a-z])/g, function (match, letter) {
+            return letter.toUpperCase();
+        });
+    },
+    isRTL: function () {
+        var htmlElement = document.querySelector('html');
+        return Boolean(htmlElement && htmlElement.getAttribute('direction') === 'rtl');
+    },
+    throttle: function (timer, func, delay) {
+        // If setTimeout is already scheduled, no need to do anything
+        if (timer) {
+            return;
+        }
+        // Schedule a setTimeout after delay seconds
+        timer = setTimeout(function () {
+            func();
+            // Once setTimeout function execution is finished, timerId = undefined so that in <br>
+            // the next scroll event function execution can be scheduled by the setTimeout
+            clearTimeout(timer);
+        }, delay);
+    },
+    checksum: function (value) {
+        var hash = 0;
+        for (var i = 0; i < value.length; i++) {
+            hash = ((hash << 5) - hash + value.charCodeAt(i)) | 0;
+        }
+        return ('0000000' + (hash >>> 0).toString(16)).slice(-8);
+    },
+};
+export default KTUtils;
+//# sourceMappingURL=utils.js.map

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

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

package/lib/esm/index.js

@@ -0,0 +1,79 @@
+/*
+* Index
+* @version: 1.0.0
+* @author: Keenthemes
+* Copyright 2024 Keenthemes
+*/
+import KTDom from './helpers/dom';
+import { KTMenu } from './components/menu';
+import { KTDropdown } from './components/dropdown';
+import { KTModal } from './components/modal';
+import { KTDrawer } from './components/drawer';
+import { KTCollapse } from './components/collapse';
+import { KTDismiss } from './components/dismiss';
+import { KTTabs } from './components/tabs';
+import { KTAccordion } from './components/accordion';
+import { KTScrollspy } from './components/scrollspy';
+import { KTScrollable } from './components/scrollable';
+import { KTScrollto } from './components/scrollto';
+import { KTSticky } from './components/sticky';
+import { KTReparent } from './components/reparent';
+import { KTToggle } from './components/toggle';
+import { KTTooltip } from './components/tooltip';
+import { KTStepper } from './components/stepper';
+import { KTTheme } from './components/theme';
+import { KTImageInput } from './components/image-input';
+import { KTTogglePassword } from './components/toggle-password';
+import { KTDataTable } from './components/datatable';
+export { default as KTUtils } from './helpers/utils';
+export { default as KTDom } from './helpers/dom';
+export { default as KTEventHandler } from './helpers/event-handler';
+export { KTMenu } from './components/menu';
+export { KTDropdown } from './components/dropdown';
+export { KTModal } from './components/modal';
+export { KTDrawer } from './components/drawer';
+export { KTCollapse } from './components/collapse';
+export { KTDismiss } from './components/dismiss';
+export { KTTabs } from './components/tabs';
+export { KTAccordion } from './components/accordion';
+export { KTScrollspy } from './components/scrollspy';
+export { KTScrollable } from './components/scrollable';
+export { KTScrollto } from './components/scrollto';
+export { KTSticky } from './components/sticky';
+export { KTReparent } from './components/reparent';
+export { KTToggle } from './components/toggle';
+export { KTTooltip } from './components/tooltip';
+export { KTStepper } from './components/stepper';
+export { KTTheme } from './components/theme';
+export { KTImageInput } from './components/image-input';
+export { KTTogglePassword } from './components/toggle-password';
+export { KTDataTable } from './components/datatable';
+var KTComponents = {
+    init: function () {
+        KTMenu.init();
+        KTDropdown.init();
+        KTModal.init();
+        KTDrawer.init();
+        KTCollapse.init();
+        KTDismiss.init();
+        KTTabs.init();
+        KTAccordion.init();
+        KTScrollspy.init();
+        KTScrollable.init();
+        KTScrollto.init();
+        KTSticky.init();
+        KTReparent.init();
+        KTToggle.init();
+        KTTooltip.init();
+        KTStepper.init();
+        KTTheme.init();
+        KTImageInput.init();
+        KTTogglePassword.init();
+        KTDataTable.init();
+    }
+};
+export default KTComponents;
+KTDom.ready(function () {
+    KTComponents.init();
+});
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

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

package/lib/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,85 @@
+{
+	"name": "@keenthemes/ktui",
+	"version": "1.0.3",
+	"description": "Free & Open-Source Tailwind UI Components by Keenthemes",
+	"homepage": "https://ktui.io",
+	"keywords": [
+		"reui",
+		"keenthemes",
+		"tailwind",
+		"tailwind css",
+		"tailwind examples",
+		"tailwind components",
+		"tailwind application",
+		"tailwind dashboard",
+		"tailwind data management",
+		"tailwind layouts",
+		"tailwind javascript",
+		"tailwind typescript",
+		"tailwind react",
+		"tailwind nextjs",
+		"tailwind vue",
+		"tailwind angular",
+		"tailwind laravel",
+		"tailwind menu",
+		"tailwind megamenu",
+		"tailwind buttons",
+		"tailwind forms",
+		"tailwind tabs",
+		"tailwind datatable",
+		"tailwind scrollspy",
+		"tailwind scrollto",
+		"tailwind stepper",
+		"tailwind accordion",
+		"tailwind collapse",
+		"tailwind dismiss",
+		"tailwind toggle",
+		"tailwind reparent",
+		"tailwind theme",
+		"tailwind drawer",
+		"tailwind modal",
+		"tailwind tooltip",
+		"tailwind popover",
+		"tailwind image input",
+		"tailwind toggle password",
+		"tailwind scrollable",
+		"tailwind sticky",
+		"tailwind apexcharts",
+		"tailwind clipboard"
+	],
+	"author": "@keenthemes",
+	"types": "lib/esm/index.d.ts",
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1",
+		"build": "npx webpack --mode=development",
+		"build:prod": "npx webpack --env production",
+		"build:lib": "tsc --outDir lib/cjs && tsc -m es6 --outDir lib/esm",
+		"lint": "npx eslint src --ext .ts",
+		"format": "prettier --write src"
+	},
+	"devDependencies": {
+		"@babel/core": "^7.26.10",
+		"@babel/preset-env": "^7.26.9",
+		"@eslint/js": "^9.25.1",
+		"@types/node": "^22.15.3",
+		"autoprefixer": "^10.4.21",
+		"babel-loader": "^10.0.0",
+		"clean-webpack-plugin": "^4.0.0",
+		"eslint": "^9.25.1",
+		"mini-svg-data-uri": "^1.4.4",
+		"prettier": "^3.5.3",
+		"source-map-loader": "^5.0.0",
+		"terser-webpack-plugin": "^5.3.14",
+		"ts-loader": "^9.5.2",
+		"typescript": "^5.8.3",
+		"webpack": "^5.99.7",
+		"webpack-cli": "^6.0.1",
+		"webpack-merge-and-include-globally": "^2.3.4"
+	},
+	"dependencies": {
+		"@popperjs/core": "^2.11.8"
+	},
+	"publishConfig": {
+		"access": "public"
+	}
+}

package/prettier.config.js

@@ -0,0 +1,9 @@
+const config = {
+	useTabs: true,
+	tabWidth: 2,
+	singleQuote: true,
+	bracketSameLine: true,
+	arrowParens: 'always',
+};
+
+module.exports = config;

package/src/components/accordion/accordion-menu.css

@@ -0,0 +1,51 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ * @version: 1.0.0
+ */
+ 
+/* Base Styles (LTR, Light Mode) */
+@layer components {
+	.kt-accordion-menu {
+		@apply flex flex-col gap-y-1 w-full;
+	}
+
+	.kt-accordion-menu-content {
+		@apply transition-[height] overflow-hidden ps-6;
+	}
+
+	.kt-accordion-menu-sub {
+		@apply gap-y-1 w-full;
+	}
+
+	.kt-accordion-menu-item {
+		@apply space-y-1 w-full;
+	}
+
+	.kt-accordion-menu-toggle {
+		@apply w-full flex items-center gap-x-2.5 py-2 px-2.5 rounded-md font-medium text-sm text-foreground hover:bg-accent kt-accordion-active:bg-accent disabled:opacity-50 disabled:pointer-events-none;
+
+		svg {
+			@apply shrink-0 size-4 text-muted-foreground;
+		}
+	}
+
+	.kt-accordion-menu-link {
+		@apply w-full flex items-center gap-x-2.5 py-2 px-2.5 rounded-md font-medium text-sm text-foreground hover:bg-accent kt-accordion-selected:bg-accent disabled:opacity-50 disabled:pointer-events-none;
+
+		svg {
+			@apply shrink-0 size-4 text-muted-foreground;
+		}
+	}
+
+	.kt-accordion-menu-indicator {
+		@apply text-muted-foreground ms-auto size-3.5 shrink-0 kt-accordion-active:rotate-180;
+	}
+}
+
+/* RTL Styles */
+@layer components {
+	[dir='rtl'] .kt-accordion-menu-indicator {
+		@apply kt-accordion-active:-rotate-180;
+	}
+}

package/src/components/accordion/accordion.css

@@ -0,0 +1,86 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ * @version: 1.0.0
+ */
+@layer components {
+	.kt-accordion-item {
+		@apply border-b last:border-b-0 border-border;
+	}
+
+	.kt-accordion-toggle {
+		@apply flex items-center justify-between text-start gap-2.5 w-full py-4 cursor-pointer;
+	}
+
+	.kt-accordion-title {
+		@apply text-base text-mono font-medium;
+	}
+
+	.kt-accordion-content {
+		@apply transition-[height] overflow-hidden;
+	}
+
+	.kt-accordion-wrapper {
+		@apply text-base text-foreground pb-4;
+	}
+
+	.kt-accordion-indicator {
+		@apply inline-flex items-center size-3 text-muted-foreground;
+	}
+
+	.kt-accordion-indicator-on {
+		@apply size-3.5 shrink-0 kt-accordion-active:hidden block;
+	}
+
+	.kt-accordion-indicator-off {
+		@apply size-3.5 shrink-0 kt-accordion-active:block hidden;
+	}
+
+	.kt-accordion.kt-accordion-outline {
+		@apply flex flex-col gap-3.5;
+
+		.kt-accordion-item {
+			@apply rounded-lg border border-border;
+		}
+
+		.kt-accordion-content {
+			@apply border-t border-border;
+		}
+
+		.kt-accordion-toggle {
+			@apply p-4;
+		}
+
+		.kt-accordion-wrapper {
+			@apply p-4;
+		}
+	}
+}
+
+@custom-variant kt-accordion-active {
+	&[data-kt-accordion-item].active {
+		@slot;
+	}
+
+	[data-kt-accordion-item].active > [data-kt-accordion-toggle] & {
+		@slot;
+	}
+
+	[data-kt-accordion-item].active > [data-kt-accordion-toggle]& {
+		@slot;
+	}
+}
+
+@custom-variant kt-accordion-selected {
+	[data-kt-accordion-initialized] .selected {
+		@slot;
+	}
+
+	[data-kt-accordion-initialized] .selected & {
+		@slot;
+	}
+
+	[data-kt-accordion-initialized] &.selected {
+		@slot;
+	}
+}

package/src/components/accordion/accordion.ts

@@ -0,0 +1,221 @@
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ * @version: 1.0.0
+ */
+import KTData from '../../helpers/data';
+import KTDom from '../../helpers/dom';
+import KTEventHandler from '../../helpers/event-handler';
+import KTComponent from '../component';
+import { KTAccordionInterface, KTAccordionConfigInterface } from './types';
+
+declare global {
+	interface Window {
+		KT_ACCORDION_INITIALIZED: boolean;
+		KTAccordion: typeof KTAccordion;
+	}
+}
+
+export class KTAccordion extends KTComponent implements KTAccordionInterface {
+	protected override _name: string = 'accordion';
+	protected override _defaultConfig: KTAccordionConfigInterface = {
+		hiddenClass: 'hidden',
+		activeClass: 'active',
+		expandAll: false,
+	};
+	protected override _config: KTAccordionConfigInterface = this._defaultConfig;
+	protected _accordionElements: NodeListOf<HTMLElement>;
+
+	constructor(element: HTMLElement, config?: KTAccordionConfigInterface) {
+		super();
+
+		if (KTData.has(element as HTMLElement, this._name)) return;
+
+		this._init(element);
+		this._buildConfig(config);
+		this._handlers();
+	}
+
+	protected _handlers(): void {
+		KTEventHandler.on(
+			this._element,
+			'[data-kt-accordion-toggle]',
+			'click',
+			(event: Event, target: HTMLElement) => {
+				event.preventDefault();
+				const accordionElement = target.closest(
+					'[data-kt-accordion-item]',
+				) as HTMLElement;
+
+				if (accordionElement) this._toggle(accordionElement);
+			},
+		);
+	}
+
+	protected _toggle(accordionElement: HTMLElement): void {
+		const payload = { cancel: false };
+		this._fireEvent('toggle', payload);
+		this._dispatchEvent('toggle', payload);
+		if (payload.cancel === true) {
+			return;
+		}
+
+		if (accordionElement.classList.contains('active')) {
+			this._hide(accordionElement);
+		} else {
+			this._show(accordionElement);
+		}
+	}
+
+	protected _show(accordionElement: HTMLElement): void {
+		if (
+			accordionElement.hasAttribute('animating') ||
+			accordionElement.classList.contains(
+				this._getOption('activeClass') as string,
+			)
+		)
+			return;
+
+		const toggleElement = KTDom.child(
+			accordionElement,
+			'[data-kt-accordion-toggle]',
+		);
+		if (!toggleElement) return;
+
+		const contentElement = KTDom.getElement(
+			`#${toggleElement.getAttribute('aria-controls')}`,
+		);
+		if (!contentElement) return;
+
+		const payload = { cancel: false };
+		this._fireEvent('show', payload);
+		this._dispatchEvent('show', payload);
+		if (payload.cancel === true) {
+			return;
+		}
+
+		if ((this._getOption('expandAll') as boolean) === false) {
+			this._hideSiblings(accordionElement);
+		}
+
+		accordionElement.setAttribute('aria-expanded', 'true');
+		accordionElement.classList.add(this._getOption('activeClass') as string);
+
+		accordionElement.setAttribute('animating', 'true');
+		contentElement.classList.remove(this._getOption('hiddenClass') as string);
+		contentElement.style.height = `0px`;
+		KTDom.reflow(contentElement);
+		contentElement.style.height = `${contentElement.scrollHeight}px`;
+
+		KTDom.transitionEnd(contentElement, () => {
+			accordionElement.removeAttribute('animating');
+			contentElement.style.height = '';
+
+			this._fireEvent('shown');
+			this._dispatchEvent('shown');
+		});
+	}
+
+	protected _hide(accordionElement: HTMLElement): void {
+		if (
+			accordionElement.hasAttribute('animating') ||
+			!accordionElement.classList.contains(
+				this._getOption('activeClass') as string,
+			)
+		)
+			return;
+
+		const toggleElement = KTDom.child(
+			accordionElement,
+			'[data-kt-accordion-toggle]',
+		);
+		if (!toggleElement) return;
+
+		const contentElement = KTDom.getElement(
+			`#${toggleElement.getAttribute('aria-controls')}`,
+		);
+		if (!contentElement) return;
+
+		const payload = { cancel: false };
+		this._fireEvent('hide', payload);
+		this._dispatchEvent('hide', payload);
+		if (payload.cancel === true) {
+			return;
+		}
+
+		accordionElement.setAttribute('aria-expanded', 'false');
+
+		contentElement.style.height = `${contentElement.scrollHeight}px`;
+		KTDom.reflow(contentElement);
+		contentElement.style.height = '0px';
+		accordionElement.setAttribute('animating', 'true');
+
+		KTDom.transitionEnd(contentElement, () => {
+			accordionElement.removeAttribute('animating');
+			accordionElement.classList.remove(
+				this._getOption('activeClass') as string,
+			);
+			contentElement.classList.add(this._getOption('hiddenClass') as string);
+
+			this._fireEvent('hidden');
+			this._dispatchEvent('hidden');
+		});
+	}
+
+	protected _hideSiblings(accordionElement: HTMLElement): void {
+		const siblings = KTDom.siblings(accordionElement);
+
+		siblings?.forEach((sibling) => {
+			this._hide(sibling as HTMLElement);
+		});
+	}
+
+	public show(accordionElement: HTMLElement): void {
+		this._show(accordionElement);
+	}
+
+	public hide(accordionElement: HTMLElement): void {
+		this._hide(accordionElement);
+	}
+
+	public toggle(accordionElement: HTMLElement): void {
+		this._toggle(accordionElement);
+	}
+
+	public static getInstance(element: HTMLElement): KTAccordion {
+		if (!element) return null;
+
+		if (KTData.has(element, 'accordion')) {
+			return KTData.get(element, 'accordion') as KTAccordion;
+		}
+
+		if (element.getAttribute('data-kt-accordion-initialized') === 'true') {
+			return new KTAccordion(element);
+		}
+
+		return null;
+	}
+
+	public static getOrCreateInstance(
+		element: HTMLElement,
+		config?: KTAccordionConfigInterface,
+	): KTAccordion {
+		return this.getInstance(element) || new KTAccordion(element, config);
+	}
+
+	public static createInstances(): void {
+		const elements = document.querySelectorAll('[data-kt-accordion]');
+
+		elements.forEach((element) => {
+			new KTAccordion(element as HTMLElement);
+		});
+	}
+
+	public static init(): void {
+		KTAccordion.createInstances();
+	}
+}
+
+if (typeof window !== 'undefined') {
+	window.KTAccordion = KTAccordion;
+}