fix(quantic): fixed display of timestamps in youtube templates

packages/quantic/force-app/examples/main/lwc/exampleInsightPanel/resultTemplates/youtubeResultTemplate.html

@@ -19,7 +19,7 @@
     <div slot="excerpt">
       {result.Excerpt}
     </div>
-    <div slot="bottom-metadata" class="slds-text-align_left slds-m-top_xx-small" style="font-size: 10px">
+    <div slot="bottom-metadata" class="slds-text-align_left slds-m-top_xx-small slds-grid slds-grid_vertical-align-center" style="font-size: 10px">
       <lightning-icon icon-name="utility:clock" size="xx-small"></lightning-icon>
       <span class="slds-m-left_xxx-small">{videoTimeSpan}</span>
     </div>

packages/quantic/force-app/examples/main/lwc/exampleSearch/resultTemplates/youtubeResultTemplate.html

@@ -22,7 +22,7 @@
     <div slot="excerpt">
       <c-quantic-result-highlighted-text-field engine-id={engineId} result={result} field="excerpt"></c-quantic-result-highlighted-text-field>
     </div>
-    <div slot="bottom-metadata" class="slds-text-align_left slds-m-top_xx-small" style="font-size: 10px">
+    <div slot="bottom-metadata" class="slds-text-align_left slds-m-top_xx-small slds-grid slds-grid_vertical-align-center" style="font-size: 10px">
       <lightning-icon icon-name="utility:clock" size="xx-small"></lightning-icon>
       <span class="slds-m-left_xxx-small">{videoTimeSpan}</span>
     </div>

packages/quantic/force-app/main/default/lwc/quanticCategoryFacet/quanticCategoryFacet.js

@@ -165,7 +165,7 @@ export default class QuanticCategoryFacet extends LightningElement {
    *   ```
    *
    * @api
-   * @type {DependsOn} - An object defining the `parentFacetId` and `expectedValue` properties.
+   * @type {DependsOn}
    */
   @api dependsOn;
   /**

packages/quantic/force-app/main/default/lwc/quanticDateFacet/quanticDateFacet.js

@@ -113,7 +113,7 @@ export default class QuanticDateFacet extends LightningElement {
    *   ```
    *
    * @api
-   * @type {DependsOn} - An object defining the `parentFacetId` and `expectedValue` properties.
+   * @type {DependsOn}
    */
   @api dependsOn;
   /**

packages/quantic/force-app/main/default/lwc/quanticFacet/quanticFacet.js

@@ -173,7 +173,7 @@ export default class QuanticFacet extends LightningElement {
    *   ```
    *
    * @api
-   * @type {DependsOn} - An object defining the `parentFacetId` and `expectedValue` properties.
+   * @type {DependsOn}
    */
   @api dependsOn;
 

packages/quantic/force-app/main/default/lwc/quanticNumericFacet/quanticNumericFacet.js

@@ -156,7 +156,7 @@ export default class QuanticNumericFacet extends LightningElement {
    *   ```
    *
    * @api
-   * @type {DependsOn} - An object defining the `parentFacetId` and `expectedValue` properties.
+   * @type {DependsOn}
    */
   @api dependsOn;
   /*

packages/quantic/force-app/main/default/lwc/quanticResult/quanticResult.js

@@ -96,7 +96,7 @@ export default class QuanticResult extends LightningElement {
     return new TimeSpan(
       this.result.raw.ytvideoduration,
       false
-    ).getCleanHHMMSS();
+    ).getYoutubeFormatTimestamp();
   }
 
   onHasPreview = (evt) => {

packages/quantic/force-app/main/default/lwc/quanticTimeframeFacet/quanticTimeframeFacet.js

@@ -163,7 +163,7 @@ export default class QuanticTimeframeFacet extends LightningElement {
    *   ```
    *
    * @api
-   * @type {DependsOn} - An object defining the `parentFacetId` and `expectedValue` properties.
+   * @type {DependsOn}
    */
   @api dependsOn;
 

packages/quantic/force-app/main/default/lwc/quanticUtils/__tests__/quanticUtils.test.js

@@ -2,6 +2,7 @@ import {
   I18nUtils,
   buildTemplateTextFromResult,
   copyToClipboard,
+  TimeSpan,
 } from 'c/quanticUtils';
 
 describe('c/quanticUtils', () => {
@@ -200,4 +201,23 @@ describe('c/quanticUtils', () => {
       );
     });
   });
+
+  describe('TimeSpan', () => {
+    describe('getYoutubeFormatTimestamp', () => {
+      it('should return the correct YouTube timestamp format for timestamps of less than a minute', () => {
+        const timeSpan = new TimeSpan(45000); // 45 seconds
+        expect(timeSpan.getYoutubeFormatTimestamp()).toBe('0:45');
+      });
+
+      it('should return the correct YouTube timestamp format for timestamps of more than an hour', () => {
+        const timeSpan = new TimeSpan(3661000); // 1 hour, 1 minute, and 1 second
+        expect(timeSpan.getYoutubeFormatTimestamp()).toBe('1:01:01');
+      });
+
+      it('should return the correct YouTube timestamp format for timestamps of less than an hour', () => {
+        const timeSpan = new TimeSpan(300000); // 5 minutes
+        expect(timeSpan.getYoutubeFormatTimestamp()).toBe('05:00');
+      });
+    });
+  });
 });

packages/quantic/force-app/main/default/lwc/quanticUtils/quanticUtils.js

@@ -322,6 +322,22 @@ export class TimeSpan {
     return hhmmss;
   }
 
+  getYoutubeFormatTimestamp() {
+    const hours = Math.floor(this.getHours());
+    const minutes = Math.floor(this.getMinutes()) % 60;
+    const seconds = Math.floor(this.getSeconds()) % 60;
+
+    const formattedSeconds = seconds < 10 ? '0' + seconds : seconds;
+
+    if (hours > 0) {
+      const formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
+      return hours + ':' + formattedMinutes + ':' + formattedSeconds;
+    }
+    const formattedMinutes =
+      minutes === 0 ? '0' : minutes < 10 ? '0' + minutes : minutes;
+    return formattedMinutes + ':' + formattedSeconds;
+  }
+
   getCleanHHMMSS() {
     return this.getHHMMSS().replace(/^0+/, '');
   }