@smilodon/core 1.0.4 → 1.0.6

package/README.md

@@ -77,13 +77,14 @@ import '@smilodon/core';
 <smilodon-select ref={selectRef} />
 ```
 
-**Optional Framework Adapters** (coming soon):
-- **React**: `@smilodon/react` - React hooks and components
-- **Vue**: `@smilodon/vue` - Vue composables and components  
-- **Svelte**: `@smilodon/svelte` - Svelte stores and components
-- **Angular**: `@smilodon/angular` - Angular directives and services
-
-These adapters provide framework-native APIs for enhanced developer experience, but are **not required** - the core package works everywhere!
+**Optional Framework Adapters** (for enhanced developer experience):
+- **React**: `npm install @smilodon/react` - React hooks and components
+- **Vue**: `npm install @smilodon/vue` - Vue composables and components  
+- **Svelte**: `npm install @smilodon/svelte` - Svelte stores and components
+- **Angular**: `npm install @smilodon/angular` - Angular directives and services
+- **Vanilla**: `npm install @smilodon/vanilla` - Vanilla JS helpers
+
+These adapters provide framework-native APIs (hooks, composables, directives) for enhanced developer experience, but are **not required** - the core package works everywhere!
 
 See the [main documentation](https://github.com/navidrezadoost/smilodon#readme) for framework-specific examples.
 

package/dist/index.cjs

@@ -1481,7 +1481,6 @@ class EnhancedSelect extends HTMLElement {
         this._input.addEventListener('input', (e) => {
             if (!this._config.searchable)
                 return;
-            console.log('[EnhancedSelect] Input event fired', e.target.value);
             const query = e.target.value;
             this._handleSearch(query);
         });
@@ -1507,7 +1506,6 @@ class EnhancedSelect extends HTMLElement {
             this._intersectionObserver = new IntersectionObserver((entries) => {
                 entries.forEach((entry) => {
                     if (entry.isIntersecting) {
-                        console.log('[InfiniteScroll] Sentinel intersected. isBusy:', this._state.isBusy);
                         if (!this._state.isBusy) {
                             this._loadMoreItems();
                         }
@@ -1599,7 +1597,6 @@ class EnhancedSelect extends HTMLElement {
         }
     }
     _handleSearch(query) {
-        console.log('[EnhancedSelect] _handleSearch called with:', JSON.stringify(query));
         this._state.searchQuery = query;
         // Clear previous search timeout
         if (this._searchTimeout) {
@@ -1610,12 +1607,10 @@ class EnhancedSelect extends HTMLElement {
         this._state.isSearching = false;
         // Ensure dropdown is open when searching
         if (!this._state.isOpen) {
-            console.log('[EnhancedSelect] Opening dropdown for search');
             this._handleOpen();
         }
         else {
             // Filter and render options immediately
-            console.log('[EnhancedSelect] Dropdown already open, re-rendering options');
             this._renderOptions();
         }
         // Get filtered items based on search query - searches ENTIRE phrase
@@ -1635,7 +1630,6 @@ class EnhancedSelect extends HTMLElement {
             })
             : this._state.loadedItems;
         const count = filteredItems.length;
-        console.log(`[EnhancedSelect] Search results: ${count} items found for query "${searchQuery}"`);
         // Announce search results for accessibility
         if (searchQuery) {
             this._announce(`${count} result${count !== 1 ? 's' : ''} found for "${query}"`);
@@ -1941,7 +1935,6 @@ class EnhancedSelect extends HTMLElement {
     async _loadMoreItems() {
         if (this._state.isBusy)
             return;
-        console.log('[InfiniteScroll] _loadMoreItems triggered');
         this._setBusy(true);
         // Save scroll position before loading
         if (this._dropdown) {
@@ -1955,7 +1948,6 @@ class EnhancedSelect extends HTMLElement {
         try {
             // Emit event for parent to handle
             this._state.currentPage++;
-            console.log(`[InfiniteScroll] Emitting loadMore event for page ${this._state.currentPage}`);
             this._emit('loadMore', { page: this._state.currentPage, items: [] });
             this._config.callbacks.onLoadMore?.(this._state.currentPage);
             // NOTE: We do NOT set isBusy = false here.
@@ -2010,14 +2002,6 @@ class EnhancedSelect extends HTMLElement {
         // we need to maintain scroll position during the update
         if (this._state.preserveScrollPosition && this._dropdown) {
             const targetScrollTop = this._state.lastScrollPosition;
-            console.log('[InfiniteScroll] setItems: before render', {
-                previousLength,
-                newLength,
-                lastScrollPosition: this._state.lastScrollPosition,
-                scrollTop: this._dropdown.scrollTop,
-                scrollHeight: this._dropdown.scrollHeight,
-                clientHeight: this._dropdown.clientHeight
-            });
             // Only clear loading if we actually got more items
             if (newLength > previousLength) {
                 this._state.isBusy = false;
@@ -2031,13 +2015,6 @@ class EnhancedSelect extends HTMLElement {
             requestAnimationFrame(() => {
                 if (this._dropdown) {
                     this._dropdown.scrollTop = targetScrollTop;
-                    console.log('[InfiniteScroll] setItems: after render', {
-                        newLength,
-                        lastScrollPosition: this._state.lastScrollPosition,
-                        scrollTop: this._dropdown.scrollTop,
-                        scrollHeight: this._dropdown.scrollHeight,
-                        clientHeight: this._dropdown.clientHeight
-                    });
                 }
             });
             // Only clear preserveScrollPosition if we got new items
@@ -2213,7 +2190,6 @@ class EnhancedSelect extends HTMLElement {
      * Render options based on current state
      */
     _renderOptions() {
-        console.log('[EnhancedSelect] _renderOptions called');
         // Cleanup observer
         if (this._loadMoreTrigger && this._intersectionObserver) {
             this._intersectionObserver.unobserve(this._loadMoreTrigger);
@@ -2369,7 +2345,6 @@ class EnhancedSelect extends HTMLElement {
         this._optionsContainer.appendChild(container);
         // Setup intersection observer for auto-load
         if (this._intersectionObserver && this._loadMoreTrigger) {
-            console.log('[InfiniteScroll] Observing sentinel');
             this._intersectionObserver.observe(this._loadMoreTrigger);
         }
     }