@unvired/turboforms-embed-sdk 2.0.58 → 2.0.60

package/dist/turboforms.html

@@ -2884,6 +2884,12 @@
 .tf-embed-sdk .form-control,
 .tf-embed-sdk .choices__inner,
 .tf-embed-sdk .col-form-label,
+.tf-embed-sdk table:not(.formio-component-htmlelement *):not(.formio-component-content *),
+.tf-embed-sdk th:not(.formio-component-htmlelement *):not(.formio-component-content *),
+.tf-embed-sdk td:not(.formio-component-htmlelement *):not(.formio-component-content *),
+.tf-embed-sdk p:not(.formio-component-htmlelement *):not(.formio-component-content *),
+.tf-embed-sdk span:not(.formio-component-htmlelement *):not(.formio-component-content *),
+.tf-embed-sdk div:not(.formio-component-htmlelement *):not(.formio-component-content *),
 .tf-embed-sdk label:not(.formio-component-htmlelement *):not(.formio-component-content *),
 .tf-embed-sdk select:not(.formio-component-htmlelement *):not(.formio-component-content *),
 .tf-embed-sdk textarea:not(.formio-component-htmlelement *):not(.formio-component-content *),
@@ -4858,42 +4864,49 @@
 }
 
 /* Input alignment and Bootstrap overrides */
+.tf-embed-sdk input[type="radio"],
 .tf-embed-sdk .formio-component-radio [ref="wrapper"] input[type="radio"],
 .tf-embed-sdk .formio-component-radio .radio.form-check input[type="radio"] {
-    margin: 0;
-    margin-right: 10px;
-    cursor: pointer;
-    width: 1.2rem;
-    height: 1.2rem;
-    accent-color: var(--tf-primary-color);
-    flex-shrink: 0;
-    position: relative;
-    top: auto;
-    float: none;
+    margin: 0 !important;
+    margin-right: 10px !important;
+    cursor: pointer !important;
+    width: 1.2rem !important;
+    height: 1.2rem !important;
+    accent-color: var(--tf-primary-color) !important;
+    flex-shrink: 0 !important;
+    position: relative !important;
+    top: auto !important;
+    float: none !important;
+    box-sizing: border-box !important;
 }
 
 /* Override Bootstrap's hardcoded blue for checked state */
+.tf-embed-sdk input[type="radio"]:checked,
 .tf-embed-sdk .formio-component-radio [ref="wrapper"] input[type="radio"]:checked,
 .tf-embed-sdk .formio-component-radio .radio.form-check input[type="radio"]:checked {
-    background-color: var(--tf-primary-color);
-    border-color: var(--tf-primary-color);
+    background-color: var(--tf-primary-color) !important;
+    border-color: var(--tf-primary-color) !important;
 }
 
 /* Label alignment */
 .tf-embed-sdk .formio-component-radio [ref="wrapper"] label,
-.tf-embed-sdk .formio-component-radio .radio.form-check label {
-    margin: 0;
-    padding: 0;
-    cursor: pointer;
-    user-select: none;
-    color: var(--tf-text-override, var(--tf-app-font-color));
-    line-height: 1.2rem;
-    display: flex;
-    align-items: center;
-    flex: 1;
-    min-width: 0;
-    word-break: break-word;
-    overflow-wrap: break-word;
+.tf-embed-sdk .formio-component-radio .radio.form-check label,
+.tf-embed-sdk .formio-component-radio .form-check-label {
+    margin: 0 !important;
+    padding: 0 !important;
+    cursor: pointer !important;
+    user-select: none !important;
+    font-family: var(--tf-app-font-family) !important;
+    font-size: var(--tf-app-font-size-base) !important;
+    font-weight: var(--tf-app-font-weight, 400) !important;
+    color: var(--tf-text-override, var(--tf-app-font-color, #2d3033)) !important;
+    line-height: 1.2rem !important;
+    display: flex !important;
+    align-items: center !important;
+    flex: 1 !important;
+    min-width: 0 !important;
+    word-break: break-word !important;
+    overflow-wrap: break-word !important;
 }
 
 /* Expand the label to cover the entire tile for better clickability */
@@ -6821,6 +6834,9 @@
     border: 1px solid var(--tf-border-color) !important;
     word-wrap: break-word !important;
     line-height: 1.2 !important;
+    font-family: var(--tf-app-font-family) !important;
+    font-size: var(--tf-app-font-size-base) !important;
+    color: var(--tf-text-override, var(--tf-app-font-color, #2d3033)) !important;
 }
 
 /* 3. Survey Input (Radio/Check) Alignment */
@@ -6886,15 +6902,15 @@
     <style>/* TABLE AND DATA GRID LAYOUT MODULE */
 
 /* 1. Core Table Sizing and Distribution */
+.tf-embed-sdk table,
 .tf-embed-sdk table.table,
 .tf-embed-sdk table.datagrid-table,
 .tf-embed-sdk .table>:not(caption)>*>* {
     border: 1px solid var(--tf-border-color) !important;
-    /* border-collapse: collapse !important; */
     margin-bottom: 0.5rem !important;
     font-weight: var(--tf-app-font-weight) !important;
-    /* border-radius: 10px; */
-    /* overflow: visible !important; */
+    font-family: var(--tf-app-font-family) !important;
+    font-size: var(--tf-app-font-size-base) !important;
 }
 
 /* 1.1 DataGrid Root Styling (Moved from index.css) */
@@ -6911,9 +6927,14 @@
     z-index: 9999 !important;
 }
 
+.tf-embed-sdk table td,
+.tf-embed-sdk table th,
 .tf-embed-sdk table.table td,
 .tf-embed-sdk table.table th {
     font-weight: var(--tf-app-font-weight) !important;
+    font-family: var(--tf-app-font-family) !important;
+    font-size: var(--tf-app-font-size-base) !important;
+    color: var(--tf-text-override, var(--tf-app-font-color, #2d3033)) !important;
 }
 
 /* Flexible Constraint: Ensure signature stays functional but adaptable in tables */
@@ -38988,11 +39009,11 @@ async function loadTRform(
         if (sdkLoader) {
           logger.info("[TF_SDK:312] ✅ Loader found, hiding...");
           sdkLoader.classList.add("hidden");
-          document.querySelectorAll('.tf-form-loading').forEach(el => el.classList.remove('tf-form-loading'));
           logger.info("[TF_SDK:313] ✅ Loader hidden");
         } else {
           logger.warn("[TF_SDK:314] ✅ Loader element not found");
         }
+        document.querySelectorAll('.tf-form-loading').forEach(el => el.classList.remove('tf-form-loading'));
 
         // Dispatch custom event
         logger.info("[TF_SDK:315] ✅ Dispatching FormRenderingComplete event...");
@@ -41453,7 +41474,7 @@ initThemeHook();
     </div>
 
     <div id="sticky-footer">
-      <div class="build-version">SDK v2.0.58</div>
+      <div class="build-version">SDK v2.0.60</div>
       
       <button class="footer-btn footer-btn-secondary" id="prevBtn" style="display:none" onclick="FormOnPrevious()">
         <i class="bi bi-chevron-left"></i> Previous
@@ -41941,6 +41962,9 @@ initThemeHook();
 
             if (showLoader && sdkLoader) {
                 sdkLoader.classList.remove('hidden');
+            } else {
+                if (sdkLoader) sdkLoader.classList.add('hidden');
+                document.querySelectorAll('.tf-form-loading').forEach(el => el.classList.remove('tf-form-loading'));
             }
 
             if (language) window.FORMIO_LANGUAGE = language;