@dataclouder/ngx-agent-cards 0.1.97 → 0.1.98

package/fesm2022/dataclouder-ngx-agent-cards.mjs

@@ -772,11 +772,13 @@ function removeEmojis(text) {
     return text.replace(/[\u{1F000}-\u{1F6FF}|\u{1F900}-\u{1F9FF}|\u{2600}-\u{26FF}|\u{2700}-\u{27BF}|\u{1F300}-\u{1F5FF}|\u{1F680}-\u{1F6FF}|\u{1F1E0}-\u{1F1FF}|\u{1F900}-\u{1F9FF}|\u{1F100}-\u{1F1FF}|\u{1F200}-\u{1F2FF}|\u{2100}-\u{26FF}]/gu, '');
 }
 function removeSpecialCharacters(inputText) {
-    // Remove special characters (*, _, [ and ])
+    // Remove special characters (*, _, [, ], `, #, >, -)
     if (!inputText) {
         return '';
     }
-    return inputText.replace(/[*_\[\]]/g, '');
+    // Remove markdown formatting: *, _, [, ], `, # (headers), > (blockquotes), - (lists)
+    // We also remove backticks as requested.
+    return inputText.replace(/[*_\[\]`#>]/g, '').replace(/^[-]\s+/gm, '');
 }
 
 class AudioService {
@@ -2424,37 +2426,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
 function matchTranscription(originalText, transcription) {
     const result = [];
     const transcriptionMap = new Map();
-    const finalPhrase = transcription.map((word) => word.word).join('');
-    console.log(`finalPhrase -> : ${finalPhrase}, originalText: ${originalText}`);
-    if (finalPhrase === originalText) {
-        console.log('Iluminado perfector');
-    }
-    // Create a map of lowercase words to an array of their corresponding objects in transcription
+    // Helper to clean word for matching: lowercase and remove basic punctuation
+    const cleanForMatch = (w) => w.toLowerCase().replace(/[.,!?;:()"]/g, '').trim();
+    // Create a map of cleaned words to their transcription objects
     for (const obj of transcription) {
-        const lowercaseWord = obj.word.trim().toLowerCase();
-        if (transcriptionMap.has(lowercaseWord)) {
-            transcriptionMap.get(lowercaseWord).push(obj);
+        const cleaned = cleanForMatch(obj.word);
+        if (!cleaned)
+            continue;
+        if (transcriptionMap.has(cleaned)) {
+            transcriptionMap.get(cleaned).push(obj);
         }
         else {
-            transcriptionMap.set(lowercaseWord, [obj]);
+            transcriptionMap.set(cleaned, [obj]);
         }
     }
-    // Split the original text into an array of words
-    const words = originalText.split(' ');
+    // Split the original text into words while keeping punctuation attached to the words
+    const words = originalText.split(/\s+/);
     let currentTime = 0;
     for (const word of words) {
-        const lowercaseWord = word.toLowerCase();
-        const matchedObjs = transcriptionMap.get(lowercaseWord);
+        const cleaned = cleanForMatch(word);
+        const matchedObjs = transcriptionMap.get(cleaned);
         if (matchedObjs && matchedObjs.length > 0) {
             const matchedObj = matchedObjs.shift();
             result.push({
-                word: word,
+                word: word, // Keep original word with punctuation for display
                 start: Number(matchedObj.start.toFixed(3)),
                 end: Number(matchedObj.end.toFixed(3)),
             });
             currentTime = matchedObj.end;
         }
         else {
+            // Fallback: if no match, use a zero-duration timestamp at the current time
             result.push({
                 word: word,
                 start: Number(currentTime.toFixed(3)),
@@ -4265,11 +4267,11 @@ class MessageContentDisplayer {
         console.log('debug', this.wordWithMeta());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MessageContentDisplayer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: MessageContentDisplayer, isStandalone: true, selector: "message-content-displayer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, markWord: { classPropertyName: "markWord", publicName: "markWord", isSignal: true, isRequired: false, transformFunction: null }, highlightColor: { classPropertyName: "highlightColor", publicName: "highlightColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { playAudio: "playAudio", audioCompleted: "audioCompleted", wordClicked: "wordClicked" }, host: { properties: { "style.--highlight-bg-color": "this.hostHighlightColor" } }, ngImport: i0, template: "<div class=\"audio-text-sync-container\">\n  <i (click)=\"onPlayMessage()\" class=\"play-button\">\n    @switch (iconState()) { @case ('loading') { <i class=\"spin-animation pi pi-spinner-dotted\"></i> } @case ('playing') { <i class=\"pi pi-volume-up\"></i> }\n    @case ('paused') { <i class=\"pi pi-pause-circle\"></i> } @case ('playable') { <i class=\"pi pi-play-circle\" style=\"color: white\"></i> } }\n  </i>\n\n  <!-- Display transcription with highlighting -->\n  <p style=\"width: 100%\" [class]=\"'text-content ' + classTag()\">\n    @for (word of wordWithMeta(); track trackByIndex($index, word)) {\n    <span\n      [class]=\"word.tag\"\n      [class.highlight]=\"word.isHighlighted\"\n      [class.marked]=\"word.marked\"\n      (click)=\"onWordClick(word)\"\n      [attr.id]=\"'word-' + message().messageId + '-' + word.index\"\n      >{{ word.word }}\n    </span>\n    }\n  </p>\n</div>\n@if (message().imageUrl) {\n<div class=\"tour-image-container\" style=\"display: flex; justify-content: center\">\n  <img [src]=\"message().imageUrl\" alt=\"Tour Image\" style=\"max-width: 220px; height: auto\" />\n</div>\n}\n", styles: [":host{display:block}.audio-text-sync-container{display:flex;align-items:flex-start;gap:2px;align-items:center}.play-button{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:24px;margin-top:4px}.play-button:hover{opacity:.8}.text-content{flex:1}.highlight{background-color:var(--highlight-bg-color, rgb(60, 216, 255));border-radius:4px}::ng-deep .marked{position:relative;color:#f8bfbc}::ng-deep .marked:before{content:\"\";z-index:-2;left:-.1em;top:.1em;border-width:2px;border-style:solid;border-color:#f27068;position:absolute;border-right-color:transparent;width:100%;height:1em;transform:rotate(2deg);opacity:.7;border-radius:50%;padding:.1em .25em}::ng-deep .marked:after{content:\"\";z-index:-1;left:-.1em;top:.4em;padding:.1em .25em;border-width:2px;border-style:solid;border-color:#f27068;border-left-color:transparent;border-top-color:transparent;position:absolute;width:100%;height:1em;transform:rotate(-1deg);opacity:.7;border-radius:50%}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.em{font-style:italic;color:#b8d0fc}.strong{font-weight:700;color:inherit}.italic{font-style:italic;color:#0d5cf0}.em_strong{font-weight:700;font-style:italic;color:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: MessageContentDisplayer, isStandalone: true, selector: "message-content-displayer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, markWord: { classPropertyName: "markWord", publicName: "markWord", isSignal: true, isRequired: false, transformFunction: null }, highlightColor: { classPropertyName: "highlightColor", publicName: "highlightColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { playAudio: "playAudio", audioCompleted: "audioCompleted", wordClicked: "wordClicked" }, host: { properties: { "style.--highlight-bg-color": "this.hostHighlightColor" } }, ngImport: i0, template: "<div class=\"audio-text-sync-container\">\n  <i (click)=\"onPlayMessage()\" class=\"play-button\">\n    @switch (iconState()) { @case ('loading') { <i class=\"spin-animation pi pi-spinner-dotted\"></i> } @case ('playing') { <i class=\"pi pi-volume-up\"></i> }\n    @case ('paused') { <i class=\"pi pi-pause-circle\"></i> } @case ('playable') { <i class=\"pi pi-play-circle\" style=\"color: white\"></i> } }\n  </i>\n\n  <!-- Display transcription with highlighting -->\n  <p style=\"width: 100%\" [class]=\"'text-content ' + classTag()\">\n    @for (word of wordWithMeta(); track trackByIndex($index, word)) {\n    <span\n      [class]=\"word.tag\"\n      [class.highlight]=\"word.isHighlighted\"\n      [class.marked]=\"word.marked\"\n      (click)=\"onWordClick(word)\"\n      [attr.id]=\"'word-' + message().messageId + '-' + word.index\"\n      >{{ word.word }}\n    </span>\n    }\n  </p>\n</div>\n@if (message().imageUrl) {\n<div class=\"tour-image-container\" style=\"display: flex; justify-content: center\">\n  <img [src]=\"message().imageUrl\" alt=\"Tour Image\" style=\"max-width: 220px; height: auto\" />\n</div>\n}\n", styles: [":host{display:block}.audio-text-sync-container{display:flex;align-items:flex-start;gap:2px;align-items:center}.play-button{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:24px;margin-top:4px}.play-button:hover{opacity:.8}.text-content{flex:1}.highlight{background-color:var(--highlight-bg-color, rgb(60, 216, 255));border-radius:4px}::ng-deep .marked{position:relative;color:#f8bfbc}::ng-deep .marked:before{content:\"\";z-index:-2;left:-.1em;top:.1em;border-width:2px;border-style:solid;border-color:#f27068;position:absolute;border-right-color:transparent;width:100%;height:1em;transform:rotate(2deg);opacity:.7;border-radius:50%;padding:.1em .25em}::ng-deep .marked:after{content:\"\";z-index:-1;left:-.1em;top:.4em;padding:.1em .25em;border-width:2px;border-style:solid;border-color:#f27068;border-left-color:transparent;border-top-color:transparent;position:absolute;width:100%;height:1em;transform:rotate(-1deg);opacity:.7;border-radius:50%}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.em{font-style:italic;color:var(--chat-message-italic-color, rgb(184, 208, 252))}.strong{font-weight:700;color:inherit}.italic{font-style:italic;color:var(--chat-message-italic-color, rgb(252, 198, 184))}.em_strong{font-weight:700;font-style:italic;color:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MessageContentDisplayer, decorators: [{
             type: Component,
-            args: [{ selector: 'message-content-displayer', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"audio-text-sync-container\">\n  <i (click)=\"onPlayMessage()\" class=\"play-button\">\n    @switch (iconState()) { @case ('loading') { <i class=\"spin-animation pi pi-spinner-dotted\"></i> } @case ('playing') { <i class=\"pi pi-volume-up\"></i> }\n    @case ('paused') { <i class=\"pi pi-pause-circle\"></i> } @case ('playable') { <i class=\"pi pi-play-circle\" style=\"color: white\"></i> } }\n  </i>\n\n  <!-- Display transcription with highlighting -->\n  <p style=\"width: 100%\" [class]=\"'text-content ' + classTag()\">\n    @for (word of wordWithMeta(); track trackByIndex($index, word)) {\n    <span\n      [class]=\"word.tag\"\n      [class.highlight]=\"word.isHighlighted\"\n      [class.marked]=\"word.marked\"\n      (click)=\"onWordClick(word)\"\n      [attr.id]=\"'word-' + message().messageId + '-' + word.index\"\n      >{{ word.word }}\n    </span>\n    }\n  </p>\n</div>\n@if (message().imageUrl) {\n<div class=\"tour-image-container\" style=\"display: flex; justify-content: center\">\n  <img [src]=\"message().imageUrl\" alt=\"Tour Image\" style=\"max-width: 220px; height: auto\" />\n</div>\n}\n", styles: [":host{display:block}.audio-text-sync-container{display:flex;align-items:flex-start;gap:2px;align-items:center}.play-button{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:24px;margin-top:4px}.play-button:hover{opacity:.8}.text-content{flex:1}.highlight{background-color:var(--highlight-bg-color, rgb(60, 216, 255));border-radius:4px}::ng-deep .marked{position:relative;color:#f8bfbc}::ng-deep .marked:before{content:\"\";z-index:-2;left:-.1em;top:.1em;border-width:2px;border-style:solid;border-color:#f27068;position:absolute;border-right-color:transparent;width:100%;height:1em;transform:rotate(2deg);opacity:.7;border-radius:50%;padding:.1em .25em}::ng-deep .marked:after{content:\"\";z-index:-1;left:-.1em;top:.4em;padding:.1em .25em;border-width:2px;border-style:solid;border-color:#f27068;border-left-color:transparent;border-top-color:transparent;position:absolute;width:100%;height:1em;transform:rotate(-1deg);opacity:.7;border-radius:50%}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.em{font-style:italic;color:#b8d0fc}.strong{font-weight:700;color:inherit}.italic{font-style:italic;color:#0d5cf0}.em_strong{font-weight:700;font-style:italic;color:inherit}\n"] }]
+            args: [{ selector: 'message-content-displayer', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"audio-text-sync-container\">\n  <i (click)=\"onPlayMessage()\" class=\"play-button\">\n    @switch (iconState()) { @case ('loading') { <i class=\"spin-animation pi pi-spinner-dotted\"></i> } @case ('playing') { <i class=\"pi pi-volume-up\"></i> }\n    @case ('paused') { <i class=\"pi pi-pause-circle\"></i> } @case ('playable') { <i class=\"pi pi-play-circle\" style=\"color: white\"></i> } }\n  </i>\n\n  <!-- Display transcription with highlighting -->\n  <p style=\"width: 100%\" [class]=\"'text-content ' + classTag()\">\n    @for (word of wordWithMeta(); track trackByIndex($index, word)) {\n    <span\n      [class]=\"word.tag\"\n      [class.highlight]=\"word.isHighlighted\"\n      [class.marked]=\"word.marked\"\n      (click)=\"onWordClick(word)\"\n      [attr.id]=\"'word-' + message().messageId + '-' + word.index\"\n      >{{ word.word }}\n    </span>\n    }\n  </p>\n</div>\n@if (message().imageUrl) {\n<div class=\"tour-image-container\" style=\"display: flex; justify-content: center\">\n  <img [src]=\"message().imageUrl\" alt=\"Tour Image\" style=\"max-width: 220px; height: auto\" />\n</div>\n}\n", styles: [":host{display:block}.audio-text-sync-container{display:flex;align-items:flex-start;gap:2px;align-items:center}.play-button{cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:24px;margin-top:4px}.play-button:hover{opacity:.8}.text-content{flex:1}.highlight{background-color:var(--highlight-bg-color, rgb(60, 216, 255));border-radius:4px}::ng-deep .marked{position:relative;color:#f8bfbc}::ng-deep .marked:before{content:\"\";z-index:-2;left:-.1em;top:.1em;border-width:2px;border-style:solid;border-color:#f27068;position:absolute;border-right-color:transparent;width:100%;height:1em;transform:rotate(2deg);opacity:.7;border-radius:50%;padding:.1em .25em}::ng-deep .marked:after{content:\"\";z-index:-1;left:-.1em;top:.4em;padding:.1em .25em;border-width:2px;border-style:solid;border-color:#f27068;border-left-color:transparent;border-top-color:transparent;position:absolute;width:100%;height:1em;transform:rotate(-1deg);opacity:.7;border-radius:50%}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.em{font-style:italic;color:var(--chat-message-italic-color, rgb(184, 208, 252))}.strong{font-weight:700;color:inherit}.italic{font-style:italic;color:var(--chat-message-italic-color, rgb(252, 198, 184))}.em_strong{font-weight:700;font-style:italic;color:inherit}\n"] }]
         }], ctorParameters: () => [], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], markWord: [{ type: i0.Input, args: [{ isSignal: true, alias: "markWord", required: false }] }], highlightColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightColor", required: false }] }], hostHighlightColor: [{
                 type: HostBinding,
                 args: ['style.--highlight-bg-color']
@@ -5494,10 +5496,12 @@ class ACCMotionGenerationComponent {
             return;
         }
         this.isLoading.set(true);
+        debugger;
         console.log(emptyAsset);
         this.toastService.info({ title: 'Generando video NO Cierres esta ventana', subtitle: 'Esto puede tomar unos momentos' });
         const dataAsset = await this.assetService.saveGeneratedAssets(emptyAsset);
         try {
+            debugger;
             const videoGen = await this.assetService.generateVideoFromAsset(dataAsset.id);
             this.generatedAsset.set(videoGen);
             const storageMotion = { ...videoGen.result, metadata: { moodState: this.emotionSelected } };
@@ -7245,9 +7249,7 @@ class DCAgentCardFormComponent extends EntityBaseFormComponent {
             header: 'Generate Character',
             width: '70vw',
             maximizable: true,
-            data: {
-                agentCard: this.entity(),
-            },
+            data: { agentCard: this.entity() },
             modal: true,
             closable: true,
         });