@keenthemes/ktui 1.2.1 → 1.2.3

package/src/components/toggle-password/toggle-password.ts

@@ -4,7 +4,6 @@
  */
 
 import KTData from '../../helpers/data';
-import KTDom from '../../helpers/dom';
 import KTComponent from '../component';
 import {
 	KTTogglePasswordConfigInterface,

package/src/helpers/dom.ts

@@ -16,21 +16,17 @@ const KTDom = {
 		return dir === 'rtl';
 	},
 
-	isElement(element: HTMLElement): boolean {
-		if (element && element instanceof HTMLElement) {
-			return true;
-		} else {
-			return false;
-		}
+	isElement(element: unknown): element is HTMLElement {
+		return element instanceof HTMLElement;
 	},
 
-	getElement(element: HTMLElement | string): HTMLElement {
+	getElement(element: HTMLElement | string | null): HTMLElement | null {
 		if (this.isElement(element)) {
-			return element as HTMLElement;
+			return element;
 		}
 
-		if (element && (element as string).length > 0) {
-			return document.querySelector(KTUtils.parseSelector(element as string));
+		if (typeof element === 'string' && element.length > 0) {
+			return document.querySelector(KTUtils.parseSelector(element));
 		}
 
 		return null;
@@ -151,7 +147,7 @@ const KTDom = {
 
 	children(element: HTMLElement, selector: string): Array<HTMLElement> {
 		if (!element || !element.childNodes) {
-			return null;
+			return [];
 		}
 
 		const result: Array<HTMLElement> = [];
@@ -170,7 +166,7 @@ const KTDom = {
 		return result;
 	},
 
-	child(element: HTMLElement, selector: string): HTMLElement {
+	child(element: HTMLElement, selector: string): HTMLElement | null {
 		const children = KTDom.children(element, selector);
 
 		return children ? children[0] : null;
@@ -236,7 +232,7 @@ const KTDom = {
 	},
 
 	reflow(element: HTMLElement): void {
-		element.offsetHeight;
+		void element.offsetHeight;
 	},
 
 	insertAfter(element: HTMLElement, referenceNode: HTMLElement) {
@@ -277,7 +273,7 @@ const KTDom = {
 		return 1;
 	},
 
-	isParentOrElementHidden(element: HTMLElement): boolean {
+	isParentOrElementHidden(element: HTMLElement | null): boolean {
 		if (!element) {
 			return false;
 		}
@@ -380,9 +376,10 @@ const KTDom = {
 		for (const key of keys) {
 			let normalizedKey = key.replace(prefix, '');
 			normalizedKey = KTUtils.uncapitalize(normalizedKey);
-			attributes[normalizedKey] = KTUtils.parseDataAttribute(
-				element.dataset[key],
-			);
+			const datasetValue = element.dataset[key];
+			if (typeof datasetValue === 'string') {
+				attributes[normalizedKey] = KTUtils.parseDataAttribute(datasetValue);
+			}
 		}
 
 		return attributes;

package/src/helpers/event-handler.ts

@@ -14,23 +14,22 @@ const KTDelegatedEventHandlers: KTDelegatedEventHandlersInterface = {};
 
 const KTEventHandler = {
 	on: function (
-		element: HTMLElement,
+		element: HTMLElement | null,
 		selector: string,
 		eventName: string,
 		handler: KTCallableType,
 	): string {
 		if (element === null) {
-			return null;
+			return '';
 		}
 
 		const eventId = KTUtils.geUID('event');
 
-		KTDelegatedEventHandlers[eventId] = (
-			event: Event & { target: HTMLElement },
-		) => {
+		KTDelegatedEventHandlers[eventId] = (event?: Event) => {
+			if (!event) return;
 			// Fix: Check selector dynamically instead of pre-computing targets
 			// This allows event delegation to work with dynamically added elements
-			let target = event.target as HTMLElement;
+			let target = event.target as HTMLElement | null;
 
 			while (target && target !== element) {
 				// Check if current target matches the selector

package/src/helpers/utils.ts

@@ -50,7 +50,7 @@ const KTUtils = {
 		}
 	},
 
-	parseJson(value: string): JSON {
+	parseJson(value: string): unknown | null {
 		return value && value.length > 0
 			? JSON.parse(decodeURIComponent(value))
 			: null;
@@ -134,13 +134,16 @@ const KTUtils = {
 	},
 
 	stringToObject: <T>(value: KTOptionType): T | null => {
+		if (value === null) {
+			return null;
+		}
 		try {
 			const parsed = JSON.parse(value.toString() as string);
 			if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
 				return parsed as T;
 			}
 			return null;
-		} catch (error) {
+		} catch {
 			return null;
 		}
 	},

package/src/index.ts

@@ -32,6 +32,8 @@ import { KTRating } from './components/rating';
 import { KTRepeater } from './components/repeater';
 import { KTClipboard } from './components/clipboard';
 import { KTRangeSlider } from './components/range-slider';
+import { KTPinInput } from './components/pin-input';
+import { KTCarousel } from './components/carousel';
 
 export { KTDropdown } from './components/dropdown';
 export { KTModal } from './components/modal';
@@ -58,6 +60,8 @@ export { KTRating } from './components/rating';
 export { KTRepeater } from './components/repeater';
 export { KTClipboard } from './components/clipboard';
 export { KTRangeSlider } from './components/range-slider';
+export { KTPinInput } from './components/pin-input';
+export { KTCarousel } from './components/carousel';
 
 export type {
 	KTAccordionConfigInterface,
@@ -122,6 +126,16 @@ export type {
 	KTRangeSliderEventPayloadInterface,
 	KTRangeSliderInterface,
 } from './components/range-slider';
+export type {
+	KTPinInputConfigInterface,
+	KTPinInputEventPayloadInterface,
+	KTPinInputInterface,
+} from './components/pin-input';
+export type {
+	KTCarouselConfigInterface,
+	KTCarouselChangePayloadInterface,
+	KTCarouselInterface,
+} from './components/carousel';
 export type {
 	KTScrollableConfigInterface,
 	KTScrollableInterface,
@@ -195,6 +209,8 @@ const KTComponents = {
 		KTRepeater.init();
 		KTClipboard.init();
 		KTRangeSlider.init();
+		KTPinInput.init();
+		KTCarousel.init();
 	},
 };
 
@@ -229,6 +245,8 @@ declare global {
 		KTRepeater: typeof KTRepeater;
 		KTClipboard: typeof KTClipboard;
 		KTRangeSlider: typeof KTRangeSlider;
+		KTPinInput: typeof KTPinInput;
+		KTCarousel: typeof KTCarousel;
 		KTComponents: typeof KTComponents;
 	}
 }

package/src/types.ts

@@ -20,4 +20,4 @@ export declare type KTOffsetType = {
 	bottom: number;
 };
 
-export declare type KTOptionType = string | number | boolean | object;
+export declare type KTOptionType = string | number | boolean | object | null;

package/styles.css

@@ -9,6 +9,7 @@
 @import './src/components/btn/btn.css';
 @import './src/components/label/label.css';
 @import './src/components/card/card.css';
+@import './src/components/carousel/carousel.css';
 @import './src/components/checkbox/checkbox.css';
 @import './src/components/collapse/collapse.css';
 @import './src/components/datatable/datatable.css';