@bebranded/bb-contents 1.0.132 → 1.0.134

package/bb-contents.js

@@ -1,7 +1,7 @@
 /**
  * BeBranded Contents
  * Contenus additionnels français pour Webflow
- * @version 1.0.132
+ * @version 1.0.134
  * @author BeBranded
  * @license MIT
  * @website https://www.bebranded.xyz
@@ -32,11 +32,11 @@
     window._bbContentsInitialized = true;
 
     // Log de démarrage simple (une seule fois)
-    console.log('bb-contents | v1.0.132');
+    console.log('bb-contents | v1.0.134');
 
     // Configuration
     const config = {
-        version: '1.0.132',
+        version: '1.0.134',
         debug: false, // Debug désactivé pour rendu propre
         prefix: 'bb-', // utilisé pour générer les sélecteurs (data-bb-*)
         youtubeEndpoint: null, // URL du worker YouTube (à définir par l'utilisateur)
@@ -1395,7 +1395,7 @@
                     
                     trigger.innerHTML = '<div style="display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;"><span class="bb-country-flag" style="flex-shrink: 0;">' + selectedFlag + '</span><span class="bb-country-name" style="flex: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">' + bbContents.utils.sanitize(selectedName) + '</span></div><svg width="16" height="16" viewBox="0 0 16 16" fill="none" style="flex-shrink: 0; transition: transform 0.2s;"><path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';
                     let triggerStyle = 'display: flex; align-items: center; justify-content: space-between; cursor: pointer; box-sizing: border-box; transition: border-color 0.2s;';
-                    // Appliquer les styles du select natif
+                    // Appliquer les styles du select natif (récupérés depuis CET élément spécifique)
                     if (selectBgColor && selectBgColor !== 'rgba(0, 0, 0, 0)' && selectBgColor !== 'transparent') {
                         triggerStyle += ' background-color: ' + selectBgColor + ';';
                     }
@@ -1407,7 +1407,8 @@
                     if (selectBorderRadius && selectBorderRadius !== '0px') {
                         triggerStyle += ' border-radius: ' + selectBorderRadius + ';';
                     }
-                    if (selectColor) {
+                    // Toujours appliquer la couleur du texte (même si héritée)
+                    if (selectColor && selectColor !== 'rgba(0, 0, 0, 0)') {
                         triggerStyle += ' color: ' + selectColor + ';';
                     }
                     if (selectFontSize) {
@@ -1442,19 +1443,10 @@
                     popover.className = 'bb-country-select-popover';
                     popover.setAttribute('role', 'listbox');
                     let popoverStyle = 'position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px; max-height: 300px; overflow: hidden; display: none; z-index: 50;';
-                    // Appliquer les styles du select natif au popover
-                    if (selectBgColor && selectBgColor !== 'rgba(0, 0, 0, 0)' && selectBgColor !== 'transparent') {
-                        popoverStyle += ' background-color: ' + selectBgColor + ';';
-                    } else {
-                        popoverStyle += ' background-color: white;';
-                    }
-                    if (selectBorder && selectBorder !== 'none' && selectBorder !== '0px none rgb(0, 0, 0)') {
-                        popoverStyle += ' border: ' + selectBorder + ';';
-                    } else if (selectBorderColor && selectBorderColor !== 'rgba(0, 0, 0, 0)') {
-                        popoverStyle += ' border: 1px solid ' + selectBorderColor + ';';
-                    } else {
-                        popoverStyle += ' border: 1px solid #e5e7eb;';
-                    }
+                    // Garder les couleurs par défaut pour le dropdown
+                    popoverStyle += ' background-color: white;';
+                    popoverStyle += ' border: 1px solid #e5e7eb;';
+                    // Appliquer uniquement le border-radius du select natif
                     if (selectBorderRadius && selectBorderRadius !== '0px') {
                         popoverStyle += ' border-radius: ' + selectBorderRadius + ';';
                     } else {
@@ -1466,18 +1458,7 @@
                     // Barre de recherche
                     const searchWrapper = document.createElement('div');
                     searchWrapper.className = 'bb-country-search';
-                    let searchWrapperStyle = 'position: sticky; top: 0; padding: 8px; z-index: 1;';
-                    if (selectBgColor && selectBgColor !== 'rgba(0, 0, 0, 0)' && selectBgColor !== 'transparent') {
-                        searchWrapperStyle += ' background-color: ' + selectBgColor + ';';
-                    } else {
-                        searchWrapperStyle += ' background-color: white;';
-                    }
-                    if (selectBorderColor && selectBorderColor !== 'rgba(0, 0, 0, 0)') {
-                        searchWrapperStyle += ' border-bottom: 1px solid ' + selectBorderColor + ';';
-                    } else {
-                        searchWrapperStyle += ' border-bottom: 1px solid #e5e7eb;';
-                    }
-                    searchWrapper.style.cssText = searchWrapperStyle;
+                    searchWrapper.style.cssText = 'position: sticky; top: 0; padding: 8px; background-color: white; border-bottom: 1px solid #e5e7eb; z-index: 1;';
                     
                     const searchInput = document.createElement('input');
                     searchInput.type = 'text';
@@ -1491,14 +1472,7 @@
                     if (selectFontFamily) {
                         searchInputStyle += ' font-family: ' + selectFontFamily + ';';
                     }
-                    if (selectColor) {
-                        searchInputStyle += ' color: ' + selectColor + ';';
-                    }
-                    if (selectBorderColor && selectBorderColor !== 'rgba(0, 0, 0, 0)') {
-                        searchInputStyle += ' border: 1px solid ' + selectBorderColor + ';';
-                    } else {
-                        searchInputStyle += ' border: 1px solid #e5e7eb;';
-                    }
+                    searchInputStyle += ' border: 1px solid #e5e7eb;';
                     if (selectBorderRadius && selectBorderRadius !== '0px') {
                         const borderRadiusValue = parseFloat(selectBorderRadius);
                         if (!isNaN(borderRadiusValue)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bebranded/bb-contents",
-  "version": "1.0.132",
+  "version": "1.0.134",
   "description": "Contenus additionnels français pour Webflow",
   "main": "bb-contents.js",
   "scripts": {