@keenthemes/ktui 1.2.4 → 1.2.5

package/dist/ktui.js

@@ -5263,19 +5263,25 @@ function createCheckboxHandler(element, config, fireEvent) {
     var targetElements = null;
     // Default: preserve selection across all pages
     var preserveSelection = ((_a = config.checkbox) === null || _a === void 0 ? void 0 : _a.preserveSelection) !== false;
+    function ensureState() {
+        var state = config._state;
+        if (!state) {
+            state = {};
+            config._state = state;
+        }
+        return state;
+    }
     // Helper: get selectedRows from state, always as string[]
     function getSelectedRows() {
-        if (!config._state)
-            config._state = {};
-        if (!Array.isArray(config._state.selectedRows))
-            config._state.selectedRows = [];
-        return config._state.selectedRows.map(String);
+        var state = ensureState();
+        if (!Array.isArray(state.selectedRows))
+            state.selectedRows = [];
+        return state.selectedRows.map(String);
     }
     // Helper: set selectedRows in state
     function setSelectedRows(rows) {
-        if (!config._state)
-            config._state = {};
-        config._state.selectedRows = Array.from(new Set(rows.map(String)));
+        var state = ensureState();
+        state.selectedRows = Array.from(new Set(rows.map(String)));
     }
     // Helper: get all visible row IDs (values)
     function getVisibleRowIds() {
@@ -5290,22 +5296,31 @@ function createCheckboxHandler(element, config, fireEvent) {
         checkboxToggle(event);
     };
     function init() {
-        headerCheckElement = element.querySelector(config.attributes.check);
+        var attrs = config.attributes;
+        if (!(attrs === null || attrs === void 0 ? void 0 : attrs.check) || !attrs.checkbox) {
+            return;
+        }
+        headerCheckElement = element.querySelector(attrs.check);
         if (!headerCheckElement)
             return;
         headerChecked = headerCheckElement.checked;
-        targetElements = element.querySelectorAll(config.attributes.checkbox);
+        targetElements = element.querySelectorAll(attrs.checkbox);
         checkboxHandler();
         reapplyCheckedStates();
         updateHeaderCheckboxState();
     }
     function checkboxHandler() {
+        var _a;
         if (!headerCheckElement)
             return;
+        var rowCheckboxSelector = (_a = config.attributes) === null || _a === void 0 ? void 0 : _a.checkbox;
+        if (!rowCheckboxSelector)
+            return;
         headerCheckElement.addEventListener('click', checkboxListener);
-        event_handler_1.default.on(document.body, config.attributes.checkbox, 'input', function (event) {
-            handleRowCheckboxChange(event);
-        });
+        event_handler_1.default.on(document.body, rowCheckboxSelector, 'input', (function (event) {
+            if (event)
+                handleRowCheckboxChange(event);
+        }));
     }
     // When a row checkbox is changed
     function handleRowCheckboxChange(event) {
@@ -5452,8 +5467,12 @@ function createCheckboxHandler(element, config, fireEvent) {
         updateHeaderCheckboxState();
     }
     function updateState() {
-        // Called after redraw/pagination
-        targetElements = element.querySelectorAll(config.attributes.checkbox);
+        var _a;
+        var rowCheckSel = (_a = config.attributes) === null || _a === void 0 ? void 0 : _a.checkbox;
+        if (!rowCheckSel) {
+            return;
+        }
+        targetElements = element.querySelectorAll(rowCheckSel);
         reapplyCheckedStates();
         updateHeaderCheckboxState();
     }
@@ -5578,6 +5597,7 @@ var KTDataTableLocalDataProvider = /** @class */ (function () {
         });
     };
     KTDataTableLocalDataProvider.prototype.fetchSync = function () {
+        var _a, _b;
         var state = this.options.stateStore.getState();
         var originalData = state.originalData;
         if (!this.options.elements().tableElement ||
@@ -5585,22 +5605,26 @@ var KTDataTableLocalDataProvider = /** @class */ (function () {
             this.tableConfigInvalidate() ||
             this.localTableHeaderInvalidate() ||
             this.localTableContentInvalidate()) {
-            var _a = this.localExtractTableContent(), originalData_1 = _a.originalData, originalDataAttributes = _a.originalDataAttributes;
+            var _c = this.localExtractTableContent(), originalData_1 = _c.originalData, originalDataAttributes = _c.originalDataAttributes;
             this.options.stateStore.setOriginalData(originalData_1, originalDataAttributes);
         }
         originalData = this.options.stateStore.getState().originalData;
         var data = __spreadArray([], originalData, true);
         var filteredData = data;
-        var _b = this.options.stateStore.getState(), sortField = _b.sortField, sortOrder = _b.sortOrder, page = _b.page, pageSize = _b.pageSize, search = _b.search;
+        var _d = this.options.stateStore.getState(), sortField = _d.sortField, sortOrder = _d.sortOrder, page = _d.page, pageSize = _d.pageSize, search = _d.search;
         if (search) {
             var searchTerm = typeof search === 'string' ? search : '';
-            filteredData = data = this.options.config.search.callback.call(this, data, searchTerm);
+            var searchCallback = (_a = this.options.config.search) === null || _a === void 0 ? void 0 : _a.callback;
+            if (searchCallback) {
+                filteredData = data = searchCallback.call(this, data, searchTerm);
+            }
         }
+        var sortCallback = (_b = this.options.config.sort) === null || _b === void 0 ? void 0 : _b.callback;
         if (sortField !== undefined &&
             sortOrder !== undefined &&
             sortOrder !== '' &&
-            typeof this.options.config.sort.callback === 'function') {
-            data = this.options.config.sort.callback.call(this, data, sortField, sortOrder);
+            typeof sortCallback === 'function') {
+            data = sortCallback.call(this, data, sortField, sortOrder);
         }
         if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
             var startIndex = (page - 1) * pageSize;
@@ -5622,9 +5646,10 @@ var KTDataTableLocalDataProvider = /** @class */ (function () {
         return false;
     };
     KTDataTableLocalDataProvider.prototype.tableConfigInvalidate = function () {
-        var _a = this.options.config, _state = _a._state, restConfig = __rest(_a, ["_state"]);
+        var _a;
+        var _b = this.options.config, _state = _b._state, restConfig = __rest(_b, ["_state"]);
         var checksum = utils_1.default.checksum(JSON.stringify(restConfig));
-        if (_state._configChecksum !== checksum) {
+        if (((_a = _state === null || _state === void 0 ? void 0 : _state._configChecksum) !== null && _a !== void 0 ? _a : '') !== checksum) {
             this.options.stateStore.patchState({ _configChecksum: checksum });
             return true;
         }
@@ -5707,15 +5732,21 @@ var KTDataTableDomPaginationRenderer = /** @class */ (function () {
     }
     KTDataTableDomPaginationRenderer.prototype.render = function (input) {
         var _this = this;
-        this.removeChildElements(input.sizeElement);
-        this.createPageSizeControls(input);
-        this.removeChildElements(input.paginationElement);
-        this.createPaginationControls(input);
+        if (input.sizeElement) {
+            this.removeChildElements(input.sizeElement);
+            this.createPageSizeControls(input);
+        }
+        if (input.paginationElement) {
+            this.removeChildElements(input.paginationElement);
+            this.createPaginationControls(input);
+        }
         return function () {
             if (input.sizeElement) {
                 input.sizeElement.onchange = null;
             }
-            _this.removeChildElements(input.paginationElement);
+            if (input.paginationElement) {
+                _this.removeChildElements(input.paginationElement);
+            }
         };
     };
     KTDataTableDomPaginationRenderer.prototype.removeChildElements = function (container) {
@@ -5727,12 +5758,14 @@ var KTDataTableDomPaginationRenderer = /** @class */ (function () {
         }
     };
     KTDataTableDomPaginationRenderer.prototype.createPageSizeControls = function (input) {
+        var _a;
         if (!input.sizeElement) {
-            return input.sizeElement;
+            return;
         }
+        var pageSizes = (_a = input.config.pageSizes) !== null && _a !== void 0 ? _a : [5, 10, 20, 30, 50];
         setTimeout(function () {
             var _a;
-            var options = input.config.pageSizes.map(function (size) {
+            var options = pageSizes.map(function (size) {
                 var option = document.createElement('option');
                 option.value = String(size);
                 option.text = String(size);
@@ -5744,12 +5777,9 @@ var KTDataTableDomPaginationRenderer = /** @class */ (function () {
         input.sizeElement.onchange = function (event) {
             input.reloadPageSize(Number(event.target.value), 1);
         };
-        return input.sizeElement;
     };
     KTDataTableDomPaginationRenderer.prototype.createPaginationControls = function (input) {
-        if (!input.infoElement ||
-            !input.paginationElement ||
-            input.dataLength === 0) {
+        if (!input.paginationElement || input.dataLength === 0) {
             return null;
         }
         this.setPaginationInfoText(input);
@@ -5757,14 +5787,25 @@ var KTDataTableDomPaginationRenderer = /** @class */ (function () {
         return input.paginationElement;
     };
     KTDataTableDomPaginationRenderer.prototype.setPaginationInfoText = function (input) {
-        input.infoElement.textContent = input.config.info
+        var _a;
+        if (!input.infoElement) {
+            return;
+        }
+        var infoTemplate = (_a = input.config.info) !== null && _a !== void 0 ? _a : '{start}-{end} of {total}';
+        input.infoElement.textContent = infoTemplate
             .replace('{start}', (input.state.page - 1) * input.state.pageSize + 1 + '')
             .replace('{end}', Math.min(input.state.page * input.state.pageSize, input.state.totalItems) + '')
             .replace('{total}', input.state.totalItems + '');
     };
     KTDataTableDomPaginationRenderer.prototype.createPaginationButtons = function (paginationContainer, input) {
-        var _a = input.state, currentPage = _a.page, totalPages = _a.totalPages;
-        var _b = input.config.pagination, previous = _b.previous, next = _b.next, number = _b.number, more = _b.more;
+        var _a;
+        var pagination = input.config.pagination;
+        if (!pagination) {
+            return;
+        }
+        var _b = input.state, currentPage = _b.page, totalPages = _b.totalPages;
+        var previous = pagination.previous, next = pagination.next, number = pagination.number, more = pagination.more;
+        var pageMoreLimit = (_a = input.config.pageMoreLimit) !== null && _a !== void 0 ? _a : 3;
         var createButton = function (text, className, disabled, handleClick) {
             var button = document.createElement('button');
             button.className = className;
@@ -5775,7 +5816,7 @@ var KTDataTableDomPaginationRenderer = /** @class */ (function () {
         };
         paginationContainer.appendChild(createButton(previous.text, "".concat(previous.class).concat(currentPage === 1 ? ' disabled' : ''), currentPage === 1, function () { return input.paginateData(currentPage - 1); }));
         if (input.config.pageMore) {
-            var range_1 = this.calculatePageRange(currentPage, totalPages, input.config.pageMoreLimit);
+            var range_1 = this.calculatePageRange(currentPage, totalPages, pageMoreLimit);
             if (range_1.start > 1) {
                 paginationContainer.appendChild(createButton(more.text, more.class, false, function () {
                     return input.paginateData(Math.max(1, range_1.start - 1));
@@ -5991,6 +6032,9 @@ var KTDataTableRemoteDataProvider = /** @class */ (function () {
                 requestMethod = this.options.config.requestMethod;
                 requestBody = undefined;
                 apiEndpoint = this.options.config.apiEndpoint;
+                if (!apiEndpoint) {
+                    throw new Error('KTDataTable: apiEndpoint is required for remote fetch');
+                }
                 if (this.abortController) {
                     this.abortController.abort();
                 }
@@ -6378,18 +6422,26 @@ var KTDataTableDomTableRenderer = /** @class */ (function () {
             }
             td.innerHTML = value;
             this.applyOriginalTdClass(input, td, rowIndex, colIndex);
-            this.applyDataRowAttributes(td, dataRowAttributes, colIndex);
+            this.applyDataRowAttributes(td, dataRowAttributes !== null && dataRowAttributes !== void 0 ? dataRowAttributes : null, colIndex);
             row.appendChild(td);
         }
     };
     KTDataTableDomTableRenderer.prototype.renderConfiguredColumns = function (input, row, item, rowIndex) {
         var _this = this;
-        Object.keys(input.config.columns).forEach(function (key, colIndex) {
+        var columns = input.config.columns;
+        if (!columns) {
+            return;
+        }
+        Object.keys(columns).forEach(function (key, colIndex) {
+            var columnDef = columns[key];
+            if (!columnDef) {
+                return;
+            }
+            var colKey = key;
             var td = document.createElement('td');
-            var columnDef = input.config.columns[key];
             _this.applyOriginalTdClass(input, td, rowIndex, colIndex);
             if (typeof columnDef.render === 'function') {
-                var result = columnDef.render.call(input.context, item[key], item, input.context);
+                var result = columnDef.render.call(input.context, item[colKey], item, input.context);
                 if (result instanceof HTMLElement ||
                     result instanceof DocumentFragment) {
                     td.appendChild(result);
@@ -6399,10 +6451,10 @@ var KTDataTableDomTableRenderer = /** @class */ (function () {
                 }
             }
             else {
-                td.textContent = item[key];
+                td.textContent = item[colKey];
             }
             if (typeof columnDef.createdCell === 'function') {
-                columnDef.createdCell.call(input.context, td, item[key], item, row);
+                columnDef.createdCell.call(input.context, td, item[colKey], item, row);
             }
             row.appendChild(td);
         });
@@ -6534,6 +6586,9 @@ var KTDataTable = /** @class */ (function (_super) {
         _this._originalTheadClass = ''; // Store original thead class
         _this._originalTdClasses = []; // Store original td classes as a 2D array [row][col]
         _this._originalThClasses = []; // Store original th classes
+        _this._infoElement = null;
+        _this._sizeElement = null;
+        _this._paginationElement = null;
         _this._cleanupCallbacks = [];
         _this._data = [];
         _this._isFetching = false;
@@ -6547,6 +6602,9 @@ var KTDataTable = /** @class */ (function (_super) {
         }
         _this._defaultConfig = _this._initDefaultConfig(config);
         _this._init(element);
+        if (!_this._element) {
+            return _this;
+        }
         _this._buildConfig();
         _this._stateStore = new datatable_state_store_1.KTDataTableConfigStateStore(_this._config);
         _this._eventAdapter = (0, datatable_event_adapter_1.createDataTableEventAdapter)(_this._fireEvent.bind(_this), _this._dispatchEvent.bind(_this));
@@ -6812,33 +6870,31 @@ var KTDataTable = /** @class */ (function (_super) {
      * @returns {void}
      */
     KTDataTable.prototype._initElements = function () {
-        /**
-         * Data table element
-         */
-        this._tableElement = this._element.querySelector(this._config.attributes.table);
-        /**
-         * Table body element
-         */
+        var _a;
+        var root = this._element;
+        var attrs = this._config.attributes;
+        if (!root || !(attrs === null || attrs === void 0 ? void 0 : attrs.table)) {
+            throw new Error('KTDataTable: root element and table selector are required');
+        }
+        var tableEl = root.querySelector(attrs.table);
+        if (!tableEl) {
+            throw new Error("KTDataTable: table element not found (".concat(attrs.table, ")"));
+        }
+        this._tableElement = tableEl;
         this._tbodyElement =
             this._tableElement.tBodies[0] || this._tableElement.createTBody();
-        /**
-         * Table head element
-         */
-        this._theadElement = this._tableElement.tHead;
-        // Store original classes
+        this._theadElement =
+            (_a = this._tableElement.tHead) !== null && _a !== void 0 ? _a : this._tableElement.createTHead();
         this._storeOriginalClasses();
-        /**
-         * Pagination info element
-         */
-        this._infoElement = this._element.querySelector(this._config.attributes.info);
-        /**
-         * Page size dropdown element
-         */
-        this._sizeElement = this._element.querySelector(this._config.attributes.size);
-        /**
-         * Pagination element
-         */
-        this._paginationElement = this._element.querySelector(this._config.attributes.pagination);
+        this._infoElement = attrs.info
+            ? root.querySelector(attrs.info)
+            : null;
+        this._sizeElement = attrs.size
+            ? root.querySelector(attrs.size)
+            : null;
+        this._paginationElement = attrs.pagination
+            ? root.querySelector(attrs.pagination)
+            : null;
     };
     /**
      * Store original classes from table elements
@@ -6922,7 +6978,8 @@ var KTDataTable = /** @class */ (function (_super) {
      * @returns {void}
      */
     KTDataTable.prototype._finalize = function () {
-        this._element.classList.add('datatable-initialized');
+        var _a;
+        (_a = this._element) === null || _a === void 0 ? void 0 : _a.classList.add('datatable-initialized');
         // Initialize checkbox logic
         this._checkbox.init();
         // Re-initialize sort handler to restore click listeners after table redraw
@@ -6944,6 +7001,7 @@ var KTDataTable = /** @class */ (function (_super) {
      */
     KTDataTable.prototype._attachSearchEvent = function () {
         var _this = this;
+        var _a, _b;
         var tableId = this._tableId();
         var searchElement = document.querySelector("[data-kt-datatable-search=\"#".concat(tableId, "\"]"));
         // Get search state
@@ -6967,7 +7025,7 @@ var KTDataTable = /** @class */ (function (_super) {
             // Create a new debounced search function
             var debouncedSearch = this._debounce(function () {
                 _this.search(searchElement.value);
-            }, this._config.search.delay);
+            }, (_b = (_a = this._config.search) === null || _a === void 0 ? void 0 : _a.delay) !== null && _b !== void 0 ? _b : 500);
             // Store the new debounced function as a property of the element
             searchWithDebounce._debouncedSearch = debouncedSearch;
             // Add the new debounced event listener
@@ -7007,7 +7065,10 @@ var KTDataTable = /** @class */ (function (_super) {
      * @returns {URL} The resulting URL object.
      */
     KTDataTable.prototype._createUrl = function (pathOrUrl, baseUrl) {
-        if (baseUrl === void 0) { baseUrl = window.location.origin; }
+        var _a;
+        if (baseUrl === void 0) { baseUrl = typeof window !== 'undefined'
+            ? window.location.origin
+            : null; }
         // Regular expression to check if the input is a full URL
         var isFullUrl = /^[a-zA-Z][a-zA-Z\d+\-.]*:\/\//.test(pathOrUrl);
         if (isFullUrl) {
@@ -7017,7 +7078,38 @@ var KTDataTable = /** @class */ (function (_super) {
         var normalizedPath = pathOrUrl.startsWith('/')
             ? pathOrUrl
             : "/".concat(pathOrUrl);
-        return new URL(normalizedPath, baseUrl);
+        // Opaque origins (e.g. srcdoc iframes) serialize as the string "null", which is not a valid URL base.
+        var bases = [];
+        if (baseUrl && baseUrl !== 'null') {
+            bases.push(baseUrl);
+        }
+        if (typeof window !== 'undefined') {
+            var href = window.location.href;
+            if (href && !bases.includes(href)) {
+                bases.push(href);
+            }
+            try {
+                if (window.parent !== window && ((_a = window.parent.location) === null || _a === void 0 ? void 0 : _a.href)) {
+                    var parentHref = window.parent.location.href;
+                    if (parentHref && !bases.includes(parentHref)) {
+                        bases.push(parentHref);
+                    }
+                }
+            }
+            catch (_b) {
+                // parent is cross-origin
+            }
+        }
+        for (var _i = 0, bases_1 = bases; _i < bases_1.length; _i++) {
+            var base = bases_1[_i];
+            try {
+                return new URL(normalizedPath, base);
+            }
+            catch (_c) {
+                // try next base
+            }
+        }
+        throw new Error("KTDataTable: cannot resolve relative apiEndpoint \"".concat(pathOrUrl, "\" (no valid base URL; use an absolute apiEndpoint)."));
     };
     /**
      * Update the table and pagination controls with new data
@@ -7035,7 +7127,7 @@ var KTDataTable = /** @class */ (function (_super) {
                 if (this._theadElement && this._tbodyElement) {
                     this._updateTable();
                 }
-                if (this._infoElement && this._paginationElement) {
+                if (this._infoElement || this._sizeElement || this._paginationElement) {
                     this._updatePagination();
                 }
                 this._emit('drew');
@@ -7118,30 +7210,46 @@ var KTDataTable = /** @class */ (function (_super) {
     };
     // Method to show the loading spinner
     KTDataTable.prototype._showSpinner = function () {
-        var spinner = this._element.querySelector(this._config.attributes.spinner) || this._createSpinner();
+        var _a, _b;
+        var root = this._element;
+        var spinnerSel = (_a = this._config.attributes) === null || _a === void 0 ? void 0 : _a.spinner;
+        var fromDom = root && spinnerSel
+            ? root.querySelector(spinnerSel)
+            : null;
+        var spinner = fromDom !== null && fromDom !== void 0 ? fromDom : this._createSpinner();
         if (spinner) {
             spinner.style.display = 'block';
         }
-        this._element.classList.add(this._config.loadingClass);
+        root === null || root === void 0 ? void 0 : root.classList.add((_b = this._config.loadingClass) !== null && _b !== void 0 ? _b : 'loading');
     };
     // Method to hide the loading spinner
     KTDataTable.prototype._hideSpinner = function () {
-        var spinner = this._element.querySelector(this._config.attributes.spinner);
+        var _a, _b;
+        var root = this._element;
+        var spinnerSel = (_a = this._config.attributes) === null || _a === void 0 ? void 0 : _a.spinner;
+        var spinner = root && spinnerSel
+            ? root.querySelector(spinnerSel)
+            : null;
         if (spinner) {
             spinner.style.display = 'none';
         }
-        this._element.classList.remove(this._config.loadingClass);
+        root === null || root === void 0 ? void 0 : root.classList.remove((_b = this._config.loadingClass) !== null && _b !== void 0 ? _b : 'loading');
     };
     // Method to create a spinner element if it doesn't exist
     KTDataTable.prototype._createSpinner = function () {
-        if (typeof this._config.loading === 'undefined') {
+        var loading = this._config.loading;
+        if (!loading) {
             return null;
         }
         var template = document.createElement('template');
-        template.innerHTML = this._config.loading.template
+        template.innerHTML = loading.template
             .trim()
-            .replace('{content}', this._config.loading.content);
-        var spinner = template.content.firstChild;
+            .replace('{content}', loading.content);
+        var first = template.content.firstChild;
+        if (!first || !(first instanceof HTMLElement)) {
+            return null;
+        }
+        var spinner = first;
         spinner.setAttribute('data-kt-datatable-spinner', 'true');
         this._tableElement.appendChild(spinner);
         return spinner;
@@ -7199,22 +7307,26 @@ var KTDataTable = /** @class */ (function (_super) {
     };
     KTDataTable.prototype._tableId = function () {
         var _a, _b;
-        var id = null;
-        // If the table element has an ID, use that
-        if ((_a = this._tableElement) === null || _a === void 0 ? void 0 : _a.getAttribute('id')) {
-            id = this._tableElement.getAttribute('id');
+        var tableIdAttr = (_a = this._tableElement) === null || _a === void 0 ? void 0 : _a.getAttribute('id');
+        if (tableIdAttr) {
+            return tableIdAttr;
         }
-        // If the component element has an ID, use that
-        if ((_b = this._element) === null || _b === void 0 ? void 0 : _b.getAttribute('id')) {
-            id = this._element.getAttribute('id');
+        var rootIdAttr = (_b = this._element) === null || _b === void 0 ? void 0 : _b.getAttribute('id');
+        if (rootIdAttr) {
+            return rootIdAttr;
         }
-        return id;
+        return '';
     };
     /**
      * Clean up all event listeners, handlers, and DOM nodes created by this instance.
      * This method is called before re-rendering or when disposing the component.
      */
     KTDataTable.prototype._dispose = function () {
+        var _a, _b, _c;
+        var root = this._element;
+        if (!root) {
+            return;
+        }
         this._cleanupCallbacks.forEach(function (cleanup) { return cleanup(); });
         this._cleanupCallbacks = [];
         // --- 1. Remove search input event listener (debounced) ---
@@ -7245,10 +7357,12 @@ var KTDataTable = /** @class */ (function (_super) {
             checkboxWithDispose.dispose();
         }
         else {
-            // Remove header checkbox event listener if possible
-            var headerCheckElement = this._element.querySelector(this._config.attributes.check);
-            if (headerCheckElement) {
-                headerCheckElement.replaceWith(headerCheckElement.cloneNode(true));
+            var checkSel = (_a = this._config.attributes) === null || _a === void 0 ? void 0 : _a.check;
+            if (checkSel) {
+                var headerCheckElement = root.querySelector(checkSel);
+                if (headerCheckElement) {
+                    headerCheckElement.replaceWith(headerCheckElement.cloneNode(true));
+                }
             }
         }
         // KTDataTableSortAPI does not have a dispose method, but we can remove th click listeners by replacing them
@@ -7259,16 +7373,20 @@ var KTDataTable = /** @class */ (function (_super) {
             });
         }
         // --- 5. Remove spinner DOM node if it exists ---
-        var spinner = this._element.querySelector(this._config.attributes.spinner);
-        if (spinner && spinner.parentNode) {
-            spinner.parentNode.removeChild(spinner);
+        var spinnerSel = (_b = this._config.attributes) === null || _b === void 0 ? void 0 : _b.spinner;
+        if (spinnerSel) {
+            var spinner = root.querySelector(spinnerSel);
+            if (spinner === null || spinner === void 0 ? void 0 : spinner.parentNode) {
+                spinner.parentNode.removeChild(spinner);
+            }
         }
-        this._element.classList.remove(this._config.loadingClass);
+        root.classList.remove((_c = this._config.loadingClass) !== null && _c !== void 0 ? _c : 'loading');
         // --- 6. Remove instance reference from the DOM element ---
-        var elementWithInstance = KTDataTable.asElementWithInstance(this._element);
+        var elementWithInstance = KTDataTable.asElementWithInstance(root);
         if (elementWithInstance.instance) {
             delete elementWithInstance.instance;
         }
+        data_1.default.remove(root, this._name);
         // --- 7. (Optional) Clear localStorage state ---
         // Uncomment the following line if you want to clear state on dispose:
         // this._deleteState();
@@ -8421,15 +8539,20 @@ var KTDropdown = /** @class */ (function (_super) {
             return _this;
         }
         _this._init(element);
+        if (!_this._element) {
+            return _this;
+        }
         _this._buildConfig(config);
-        _this._toggleElement = _this._element.querySelector('[data-kt-dropdown-toggle]');
-        if (!_this._toggleElement) {
+        var toggle = _this._element.querySelector('[data-kt-dropdown-toggle]');
+        if (!toggle) {
             return _this;
         }
-        _this._menuElement = _this._element.querySelector('[data-kt-dropdown-menu]');
-        if (!_this._menuElement) {
+        var menu = _this._element.querySelector('[data-kt-dropdown-menu]');
+        if (!menu) {
             return _this;
         }
+        _this._toggleElement = toggle;
+        _this._menuElement = menu;
         data_1.default.set(_this._menuElement, 'dropdownElement', _this._element);
         _this._setupNestedDropdowns();
         _this._handleContainer();
@@ -8475,10 +8598,13 @@ var KTDropdown = /** @class */ (function (_super) {
             return;
         if (this._getOption('trigger') !== 'hover')
             return;
-        if (data_1.default.get(this._element, 'hover') === '1') {
-            clearTimeout(data_1.default.get(this._element, 'timeout'));
-            data_1.default.remove(this._element, 'hover');
-            data_1.default.remove(this._element, 'timeout');
+        var root = this._element;
+        if (!root)
+            return;
+        if (data_1.default.get(root, 'hover') === '1') {
+            clearTimeout(data_1.default.get(root, 'timeout'));
+            data_1.default.remove(root, 'hover');
+            data_1.default.remove(root, 'timeout');
         }
         this._show();
     };
@@ -8488,17 +8614,20 @@ var KTDropdown = /** @class */ (function (_super) {
             return;
         if (this._getOption('trigger') !== 'hover')
             return;
+        var root = this._element;
+        if (!root)
+            return;
         var relatedTarget = event.relatedTarget;
-        var isWithinDropdown = this._element.contains(relatedTarget);
+        var isWithinDropdown = relatedTarget !== null && root.contains(relatedTarget);
         if (isWithinDropdown)
             return;
         var timeout = setTimeout(function () {
-            if (data_1.default.get(_this._element, 'hover') === '1') {
+            if (data_1.default.get(root, 'hover') === '1') {
                 _this._hide();
             }
         }, parseInt(this._getOption('hoverTimeout')));
-        data_1.default.set(this._element, 'hover', '1');
-        data_1.default.set(this._element, 'timeout', timeout);
+        data_1.default.set(root, 'hover', '1');
+        data_1.default.set(root, 'timeout', timeout);
     };
     KTDropdown.prototype._toggle = function () {
         if (this._isOpen) {
@@ -8518,9 +8647,12 @@ var KTDropdown = /** @class */ (function (_super) {
         this._dispatchEvent('show', payload);
         if (payload.cancel)
             return;
-        KTDropdown.hide(this._element);
+        var root = this._element;
+        if (!root)
+            return;
+        KTDropdown.hide(root);
         var zIndex = parseInt(this._getOption('zindex'));
-        var parentZindex = dom_1.default.getHighestZindex(this._element);
+        var parentZindex = dom_1.default.getHighestZindex(root);
         if (parentZindex !== null && parentZindex >= zIndex) {
             zIndex = parentZindex + 1;
         }
@@ -8534,7 +8666,7 @@ var KTDropdown = /** @class */ (function (_super) {
         this._menuElement.classList.remove(this._getOption('hiddenClass'));
         this._toggleElement.classList.add('active');
         this._menuElement.classList.add('open');
-        this._element.classList.add('open');
+        root.classList.add('open');
         this._initPopper();
         dom_1.default.transitionEnd(this._menuElement, function () {
             _this._isTransitioning = false;
@@ -8556,12 +8688,15 @@ var KTDropdown = /** @class */ (function (_super) {
         this._dispatchEvent('hide', payload);
         if (payload.cancel)
             return;
+        var root = this._element;
+        if (!root)
+            return;
         this._menuElement.style.opacity = '1';
         dom_1.default.reflow(this._menuElement);
         this._menuElement.style.opacity = '0';
         this._menuElement.classList.remove('open');
         this._toggleElement.classList.remove('active');
-        this._element.classList.remove('open');
+        root.classList.remove('open');
         dom_1.default.transitionEnd(this._menuElement, function () {
             _this._isTransitioning = false;
             _this._isOpen = false;
@@ -8587,17 +8722,26 @@ var KTDropdown = /** @class */ (function (_super) {
         }
         if (reference) {
             var popper = (0, core_1.createPopper)(reference, this._menuElement, this._getPopperConfig());
-            data_1.default.set(this._element, 'popper', popper);
+            var root = this._element;
+            if (root) {
+                data_1.default.set(root, 'popper', popper);
+            }
         }
     };
     KTDropdown.prototype._destroyPopper = function () {
-        if (data_1.default.has(this._element, 'popper')) {
-            data_1.default.get(this._element, 'popper').destroy();
-            data_1.default.remove(this._element, 'popper');
+        var root = this._element;
+        if (!root)
+            return;
+        if (data_1.default.has(root, 'popper')) {
+            data_1.default.get(root, 'popper').destroy();
+            data_1.default.remove(root, 'popper');
         }
     };
     KTDropdown.prototype._isDropdownOpen = function () {
-        return (this._element.classList.contains('open') &&
+        var root = this._element;
+        if (!root)
+            return false;
+        return (root.classList.contains('open') &&
             this._menuElement.classList.contains('open'));
     };
     KTDropdown.prototype._getPopperConfig = function () {
@@ -8702,10 +8846,11 @@ var KTDropdown = /** @class */ (function (_super) {
         return null;
     };
     KTDropdown.getInstance = function (element) {
-        element = this.getElement(element);
-        if (!element) {
+        var resolved = this.getElement(element);
+        if (!resolved) {
             return null;
         }
+        element = resolved;
         if (data_1.default.has(element, 'dropdown')) {
             var instance = data_1.default.get(element, 'dropdown');
             return instance;
@@ -8761,6 +8906,8 @@ var KTDropdown = /** @class */ (function (_super) {
     KTDropdown.handleKeyboard = function () {
         document.addEventListener('keydown', function (event) {
             var dropdownEl = document.querySelector('.open[data-kt-dropdown-initialized]');
+            if (!dropdownEl)
+                return;
             var dropdown = KTDropdown.getInstance(dropdownEl);
             if (!dropdown || !dropdown._getOption('keyboard'))
                 return;
@@ -8771,36 +8918,44 @@ var KTDropdown = /** @class */ (function (_super) {
         });
     };
     KTDropdown.handleMouseover = function () {
-        event_handler_1.default.on(document.body, '[data-kt-dropdown-toggle], [data-kt-dropdown-menu]', 'mouseover', function (event, target) {
+        event_handler_1.default.on(document.body, '[data-kt-dropdown-toggle], [data-kt-dropdown-menu]', 'mouseover', (function (event, target) {
+            if (!event || !target)
+                return;
             var dropdown = KTDropdown.getInstance(target);
             if (dropdown && dropdown._getOption('trigger') === 'hover') {
                 dropdown.mouseover(event);
             }
-        });
+        }));
     };
     KTDropdown.handleMouseout = function () {
-        event_handler_1.default.on(document.body, '[data-kt-dropdown-toggle], [data-kt-dropdown-menu]', 'mouseout', function (event, target) {
+        event_handler_1.default.on(document.body, '[data-kt-dropdown-toggle], [data-kt-dropdown-menu]', 'mouseout', (function (event, target) {
+            if (!event || !target)
+                return;
             var dropdown = KTDropdown.getInstance(target);
             if (dropdown && dropdown._getOption('trigger') === 'hover') {
                 dropdown.mouseout(event);
             }
-        });
+        }));
     };
     KTDropdown.handleClick = function () {
-        event_handler_1.default.on(document.body, '[data-kt-dropdown-toggle]', 'click', function (event, target) {
+        event_handler_1.default.on(document.body, '[data-kt-dropdown-toggle]', 'click', (function (event, target) {
+            if (!event || !target)
+                return;
             var dropdown = KTDropdown.getInstance(target);
             if (dropdown) {
                 dropdown.click(event);
             }
-        });
+        }));
     };
     KTDropdown.handleDismiss = function () {
-        event_handler_1.default.on(document.body, '[data-kt-dropdown-dismiss]', 'click', function (event, target) {
+        event_handler_1.default.on(document.body, '[data-kt-dropdown-dismiss]', 'click', (function (event, target) {
+            if (!event || !target)
+                return;
             var dropdown = KTDropdown.getInstance(target);
             if (dropdown) {
                 dropdown.hide();
             }
-        });
+        }));
     };
     KTDropdown.initHandlers = function () {
         this.handleClickAway();
@@ -9112,6 +9267,282 @@ var image_input_1 = __webpack_require__(/*! ./image-input */ "./src/components/i
 Object.defineProperty(exports, "KTImageInput", ({ enumerable: true, get: function () { return image_input_1.KTImageInput; } }));
 
 
+/***/ }),
+
+/***/ "./src/components/input-number/index.ts":
+/*!**********************************************!*\
+  !*** ./src/components/input-number/index.ts ***!
+  \**********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.KTInputNumber = void 0;
+var input_number_1 = __webpack_require__(/*! ./input-number */ "./src/components/input-number/input-number.ts");
+Object.defineProperty(exports, "KTInputNumber", ({ enumerable: true, get: function () { return input_number_1.KTInputNumber; } }));
+
+
+/***/ }),
+
+/***/ "./src/components/input-number/input-number.ts":
+/*!*****************************************************!*\
+  !*** ./src/components/input-number/input-number.ts ***!
+  \*****************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+/**
+ * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
+ * Copyright 2025 by Keenthemes Inc
+ */
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.KTInputNumber = void 0;
+var data_1 = __webpack_require__(/*! ../../helpers/data */ "./src/helpers/data.ts");
+var component_1 = __webpack_require__(/*! ../component */ "./src/components/component.ts");
+var KTInputNumber = /** @class */ (function (_super) {
+    __extends(KTInputNumber, _super);
+    function KTInputNumber(element, config) {
+        if (config === void 0) { config = null; }
+        var _a, _b, _c, _d, _e, _f;
+        var _this = _super.call(this) || this;
+        _this._name = 'input-number';
+        _this._defaultConfig = {};
+        _this._config = _this._defaultConfig;
+        _this._numberInput = null;
+        _this._onNativeInput = null;
+        _this._onNativeChange = null;
+        _this._onDecrementClick = null;
+        _this._onIncrementClick = null;
+        _this._decrementElement = null;
+        _this._incrementElement = null;
+        var input = KTInputNumber.findNumberInput(element);
+        if (!input) {
+            return _this;
+        }
+        if (_this._shouldSkipInit(element)) {
+            return _this;
+        }
+        _this._numberInput = input;
+        _this._init(element);
+        _this._buildConfig(config);
+        _this._onNativeInput = _this._handleNativeInput.bind(_this);
+        _this._onNativeChange = _this._handleNativeChange.bind(_this);
+        (_a = _this._element) === null || _a === void 0 ? void 0 : _a.addEventListener('input', _this._onNativeInput);
+        (_b = _this._element) === null || _b === void 0 ? void 0 : _b.addEventListener('change', _this._onNativeChange);
+        _this._decrementElement =
+            (_d = (_c = _this._element) === null || _c === void 0 ? void 0 : _c.querySelector('[data-kt-input-number-decrement]')) !== null && _d !== void 0 ? _d : null;
+        _this._incrementElement =
+            (_f = (_e = _this._element) === null || _e === void 0 ? void 0 : _e.querySelector('[data-kt-input-number-increment]')) !== null && _f !== void 0 ? _f : null;
+        _this._onDecrementClick = function (e) {
+            e.preventDefault();
+            if (!_this._numberInput || _this._numberInput.disabled)
+                return;
+            if (typeof _this._numberInput.stepDown === 'function') {
+                _this._numberInput.stepDown();
+            }
+        };
+        _this._onIncrementClick = function (e) {
+            e.preventDefault();
+            if (!_this._numberInput || _this._numberInput.disabled)
+                return;
+            if (typeof _this._numberInput.stepUp === 'function') {
+                _this._numberInput.stepUp();
+            }
+        };
+        if (_this._decrementElement && _this._onDecrementClick) {
+            _this._decrementElement.addEventListener('click', _this._onDecrementClick);
+        }
+        if (_this._incrementElement && _this._onIncrementClick) {
+            _this._incrementElement.addEventListener('click', _this._onIncrementClick);
+        }
+        return _this;
+    }
+    KTInputNumber.findNumberInput = function (root) {
+        if (root instanceof HTMLInputElement && root.type === 'number') {
+            return root;
+        }
+        return root.querySelector('input[type="number"]');
+    };
+    KTInputNumber.prototype._getNumericMin = function () {
+        var input = this._numberInput;
+        if (!input)
+            return undefined;
+        if (typeof input.min === 'string' && input.min !== '') {
+            var n = parseFloat(input.min);
+            if (Number.isFinite(n))
+                return n;
+        }
+        return undefined;
+    };
+    KTInputNumber.prototype._getNumericMax = function () {
+        var input = this._numberInput;
+        if (!input)
+            return undefined;
+        if (typeof input.max === 'string' && input.max !== '') {
+            var n = parseFloat(input.max);
+            if (Number.isFinite(n))
+                return n;
+        }
+        return undefined;
+    };
+    KTInputNumber.prototype._getStepForPayload = function () {
+        var input = this._numberInput;
+        if (!input)
+            return undefined;
+        var raw = input.getAttribute('step');
+        if (raw === 'any')
+            return undefined;
+        if (raw === null || raw === '')
+            return 1;
+        var n = parseFloat(raw);
+        return Number.isFinite(n) && n > 0 ? n : 1;
+    };
+    KTInputNumber.prototype._getCurrentNumericValue = function () {
+        var input = this._numberInput;
+        if (!input)
+            return null;
+        if (input.value === '') {
+            return null;
+        }
+        var n = typeof input.valueAsNumber === 'number' &&
+            !Number.isNaN(input.valueAsNumber)
+            ? input.valueAsNumber
+            : parseFloat(input.value);
+        return Number.isFinite(n) ? n : null;
+    };
+    KTInputNumber.prototype._buildEventPayload = function () {
+        var _a;
+        var input = this._numberInput;
+        var min = this._getNumericMin();
+        var max = this._getNumericMax();
+        var step = this._getStepForPayload();
+        var value = this._getCurrentNumericValue();
+        var valueAsString = (_a = input === null || input === void 0 ? void 0 : input.value) !== null && _a !== void 0 ? _a : '';
+        return __assign(__assign(__assign({ value: value, valueAsString: valueAsString }, (min !== undefined ? { min: min } : {})), (max !== undefined ? { max: max } : {})), (step !== undefined ? { step: step } : {}));
+    };
+    KTInputNumber.prototype._handleNativeInput = function (_event) {
+        var event = _event;
+        var target = event.target;
+        if (!(target instanceof HTMLInputElement) || target.type !== 'number') {
+            return;
+        }
+        this._numberInput = target;
+        var payload = this._buildEventPayload();
+        this._fireEvent('input', payload);
+        this._dispatchEvent('kt.input-number.input', payload);
+    };
+    KTInputNumber.prototype._handleNativeChange = function (_event) {
+        var event = _event;
+        var target = event.target;
+        if (!(target instanceof HTMLInputElement) || target.type !== 'number') {
+            return;
+        }
+        this._numberInput = target;
+        var payload = this._buildEventPayload();
+        this._fireEvent('change', payload);
+        this._dispatchEvent('kt.input-number.change', payload);
+    };
+    KTInputNumber.prototype.getNumberInput = function () {
+        return this._numberInput;
+    };
+    KTInputNumber.prototype.getValue = function () {
+        return this._getCurrentNumericValue();
+    };
+    KTInputNumber.prototype.dispose = function () {
+        if (this._element) {
+            if (this._onNativeInput) {
+                this._element.removeEventListener('input', this._onNativeInput);
+            }
+            if (this._onNativeChange) {
+                this._element.removeEventListener('change', this._onNativeChange);
+            }
+        }
+        if (this._decrementElement && this._onDecrementClick) {
+            this._decrementElement.removeEventListener('click', this._onDecrementClick);
+        }
+        if (this._incrementElement && this._onIncrementClick) {
+            this._incrementElement.removeEventListener('click', this._onIncrementClick);
+        }
+        this._onNativeInput = null;
+        this._onNativeChange = null;
+        this._onDecrementClick = null;
+        this._onIncrementClick = null;
+        this._decrementElement = null;
+        this._incrementElement = null;
+        this._numberInput = null;
+        _super.prototype.dispose.call(this);
+    };
+    KTInputNumber.getInstance = function (element) {
+        if (!element) {
+            return null;
+        }
+        if (data_1.default.has(element, 'input-number')) {
+            return data_1.default.get(element, 'input-number');
+        }
+        return null;
+    };
+    KTInputNumber.getOrCreateInstance = function (element, config) {
+        var existing = this.getInstance(element);
+        if (existing) {
+            return existing;
+        }
+        if (!this.findNumberInput(element)) {
+            return null;
+        }
+        new KTInputNumber(element, config !== null && config !== void 0 ? config : undefined);
+        return this.getInstance(element);
+    };
+    KTInputNumber.createInstances = function () {
+        document
+            .querySelectorAll('[data-kt-input-number]')
+            .forEach(function (el) {
+            if (el.getAttribute('data-kt-input-number-lazy') === 'true') {
+                return;
+            }
+            new KTInputNumber(el);
+        });
+    };
+    KTInputNumber.init = function () {
+        KTInputNumber.createInstances();
+    };
+    return KTInputNumber;
+}(component_1.default));
+exports.KTInputNumber = KTInputNumber;
+if (typeof window !== 'undefined') {
+    window.KTInputNumber = KTInputNumber;
+}
+
+
 /***/ }),
 
 /***/ "./src/components/modal/index.ts":
@@ -11803,7 +12234,8 @@ exports.DefaultConfig = {
     selectAllText: 'Select all', // Text for the "Select All" option (if implemented)
     clearAllText: 'Clear all', // Text for the "Clear All" option (if implemented)
     enableSelectAll: false, // Enable/disable "Select All" button for multi-select
-    showSelectedCount: true, // Show the number of selected options in multi-select mode
+    showSelectedCount: false, // Tags mode: show "N selected" before chips when true
+    selectedCountText: '{{count}} selected', // Tags mode; use {{count}} placeholder
     renderSelected: undefined, // Custom function to render the selected value(s) in the display area
     // Accessibility & Usability
     label: 'Select an option', // Label for the select component (for screen readers)
@@ -14630,11 +15062,24 @@ var KTSelect = /** @class */ (function (_super) {
         return this._searchInputElement;
     };
     /**
-     * Get selected options
+     * Returns the current selection as **option value** strings (not labels, not DOM nodes).
+     * For single-select, the array has zero or one entry; use {@link getValue} for a scalar.
+     * For multiple-select, the array may contain multiple values in arbitrary order.
      */
     KTSelect.prototype.getSelectedOptions = function () {
         return this._state.getSelectedOptions();
     };
+    /**
+     * Returns the selected option **value** for single-select, or `null` when nothing is selected.
+     * When the select is configured with `multiple: true`, always returns `null` — use {@link getSelectedOptions} instead.
+     */
+    KTSelect.prototype.getValue = function () {
+        if (this._config.multiple) {
+            return null;
+        }
+        var values = this._state.getSelectedOptions();
+        return values.length > 0 ? values[0] : null;
+    };
     /**
      * Get configuration
      */
@@ -15656,6 +16101,7 @@ var KTSelectTags = /** @class */ (function () {
      */
     KTSelectTags.prototype.updateTagsDisplay = function (selectedOptions) {
         var _this = this;
+        var _a;
         if (!this._valueDisplayElement)
             return;
         var valueDisplayElement = this._valueDisplayElement;
@@ -15673,6 +16119,15 @@ var KTSelectTags = /** @class */ (function () {
         }
         // Clear all existing content before adding tags
         valueDisplayElement.innerHTML = '';
+        // Optional summary count (config exists for tags mode; non-tag display uses templates instead)
+        if (this._config.showSelectedCount && selectedOptions.length > 0) {
+            var countEl = document.createElement('span');
+            countEl.setAttribute('data-kt-select-selected-count', 'true');
+            countEl.className = 'kt-select-selected-count';
+            countEl.setAttribute('aria-live', 'polite');
+            countEl.textContent = (0, utils_1.renderTemplateString)((_a = this._config.selectedCountText) !== null && _a !== void 0 ? _a : '{{count}} selected', { count: selectedOptions.length });
+            valueDisplayElement.appendChild(countEl);
+        }
         // Insert each tag before the display element
         selectedOptions.forEach(function (optionValue) {
             var _a;
@@ -19610,7 +20065,7 @@ exports["default"] = KTUtils;
  * Copyright 2025 by Keenthemes Inc
  */
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.KTComponents = exports.KTCarousel = exports.KTPinInput = exports.KTRangeSlider = exports.KTClipboard = exports.KTRepeater = exports.KTRating = exports.KTToast = exports.KTSelect = exports.KTDataTable = exports.KTTogglePassword = exports.KTImageInput = exports.KTThemeSwitch = exports.KTStepper = exports.KTTooltip = exports.KTToggle = exports.KTReparent = exports.KTSticky = exports.KTScrollto = exports.KTScrollable = exports.KTScrollspy = exports.KTAccordion = exports.KTTabs = exports.KTDismiss = exports.KTCollapse = exports.KTDrawer = exports.KTModal = exports.KTContextMenu = exports.KTDropdown = void 0;
+exports.KTComponents = exports.KTCarousel = exports.KTInputNumber = exports.KTPinInput = exports.KTRangeSlider = exports.KTClipboard = exports.KTRepeater = exports.KTRating = exports.KTToast = exports.KTSelect = exports.KTDataTable = exports.KTTogglePassword = exports.KTImageInput = exports.KTThemeSwitch = exports.KTStepper = exports.KTTooltip = exports.KTToggle = exports.KTReparent = exports.KTSticky = exports.KTScrollto = exports.KTScrollable = exports.KTScrollspy = exports.KTAccordion = exports.KTTabs = exports.KTDismiss = exports.KTCollapse = exports.KTDrawer = exports.KTModal = exports.KTContextMenu = exports.KTDropdown = void 0;
 var dropdown_1 = __webpack_require__(/*! ./components/dropdown */ "./src/components/dropdown/index.ts");
 var context_menu_1 = __webpack_require__(/*! ./components/context-menu */ "./src/components/context-menu/index.ts");
 var modal_1 = __webpack_require__(/*! ./components/modal */ "./src/components/modal/index.ts");
@@ -19638,6 +20093,7 @@ var repeater_1 = __webpack_require__(/*! ./components/repeater */ "./src/compone
 var clipboard_1 = __webpack_require__(/*! ./components/clipboard */ "./src/components/clipboard/index.ts");
 var range_slider_1 = __webpack_require__(/*! ./components/range-slider */ "./src/components/range-slider/index.ts");
 var pin_input_1 = __webpack_require__(/*! ./components/pin-input */ "./src/components/pin-input/index.ts");
+var input_number_1 = __webpack_require__(/*! ./components/input-number */ "./src/components/input-number/index.ts");
 var carousel_1 = __webpack_require__(/*! ./components/carousel */ "./src/components/carousel/index.ts");
 var dropdown_2 = __webpack_require__(/*! ./components/dropdown */ "./src/components/dropdown/index.ts");
 Object.defineProperty(exports, "KTDropdown", ({ enumerable: true, get: function () { return dropdown_2.KTDropdown; } }));
@@ -19693,6 +20149,8 @@ var range_slider_2 = __webpack_require__(/*! ./components/range-slider */ "./src
 Object.defineProperty(exports, "KTRangeSlider", ({ enumerable: true, get: function () { return range_slider_2.KTRangeSlider; } }));
 var pin_input_2 = __webpack_require__(/*! ./components/pin-input */ "./src/components/pin-input/index.ts");
 Object.defineProperty(exports, "KTPinInput", ({ enumerable: true, get: function () { return pin_input_2.KTPinInput; } }));
+var input_number_2 = __webpack_require__(/*! ./components/input-number */ "./src/components/input-number/index.ts");
+Object.defineProperty(exports, "KTInputNumber", ({ enumerable: true, get: function () { return input_number_2.KTInputNumber; } }));
 var carousel_2 = __webpack_require__(/*! ./components/carousel */ "./src/components/carousel/index.ts");
 Object.defineProperty(exports, "KTCarousel", ({ enumerable: true, get: function () { return carousel_2.KTCarousel; } }));
 exports.KTComponents = {
@@ -19724,6 +20182,7 @@ exports.KTComponents = {
         clipboard_1.KTClipboard.init();
         range_slider_1.KTRangeSlider.init();
         pin_input_1.KTPinInput.init();
+        input_number_1.KTInputNumber.init();
         carousel_1.KTCarousel.init();
     },
 };