@seniorsistemas/angular-components 19.9.15 → 19.10.0

package/fesm2022/seniorsistemas-angular-components-code-editor.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { inject, EventEmitter, forwardRef, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { inject, NgModule, EventEmitter, forwardRef, Component, Input, Output, ViewChild } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { ReplaySubject, Subject } from 'rxjs';
-import { take, takeUntil } from 'rxjs/operators';
+import { takeUntil, take } from 'rxjs/operators';
 import { setDiagnostics } from '@codemirror/lint';
 import { StateField, StateEffect, EditorState } from '@codemirror/state';
 import { EditorView } from '@codemirror/view';
@@ -134,153 +134,6 @@ class CoreFacade {
     }
 }
 
-/* eslint-disable @angular-eslint/no-output-on-prefix */
-/**
- * @description Componente de editor de código com syntax highlighting, construído sobre
- * um editor Monaco/CodeMirror. Implementa {@link ControlValueAccessor} para integração
- * com formulários Angular e suporta configuração de linguagem, tema e opções avançadas
- * do editor via `editorOptions`.
- *
- * @example
- * ```html
- * <s-code-editor
- *   formControlName="script"
- *   [editorOptions]="{ language: 'javascript', theme: 'vs-dark' }"
- *   (codeChange)="onCodeChange($event)" />
- * ```
- *
- * @category Inputs
- */
-class CodeEditorComponent {
-    coreFacade = inject(CoreFacade);
-    /**
-     * @description Opções de configuração do editor (linguagem, tema, readonly, etc.).
-     * Ao atribuir um novo valor, as opções são aplicadas imediatamente ao editor.
-     */
-    set editorOptions(options) {
-        if (options) {
-            this.coreFacade.changeEditorOptions(options);
-        }
-    }
-    /**
-     * @description Conteúdo textual do editor. Ao atribuir, o código é propagado ao núcleo do editor.
-     */
-    set code(code) {
-        this.coreFacade.changeCode(code);
-    }
-    /**
-     * @description Indica se o código atual é válido segundo as regras do editor.
-     * Pode ser usado para exibir indicadores visuais de erro.
-     *
-     * @default false
-     */
-    isCodeValid = false;
-    /**
-     * @description Payload adicional passado ao núcleo do editor, utilizado para
-     * contexto de autocompletar ou validações específicas da linguagem.
-     */
-    set payload(payload) {
-        this.coreFacade.setPayload(payload);
-    }
-    /** @description Emitido sempre que o conteúdo do editor é alterado. Emite o código atual como string. */
-    codeChange = new EventEmitter();
-    /** @description Emitido quando o estado de validade do código muda. */
-    isCodeValidChange = new EventEmitter();
-    /**
-     * @deprecated Use `codeChange` ao invés deste output.
-     * @description Emitido sempre que o conteúdo do editor é alterado.
-     */
-    onCodeChange = new EventEmitter();
-    /** @description Emitido quando o componente finaliza o carregamento e o editor está pronto para uso. */
-    onComponentFinishLoad = new EventEmitter();
-    coreWrapperElement = null;
-    _ngUnsubscribe = new Subject();
-    _onChange = () => { };
-    _onTouched = () => { };
-    writeValue(value) {
-        this.code = value;
-    }
-    registerOnChange(onChange) {
-        this._onChange = onChange;
-    }
-    registerOnTouched(onTouched) {
-        this._onTouched = onTouched;
-    }
-    ngOnInit() {
-        this.coreFacade.initCore();
-        this.setupCoreListeners();
-    }
-    ngAfterViewInit() {
-        this.setCoreWrapperElement();
-    }
-    ngOnDestroy() {
-        this.coreFacade.destroyCore();
-        this._ngUnsubscribe.next();
-        this._ngUnsubscribe.complete();
-    }
-    setCoreWrapperElement() {
-        this.coreFacade.setCoreWrapperElement(this.coreWrapperElement?.nativeElement);
-    }
-    setupCoreListeners() {
-        this.coreFacade
-            .getOnCoreFinishLoadObservable()
-            .pipe(take(1))
-            .subscribe(() => this.onComponentFinishLoad.emit());
-        this.coreFacade
-            .getOnCodeChangeObservable()
-            .pipe(takeUntil(this._ngUnsubscribe))
-            .subscribe((code) => {
-            this.codeChange.emit(code);
-            this.onCodeChange.emit(code);
-            this._onTouched();
-            this._onChange(code);
-        });
-        this.coreFacade
-            .getOnCodeValidityChangeObservable()
-            .pipe(takeUntil(this._ngUnsubscribe))
-            .subscribe((validity) => {
-            this.isCodeValidChange.emit(validity);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CodeEditorComponent, isStandalone: true, selector: "s-code-editor", inputs: { editorOptions: "editorOptions", code: "code", isCodeValid: "isCodeValid", payload: "payload" }, outputs: { codeChange: "codeChange", isCodeValidChange: "isCodeValidChange", onCodeChange: "onCodeChange", onComponentFinishLoad: "onComponentFinishLoad" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => CodeEditorComponent),
-                multi: true,
-            },
-        ], viewQueries: [{ propertyName: "coreWrapperElement", first: true, predicate: ["coreWrapper"], descendants: true }], ngImport: i0, template: "<div #coreWrapper class=\"core-wrapper\"></div>", styles: [".core-wrapper{height:100%;border:1px solid #c1c1cc;border-radius:3px}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 's-code-editor', providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => CodeEditorComponent),
-                            multi: true,
-                        },
-                    ], standalone: true, template: "<div #coreWrapper class=\"core-wrapper\"></div>", styles: [".core-wrapper{height:100%;border:1px solid #c1c1cc;border-radius:3px}\n"] }]
-        }], propDecorators: { editorOptions: [{
-                type: Input
-            }], code: [{
-                type: Input
-            }], isCodeValid: [{
-                type: Input
-            }], payload: [{
-                type: Input
-            }], codeChange: [{
-                type: Output
-            }], isCodeValidChange: [{
-                type: Output
-            }], onCodeChange: [{
-                type: Output
-            }], onComponentFinishLoad: [{
-                type: Output
-            }], coreWrapperElement: [{
-                type: ViewChild,
-                args: ['coreWrapper']
-            }] } });
-
 var parserGrammar = `
 @top Script { statement+ }
 
@@ -1565,27 +1418,178 @@ class CodeMirror6Core extends CoreFacade {
     }
 }
 
-class CodeEditorModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorModule, imports: [CodeEditorComponent], exports: [CodeEditorComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorModule, providers: [
+/* eslint-disable @angular-eslint/no-output-on-prefix */
+/**
+ * @description Componente de editor de código com syntax highlighting, construído sobre
+ * um editor Monaco/CodeMirror. Implementa {@link ControlValueAccessor} para integração
+ * com formulários Angular e suporta configuração de linguagem, tema e opções avançadas
+ * do editor via `editorOptions`.
+ *
+ * @example
+ * ```html
+ * <s-code-editor
+ *   formControlName="script"
+ *   [editorOptions]="{ language: 'javascript', theme: 'vs-dark' }"
+ *   (codeChange)="onCodeChange($event)" />
+ * ```
+ *
+ * @category Inputs
+ */
+class CodeEditorComponent {
+    coreFacade = inject(CoreFacade);
+    /**
+     * @description Opções de configuração do editor (linguagem, tema, readonly, etc.).
+     * Ao atribuir um novo valor, as opções são aplicadas imediatamente ao editor.
+     */
+    set editorOptions(options) {
+        if (options) {
+            this.coreFacade.changeEditorOptions(options);
+        }
+    }
+    /**
+     * @description Conteúdo textual do editor. Ao atribuir, o código é propagado ao núcleo do editor.
+     */
+    set code(code) {
+        this.coreFacade.changeCode(code);
+    }
+    /**
+     * @description Indica se o código atual é válido segundo as regras do editor.
+     * Pode ser usado para exibir indicadores visuais de erro.
+     *
+     * @default false
+     */
+    isCodeValid = false;
+    /**
+     * @description Payload adicional passado ao núcleo do editor, utilizado para
+     * contexto de autocompletar ou validações específicas da linguagem.
+     */
+    set payload(payload) {
+        this.coreFacade.setPayload(payload);
+    }
+    /** @description Emitido sempre que o conteúdo do editor é alterado. Emite o código atual como string. */
+    codeChange = new EventEmitter();
+    /** @description Emitido quando o estado de validade do código muda. */
+    isCodeValidChange = new EventEmitter();
+    /**
+     * @deprecated Use `codeChange` ao invés deste output.
+     * @description Emitido sempre que o conteúdo do editor é alterado.
+     */
+    onCodeChange = new EventEmitter();
+    /** @description Emitido quando o componente finaliza o carregamento e o editor está pronto para uso. */
+    onComponentFinishLoad = new EventEmitter();
+    coreWrapperElement = null;
+    _ngUnsubscribe = new Subject();
+    _onChange = () => { };
+    _onTouched = () => { };
+    writeValue(value) {
+        this.code = value;
+    }
+    registerOnChange(onChange) {
+        this._onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        this._onTouched = onTouched;
+    }
+    ngOnInit() {
+        this.coreFacade.initCore();
+        this.setupCoreListeners();
+    }
+    ngAfterViewInit() {
+        this.setCoreWrapperElement();
+    }
+    ngOnDestroy() {
+        this.coreFacade.destroyCore();
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    setCoreWrapperElement() {
+        this.coreFacade.setCoreWrapperElement(this.coreWrapperElement?.nativeElement);
+    }
+    setupCoreListeners() {
+        this.coreFacade
+            .getOnCoreFinishLoadObservable()
+            .pipe(take(1))
+            .subscribe(() => this.onComponentFinishLoad.emit());
+        this.coreFacade
+            .getOnCodeChangeObservable()
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .subscribe((code) => {
+            this.codeChange.emit(code);
+            this.onCodeChange.emit(code);
+            this._onTouched();
+            this._onChange(code);
+        });
+        this.coreFacade
+            .getOnCodeValidityChangeObservable()
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .subscribe((validity) => {
+            this.isCodeValidChange.emit(validity);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CodeEditorComponent, isStandalone: true, selector: "s-code-editor", inputs: { editorOptions: "editorOptions", code: "code", isCodeValid: "isCodeValid", payload: "payload" }, outputs: { codeChange: "codeChange", isCodeValidChange: "isCodeValidChange", onCodeChange: "onCodeChange", onComponentFinishLoad: "onComponentFinishLoad" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CodeEditorComponent),
+                multi: true,
+            },
             {
                 provide: CoreFacade,
                 useClass: CodeMirror6Core,
             },
-        ] });
+        ], viewQueries: [{ propertyName: "coreWrapperElement", first: true, predicate: ["coreWrapper"], descendants: true }], ngImport: i0, template: "<div #coreWrapper class=\"core-wrapper\"></div>", styles: [".core-wrapper{height:100%;border:1px solid #c1c1cc;border-radius:3px}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-code-editor', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CodeEditorComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: CoreFacade,
+                            useClass: CodeMirror6Core,
+                        },
+                    ], standalone: true, template: "<div #coreWrapper class=\"core-wrapper\"></div>", styles: [".core-wrapper{height:100%;border:1px solid #c1c1cc;border-radius:3px}\n"] }]
+        }], propDecorators: { editorOptions: [{
+                type: Input
+            }], code: [{
+                type: Input
+            }], isCodeValid: [{
+                type: Input
+            }], payload: [{
+                type: Input
+            }], codeChange: [{
+                type: Output
+            }], isCodeValidChange: [{
+                type: Output
+            }], onCodeChange: [{
+                type: Output
+            }], onComponentFinishLoad: [{
+                type: Output
+            }], coreWrapperElement: [{
+                type: ViewChild,
+                args: ['coreWrapper']
+            }] } });
+
+/**
+ * @deprecated Será removido na v20. Importe diretamente o standalone `CodeEditorComponent` (de
+ * `@seniorsistemas/angular-components/code-editor`) no lugar deste módulo.
+ *
+ * Migração automática (também executada pelo `ng update` na v20):
+ * `ng generate @seniorsistemas/angular-components:migrate-modules-to-standalone`
+ */
+class CodeEditorModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorModule, imports: [CodeEditorComponent], exports: [CodeEditorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CodeEditorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CodeEditorComponent],
                     exports: [CodeEditorComponent],
-                    providers: [
-                        {
-                            provide: CoreFacade,
-                            useClass: CodeMirror6Core,
-                        },
-                    ],
                 }]
         }] });