valtech-components 2.0.289 → 2.0.291

package/lib/examples/comprehensive-link-test.component.d.ts

@@ -0,0 +1,23 @@
+import { TextMetadata } from '../components/atoms/text/types';
+import * as i0 from "@angular/core";
+/**
+ * ComprehensiveLinkTestComponent - Componente de prueba exhaustiva para el procesamiento de enlaces.
+ *
+ * Este componente demuestra todos los casos edge y escenarios complejos de procesamiento de enlaces,
+ * incluyendo puntuación, URLs complejas, y mezclas de formatos.
+ *
+ * @example Uso en template:
+ * ```html
+ * <val-comprehensive-link-test></val-comprehensive-link-test>
+ * ```
+ */
+export declare class ComprehensiveLinkTestComponent {
+    punctuationProps: TextMetadata;
+    complexUrlProps: TextMetadata;
+    parenthesesProps: TextMetadata;
+    mixedFormatsProps: TextMetadata;
+    edgeCasesProps: TextMetadata;
+    devUrlsProps: TextMetadata;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComprehensiveLinkTestComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComprehensiveLinkTestComponent, "val-comprehensive-link-test", never, {}, {}, never, never, true, never>;
+}

package/lib/examples/link-processing-example.component.d.ts

@@ -19,6 +19,8 @@ export declare class LinkProcessingExampleComponent {
     sameTabLinksProps: TextMetadata;
     markdownLinksProps: TextMetadata;
     mixedFormatsProps: TextMetadata;
+    punctuationTestProps: TextMetadata;
+    complexUrlsProps: TextMetadata;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkProcessingExampleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LinkProcessingExampleComponent, "val-link-processing-example", never, {}, {}, never, never, true, never>;
 }

package/lib/services/link-processor.service.d.ts

@@ -37,6 +37,12 @@ export declare class LinkProcessorService {
     private readonly internalRouteRegex;
     private readonly markdownLinkRegex;
     constructor(sanitizer: DomSanitizer);
+    /**
+     * Limpia la puntuación del final de una URL.
+     * Mantiene caracteres válidos de URL pero remueve signos de puntuación comunes al final.
+     * Preserva parámetros de consulta, fragmentos y caracteres válidos en URLs.
+     */
+    private cleanUrlPunctuation;
     /**
      * Procesa texto para convertir enlaces en elementos <a> clickeables.
      * Detecta automáticamente URLs externas, rutas internas y enlaces estilo Markdown.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.289",
+  "version": "2.0.291",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",

package/public-api.d.ts

@@ -79,6 +79,7 @@ export * from './lib/components/organisms/wizard/wizard.component';
 export * from './lib/components/templates/layout/layout.component';
 export * from './lib/components/templates/simple/simple.component';
 export * from './lib/components/templates/simple/types';
+export * from './lib/examples/comprehensive-link-test.component';
 export * from './lib/examples/custom-content-demo.component';
 export * from './lib/examples/link-processing-example.component';
 export * from './lib/services/content.service';

package/src/lib/components/styles/overrides.scss

@@ -203,3 +203,37 @@ ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
   padding: 0 !important;
   padding-bottom: 0.5rem !important;
 }
+
+// Estilos para enlaces procesados automáticamente
+.processed-link {
+  color: var(--ion-color-primary, #3880ff);
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 2px;
+  transition: color 0.3s ease;
+
+  &:hover {
+    color: var(--ion-color-primary-shade, #3171e0);
+    text-decoration-thickness: 2px;
+  }
+
+  &:active {
+    color: var(--ion-color-primary-tint, #4c8dff);
+  }
+}
+
+.external-link {
+  &::after {
+    content: ' ↗';
+    font-size: 0.8em;
+    opacity: 0.7;
+  }
+}
+
+.internal-link {
+  color: var(--ion-color-primary, #0cd1e8);
+
+  &:hover {
+    color: var(--ion-color-primary-shade, #0bb8cc);
+  }
+}