tailjng 0.0.2 → 0.0.4

package/fesm2022/tailjng.mjs

@@ -12,15 +12,6 @@ import * as i1$2 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import { formatDistanceToNowStrict } from 'date-fns';
 import { es } from 'date-fns/locale';
-import 'highlight.js/styles/github-dark.css';
-import hljs from 'highlight.js/lib/core';
-import javascript from 'highlight.js/lib/languages/javascript';
-import typescript from 'highlight.js/lib/languages/typescript';
-import bash from 'highlight.js/lib/languages/bash';
-import css from 'highlight.js/lib/languages/css';
-import scss from 'highlight.js/lib/languages/scss';
-import html from 'highlight.js/lib/languages/xml';
-import json from 'highlight.js/lib/languages/json';
 
 class JModeToggleComponent {
     platformId;
@@ -3854,6 +3845,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                 args: ['document:keydown.escape', ['$event']]
             }] } });
 
+class ErrorMessageComponent {
+    control;
+    errorMessages = {};
+    classes = '';
+    get hasErrors() {
+        return !!this.control && this.control.invalid && this.control.touched;
+    }
+    get errors() {
+        if (!this.control || !this.control.errors)
+            return [];
+        return Object.keys(this.control.errors)
+            .filter(errorKey => this.errorMessages[errorKey])
+            .map(errorKey => this.errorMessages[errorKey]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: ErrorMessageComponent, isStandalone: true, selector: "JErrorMessage", inputs: { control: "control", errorMessages: "errorMessages", classes: "classes" }, ngImport: i0, template: "@if (hasErrors) {\r\n<div class=\"flex flex-col text-red-600 dark:text-red-300 text-sm\">\r\n    @for (message of errors; track $index) {\r\n    <span [class]=\"classes\">{{ message }}</span>\r\n    }\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ErrorMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'JErrorMessage', standalone: true, imports: [CommonModule], template: "@if (hasErrors) {\r\n<div class=\"flex flex-col text-red-600 dark:text-red-300 text-sm\">\r\n    @for (message of errors; track $index) {\r\n    <span [class]=\"classes\">{{ message }}</span>\r\n    }\r\n</div>\r\n}" }]
+        }], propDecorators: { control: [{
+                type: Input
+            }], errorMessages: [{
+                type: Input
+            }], classes: [{
+                type: Input
+            }] } });
+
 class JTableComponent {
     currencyPipe;
     genericService;
@@ -4459,49 +4478,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                 type: Input
             }] } });
 
-hljs.registerLanguage('ts', typescript);
-hljs.registerLanguage('js', javascript);
-hljs.registerLanguage('bash', bash);
-hljs.registerLanguage('css', css);
-hljs.registerLanguage('scss', scss);
-hljs.registerLanguage('html', html);
-hljs.registerLanguage('json', json);
-class JCodeBlockComponent {
-    icons = {
-        copy: Copy,
-        check: Check
-    };
-    copied = false;
-    code = '';
-    language = 'ts';
-    codeRef;
-    highlightedCode = '';
-    ngAfterViewInit() {
-        this.codeRef.nativeElement.textContent = this.code;
-        hljs.highlightElement(this.codeRef.nativeElement);
-    }
-    copyCode() {
-        navigator.clipboard.writeText(this.code).then(() => {
-            console.log('Copiado al portapapeles');
-        });
-        this.copied = true;
-        setTimeout(() => (this.copied = false), 2000);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: JCodeBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: JCodeBlockComponent, isStandalone: true, selector: "JCodeBlock", inputs: { code: "code", language: "language" }, viewQueries: [{ propertyName: "codeRef", first: true, predicate: ["codeRef"], descendants: true }], ngImport: i0, template: "<div class=\"relative rounded bg-foreground pl-5 pt-3 m-0 border border-border dark:border-dark-border\">\r\n    <div class=\"absolute top-4 right-4\">\r\n        <JButton (clicked)=\"copyCode()\" [icon]=\"icons['copy']\" [iconChange]=\"icons['check']\"\r\n            [isChangeIcon]=\"copied\" [iconSize]=\"15\" tooltip=\"Copiar\" classes=\"w-[25px] h-[25px] text-white\" />\r\n    </div>\r\n    <pre class=\"p-5\">\r\n        <code #codeRef class=\"language-{{language}}\"></code>\r\n    </pre>\r\n</div>", styles: ["pre,code{margin:0!important;padding:0!important;background:transparent!important;line-height:1.5;font-size:.85rem}.hljs{background:transparent!important;border-radius:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: JButtonComponent, selector: "JButton", inputs: ["type", "disabled", "isLoading", "icon", "iconSize", "text", "isChangeIcon", "iconChange", "tooltip", "tooltipPosition", "classes", "ngClasses"], outputs: ["clicked"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: JCodeBlockComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'JCodeBlock', imports: [CommonModule, JButtonComponent], template: "<div class=\"relative rounded bg-foreground pl-5 pt-3 m-0 border border-border dark:border-dark-border\">\r\n    <div class=\"absolute top-4 right-4\">\r\n        <JButton (clicked)=\"copyCode()\" [icon]=\"icons['copy']\" [iconChange]=\"icons['check']\"\r\n            [isChangeIcon]=\"copied\" [iconSize]=\"15\" tooltip=\"Copiar\" classes=\"w-[25px] h-[25px] text-white\" />\r\n    </div>\r\n    <pre class=\"p-5\">\r\n        <code #codeRef class=\"language-{{language}}\"></code>\r\n    </pre>\r\n</div>", styles: ["pre,code{margin:0!important;padding:0!important;background:transparent!important;line-height:1.5;font-size:.85rem}.hljs{background:transparent!important;border-radius:0!important}\n"] }]
-        }], propDecorators: { code: [{
-                type: Input
-            }], language: [{
-                type: Input
-            }], codeRef: [{
-                type: ViewChild,
-                args: ['codeRef']
-            }] } });
-
 // =======================================
 // Publicar libreria
 // =======================================
@@ -4519,5 +4495,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { API_URL, CardComponent, JAlertDialogComponent, JAlertDialogService, JAlertToastComponent, JAlertToastService, JButtonComponent, JCheckboxComponent, JCodeBlockComponent, JDialogComponent, JDialogShared, JErrorHandlerService, JFilterComponent, JFormComponent, JFormShared, JGenericService, JHttpParamsService, JInputComponent, JLabelComponent, JModeToggleComponent, JPaginatorComponent, JSelectComponent, JTableComponent, JThemeComponent, JToggleRadioComponent, JTooltipModule };
+export { API_URL, CardComponent, ErrorMessageComponent, JAlertDialogComponent, JAlertDialogService, JAlertToastComponent, JAlertToastService, JButtonComponent, JCheckboxComponent, JContentFormComponent, JDialogComponent, JDialogShared, JErrorHandlerService, JFilterComponent, JFormComponent, JFormShared, JGenericService, JHttpParamsService, JInputComponent, JLabelComponent, JModeToggleComponent, JPaginatorComponent, JSelectComponent, JTableComponent, JThemeComponent, JToggleRadioComponent, JTooltipModule };
 //# sourceMappingURL=tailjng.mjs.map