@zohodesk/dot 1.7.11 → 1.7.13

package/coverage/src/Onboarding/css/Onboarding.module.css.html

@@ -391,7 +391,33 @@
 <a name='L326'></a><a href='#L326'>326</a>
 <a name='L327'></a><a href='#L327'>327</a>
 <a name='L328'></a><a href='#L328'>328</a>
-<a name='L329'></a><a href='#L329'>329</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L329'></a><a href='#L329'>329</a>
+<a name='L330'></a><a href='#L330'>330</a>
+<a name='L331'></a><a href='#L331'>331</a>
+<a name='L332'></a><a href='#L332'>332</a>
+<a name='L333'></a><a href='#L333'>333</a>
+<a name='L334'></a><a href='#L334'>334</a>
+<a name='L335'></a><a href='#L335'>335</a>
+<a name='L336'></a><a href='#L336'>336</a>
+<a name='L337'></a><a href='#L337'>337</a>
+<a name='L338'></a><a href='#L338'>338</a>
+<a name='L339'></a><a href='#L339'>339</a>
+<a name='L340'></a><a href='#L340'>340</a>
+<a name='L341'></a><a href='#L341'>341</a>
+<a name='L342'></a><a href='#L342'>342</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -723,6 +749,15 @@
   width: 360px;
 }
 &nbsp;
+&nbsp;
+.positon_absolute{
+  position: absolute;
+}
+&nbsp;
+.positon_fixed{
+  position: fixed;
+}
+&nbsp;
 .mainContainerAnimation{
   transform-origin: 100% 100%;
   animation: scaleBounce var(--zd_transition4) cubic-bezier(0.5, 0.11, 0.15, 1.5) forwards;
@@ -750,6 +785,7 @@
   height: 200px;
 }
 &nbsp;
+&nbsp;
 .mediaElement {
   width: 100%;
   height: 100%;
@@ -762,6 +798,8 @@
 .image {
   background-repeat: no-repeat;
   background-size: cover;
+  user-drag: none;
+  -webkit-user-drag: none; 
 }
 &nbsp;
 /* image filter layer */
@@ -1039,7 +1077,8 @@
 .carouselInner {
   transition: transform var(--zd_transition3) cubic-bezier(0.5, 0.11, 0.15, 1);
   width: 100%;
-  transform: translate3d(var(--local_translate_movement), 0, 0)
+  transform: translateX(var(--local_translate_movement))
+  /*rtl:translateX(calc(var(--local_translate_movement) * -1))*/;
 }
 .carouselItem {
   width: 100%
@@ -1054,7 +1093,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-06-26T10:36:53.970Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/css/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-06-26T10:36:53.970Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/hooks/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">64.7% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>22/34</span>
+                <span class='fraction'>26/39</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">55.55% </span>
+                <span class="strong">45.45% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>5/9</span>
+                <span class='fraction'>5/11</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">36.36% </span>
+                <span class="strong">33.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>4/11</span>
+                <span class='fraction'>4/12</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">63.63% </span>
+                <span class="strong">65.78% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>21/33</span>
+                <span class='fraction'>25/38</span>
             </div>
         
             
@@ -80,32 +80,32 @@
 </thead>
 <tbody><tr>
 	<td class="file medium" data-value="useOnboarding.js"><a href="useOnboarding.js.html">useOnboarding.js</a></td>
-	<td data-value="71.42" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 71%"></div><div class="cover-empty" style="width: 29%"></div></div>
+	<td data-value="77.77" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 77%"></div><div class="cover-empty" style="width: 23%"></div></div>
 	</td>
-	<td data-value="71.42" class="pct medium">71.42%</td>
-	<td data-value="7" class="abs medium">5/7</td>
+	<td data-value="77.77" class="pct medium">77.77%</td>
+	<td data-value="9" class="abs medium">7/9</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="0" class="abs high">0/0</td>
 	<td data-value="33.33" class="pct low">33.33%</td>
 	<td data-value="3" class="abs low">1/3</td>
-	<td data-value="71.42" class="pct medium">71.42%</td>
-	<td data-value="7" class="abs medium">5/7</td>
+	<td data-value="77.77" class="pct medium">77.77%</td>
+	<td data-value="9" class="abs medium">7/9</td>
 	</tr>
 
 <tr>
 	<td class="file medium" data-value="useOnboardingSlider.js"><a href="useOnboardingSlider.js.html">useOnboardingSlider.js</a></td>
-	<td data-value="62.96" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 62%"></div><div class="cover-empty" style="width: 38%"></div></div>
+	<td data-value="63.33" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 63%"></div><div class="cover-empty" style="width: 37%"></div></div>
 	</td>
-	<td data-value="62.96" class="pct medium">62.96%</td>
-	<td data-value="27" class="abs medium">17/27</td>
-	<td data-value="55.55" class="pct medium">55.55%</td>
-	<td data-value="9" class="abs medium">5/9</td>
-	<td data-value="37.5" class="pct low">37.5%</td>
-	<td data-value="8" class="abs low">3/8</td>
-	<td data-value="61.53" class="pct medium">61.53%</td>
-	<td data-value="26" class="abs medium">16/26</td>
+	<td data-value="63.33" class="pct medium">63.33%</td>
+	<td data-value="30" class="abs medium">19/30</td>
+	<td data-value="45.45" class="pct low">45.45%</td>
+	<td data-value="11" class="abs low">5/11</td>
+	<td data-value="33.33" class="pct low">33.33%</td>
+	<td data-value="9" class="abs low">3/9</td>
+	<td data-value="62.06" class="pct medium">62.06%</td>
+	<td data-value="29" class="abs medium">18/29</td>
 	</tr>
 
 </tbody>
@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-06-26T10:36:53.970Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/hooks/useOnboarding.js.html

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">71.42% </span>
+                <span class="strong">77.77% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>5/7</span>
+                <span class='fraction'>7/9</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">71.42% </span>
+                <span class="strong">77.77% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>5/7</span>
+                <span class='fraction'>7/9</span>
             </div>
         
             
@@ -93,18 +93,27 @@
 <a name='L28'></a><a href='#L28'>28</a>
 <a name='L29'></a><a href='#L29'>29</a>
 <a name='L30'></a><a href='#L30'>30</a>
-<a name='L31'></a><a href='#L31'>31</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L31'></a><a href='#L31'>31</a>
+<a name='L32'></a><a href='#L32'>32</a>
+<a name='L33'></a><a href='#L33'>33</a>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -112,21 +121,26 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import useMergeState from '@zohodesk/hooks/es/utils/useMergeState';
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useRef } from 'react';
+import useMergeState from '@zohodesk/hooks/es/utils/useMergeState';
+import useDragger from '../../Hooks/Dragger/useDragger';
 &nbsp;
-const useOnboarding = (props) =&gt; {
+const useOnboarding = ({ dragBoundaryLimit,isDraggable }) =&gt; {
 &nbsp;
+    const dragRef = useRef(null);
+    useDragger({ isActive: isDraggable, ChildRef: dragRef, boundaryLimit: dragBoundaryLimit });
     const [state, setState] = useMergeState({
         videoLookupLink: '',
         isVideoLookupOpen: false,
@@ -148,6 +162,7 @@ const useOnboarding = (props) =&gt; {
 &nbsp;
     return {
         state,
+        dragRef,
         openVideoLookup,
         closeVideoLookup
     };
@@ -160,7 +175,7 @@ export default useOnboarding;</pre></td></tr></table></pre>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-06-26T10:36:53.970Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/hooks/useOnboardingSlider.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">62.96% </span>
+                <span class="strong">63.33% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>17/27</span>
+                <span class='fraction'>19/30</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">55.55% </span>
+                <span class="strong">45.45% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>5/9</span>
+                <span class='fraction'>5/11</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">37.5% </span>
+                <span class="strong">33.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>3/8</span>
+                <span class='fraction'>3/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">61.53% </span>
+                <span class="strong">62.06% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>16/26</span>
+                <span class='fraction'>18/29</span>
             </div>
         
             
@@ -122,40 +122,52 @@
 <a name='L57'></a><a href='#L57'>57</a>
 <a name='L58'></a><a href='#L58'>58</a>
 <a name='L59'></a><a href='#L59'>59</a>
-<a name='L60'></a><a href='#L60'>60</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a>
+<a name='L62'></a><a href='#L62'>62</a>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -164,13 +176,15 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-yes">40x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">40x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">35x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -185,12 +199,13 @@
 &nbsp;
 const autoplayDelay = 50; // 5000ms divided by 100 for smoother animation
 &nbsp;
-const useOnboardingSlider = ({isAutoPlayAnimation,sliderData}) =&gt; {
+const useOnboardingSlider = ({isAutoPlayAnimation,sliderData,animationClass}) =&gt; {
 &nbsp;
   const [currentSlide, setCurrentSlide] = useState(0);
   const [autoplay, setAutoplay] = useState(true);
 &nbsp;
   const progressRef = useRef(0);
+  const mainContainerEleRef = useRef(null);
   const totalSlidesArrayLen = sliderData.length;
 &nbsp;
   const handleSliderIndexChange = useCallback(<span class="fstat-no" title="function not covered" >(i</span>ndex) =&gt; {
@@ -202,7 +217,7 @@ const useOnboardingSlider = ({isAutoPlayAnimation,sliderData}) =&gt; {
 <span class="cstat-no" title="statement not covered" >    progressRef.current = 0 </span>
 <span class="cstat-no" title="statement not covered" >    setCurrentSlide( currentSlide+1);</span>
 <span class="cstat-no" title="statement not covered" >    setAutoplay(false); </span>
-  }, [currentSlide]);
+  }, []);
 &nbsp;
   const handleMouseEnter = useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >    setAutoplay(false);</span>
@@ -211,6 +226,10 @@ const useOnboardingSlider = ({isAutoPlayAnimation,sliderData}) =&gt; {
   const handleMouseLeave = useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >    setAutoplay(true);</span>
   }, []);
+&nbsp;
+  const handleAnimationEnd = useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >    mainContainerEleRef.current &amp;&amp; mainContainerEleRef.current.classList.remove(animationClass);</span>
+  }, [animationClass]);
 &nbsp;
   useEffect(() =&gt; {
     let progressInterval;
@@ -233,10 +252,12 @@ const useOnboardingSlider = ({isAutoPlayAnimation,sliderData}) =&gt; {
     sliderIndex: currentSlide,
     isAnimationPaused: !autoplay,
     translateMovementVal,
+    mainContainerEleRef,
     handleMouseEnter,
     handleMouseLeave,
     handleSliderIndexChange,
-    handleSliderNext
+    handleSliderNext,
+    handleAnimationEnd
   };
 };
 &nbsp;
@@ -247,7 +268,7 @@ export default useOnboardingSlider;</pre></td></tr></table></pre>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-06-26T10:36:53.970Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/index.html

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">76.47% </span>
+                <span class="strong">77.77% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>26/34</span>
+                <span class='fraction'>28/36</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">87.01% </span>
+                <span class="strong">87.36% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>67/77</span>
+                <span class='fraction'>83/95</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">76.47% </span>
+                <span class="strong">80% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>26/34</span>
+                <span class='fraction'>28/35</span>
             </div>
         
             
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file medium" data-value="Onboarding.js"><a href="Onboarding.js.html">Onboarding.js</a></td>
-	<td data-value="76.47" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 76%"></div><div class="cover-empty" style="width: 24%"></div></div>
+	<td data-value="77.77" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 77%"></div><div class="cover-empty" style="width: 23%"></div></div>
 	</td>
-	<td data-value="76.47" class="pct medium">76.47%</td>
-	<td data-value="34" class="abs medium">26/34</td>
-	<td data-value="87.01" class="pct high">87.01%</td>
-	<td data-value="77" class="abs high">67/77</td>
+	<td data-value="77.77" class="pct medium">77.77%</td>
+	<td data-value="36" class="abs medium">28/36</td>
+	<td data-value="87.36" class="pct high">87.36%</td>
+	<td data-value="95" class="abs high">83/95</td>
 	<td data-value="57.14" class="pct medium">57.14%</td>
 	<td data-value="7" class="abs medium">4/7</td>
-	<td data-value="76.47" class="pct medium">76.47%</td>
-	<td data-value="34" class="abs medium">26/34</td>
+	<td data-value="80" class="pct high">80%</td>
+	<td data-value="35" class="abs high">28/35</td>
 	</tr>
 
 </tbody>
@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-06-26T10:36:53.970Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/props/defaultProps.js.html

@@ -76,7 +76,19 @@
 <a name='L11'></a><a href='#L11'>11</a>
 <a name='L12'></a><a href='#L12'>12</a>
 <a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L14'></a><a href='#L14'>14</a>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -92,6 +104,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export const defaultProps = {
     ribbonText: "New",
     videoLookupCloseText: "Esc",
+    closeIconTooltip: "Close",
     isAutoPlayAnimation:true,
     customId:"onboarding",
     testId: 'onboarding',
@@ -100,7 +113,12 @@
     customProps:{},
     hasBouncAnimationOnMount: true,
     hasCloseIcon:true,
-    hasRibbon: true
+    hasRibbon: true,
+    tagAttributes: {},
+    a11yAttributes: {},
+    isDraggable: true,
+    position: "static",
+    dragBoundaryLimit: {top: 0, left: 0, right: 0, bottom: 0}
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -109,7 +127,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-06-26T10:36:53.970Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/Onboarding/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-06-26T10:36:53.970Z
+                at 2025-07-16T12:42:32.284Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>