lisichatbot 2.2.4 → 2.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lisichatbot",
-  "version": "2.2.4",
+  "version": "2.2.6",
   "type": "module",
   "main": "./src/index.js",
   "exports": {

package/src/index.js

@@ -1213,6 +1213,7 @@ function renderMinMaxInputs(field, customConfig, existingData, hasMatchingNormal
         minInput.setAttribute('inputmode', 'numeric'); // Show numeric keyboard on mobile
         minInput.setAttribute('data-min', customConfig.min !== undefined ? customConfig.min : 0);
         minInput.setAttribute('data-max', customConfig.max !== undefined ? customConfig.max : 100);
+        if (customConfig.minPlaceholder) minInput.setAttribute('placeholder', customConfig.minPlaceholder);
         
         if (showMinMax && existingData[0] !== undefined) {
             const numValue = Number(existingData[0]);
@@ -1237,6 +1238,7 @@ function renderMinMaxInputs(field, customConfig, existingData, hasMatchingNormal
         maxInput.setAttribute('inputmode', 'numeric'); // Show numeric keyboard on mobile
         maxInput.setAttribute('data-min', customConfig.min !== undefined ? customConfig.min : 0);
         maxInput.setAttribute('data-max', customConfig.max !== undefined ? customConfig.max : 100);
+        if (customConfig.maxPlaceholder) maxInput.setAttribute('placeholder', customConfig.maxPlaceholder);
         
         if (showMinMax && existingData[1] !== undefined) {
             const numValue = Number(existingData[1]);
@@ -3653,6 +3655,23 @@ function init(flowName, flowConfig, options = {}) {
     if (flowConfig.config) {
         Object.assign(config, flowConfig.config);
     }
+
+    // Inject mobile breakpoint styles if configured
+    if (config.mobileBreakpoint) {
+        const mobileStyleId = 'cf-mobile-styles';
+        let mobileStyle = document.getElementById(mobileStyleId);
+        if (mobileStyle) mobileStyle.remove();
+        mobileStyle = document.createElement('style');
+        mobileStyle.id = mobileStyleId;
+        mobileStyle.textContent = `
+            @media (max-width: ${config.mobileBreakpoint}px) {
+                [data-chat-element="user-message-wrapper"] {
+                    margin-bottom: 0.375rem !important;
+                }
+            }
+        `;
+        document.head.appendChild(mobileStyle);
+    }
     
     if (flowConfig.customRangeErrors) {
         // console.log('✅ Using custom range errors from flow object');
@@ -4003,7 +4022,7 @@ function injectStyles() {
     style.id = styleId;
     style.textContent = `
         [data-chat-element="user-message-wrapper"] {
-            margin-bottom: 0px;
+            margin-bottom: 16px;
             display: inline-flex;
             max-width: 70%;
             align-self: flex-end;