@dev-tcloud/tcloud-ui 6.21.6 → 6.21.8

package/docs/tcloud-ui-editor-diff.md

@@ -0,0 +1,33 @@
+# tcloud-ui-editor-diff
+
+Componente para comparacao de dois textos com destaque de diferencas usando `monaco-editor`.
+
+## Exemplo
+
+```html
+<tcloud-ui-editor-diff
+  [(originalValue)]="originalCode"
+  [(modifiedValue)]="modifiedCode"
+  [language]="'typescript'"
+  [theme]="'vs-dark'"
+  [readOnly]="true"
+  height="420px"
+></tcloud-ui-editor-diff>
+```
+
+## Inputs
+
+- `originalValue: string` - conteudo do lado original.
+- `modifiedValue: string` - conteudo do lado modificado.
+- `language: string` - linguagem do Monaco.
+- `theme: string` - tema (`vs`, `vs-dark`, `hc-black`).
+- `height: string` - altura do editor de diff.
+- `readOnly: boolean` - quando `true` (padrao), original e modificado ficam somente leitura.
+- `originalEditable: boolean` - so aplica com `readOnly=false`; permite editar apenas o lado original.
+- `showDiagnostics: boolean` - exibe erros de validacao (TypeScript, etc.). Padrao: `false`.
+- `options: IStandaloneDiffEditorConstructionOptions` - opcoes extras do Monaco.
+
+## Outputs
+
+- `originalValueChange: EventEmitter<string>` - emite mudancas no lado original.
+- `modifiedValueChange: EventEmitter<string>` - emite mudancas no lado modificado.

package/docs/tcloud-ui-editor.md

@@ -0,0 +1,28 @@
+# tcloud-ui-editor
+
+Componente para edição de texto/código com `monaco-editor`.
+
+## Exemplo
+
+```html
+<tcloud-ui-editor
+  [(value)]="code"
+  [language]="'typescript'"
+  [theme]="'vs-dark'"
+  [readOnly]="false"
+  height="360px"
+></tcloud-ui-editor>
+```
+
+## Inputs
+
+- `value: string` - valor inicial do editor.
+- `language: string` - linguagem do Monaco (ex: `plaintext`, `json`, `typescript`).
+- `theme: string` - tema (`vs`, `vs-dark`, `hc-black`).
+- `height: string` - altura do editor.
+- `readOnly: boolean` - define modo somente leitura.
+- `options: IStandaloneEditorConstructionOptions` - opcoes extras do Monaco.
+
+## Outputs
+
+- `valueChange: EventEmitter<string>` - emite quando o conteudo muda.

package/fesm2022/dev-tcloud-tcloud-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, EventEmitter, Input, Output, InjectionToken, Optional, Inject, inject, signal, Pipe, forwardRef, ViewChild, input, effect, Directive, ViewEncapsulation, SkipSelf, ChangeDetectionStrategy, HostListener, ChangeDetectorRef, computed, ApplicationRef, output, model, ContentChildren, viewChild, NgModule, makeEnvironmentProviders } from '@angular/core';
+import { Injectable, Component, EventEmitter, Input, Output, InjectionToken, Optional, Inject, inject, signal, Pipe, forwardRef, ViewChild, input, effect, Directive, ViewEncapsulation, SkipSelf, ChangeDetectionStrategy, HostListener, ChangeDetectorRef, computed, ApplicationRef, output, model, ContentChildren, viewChild, EnvironmentInjector, createComponent, ViewContainerRef, NgModule, makeEnvironmentProviders } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DatePipe, DOCUMENT } from '@angular/common';
 import { Subject, Subscription, BehaviorSubject, debounceTime, distinctUntilChanged, map } from 'rxjs';
@@ -6538,6 +6538,345 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 type: Input
             }] } });
 
+const CDN_MONACO_VS_BASE_PATH = 'https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs';
+let monacoLoaderPromise = null;
+function appendScript(src) {
+    return new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.type = 'text/javascript';
+        script.src = src;
+        script.async = true;
+        script.onload = () => resolve();
+        script.onerror = (error) => reject(error);
+        document.body.appendChild(script);
+    });
+}
+function getWorkerBootstrap(vsBasePath) {
+    const workerSource = `self.MonacoEnvironment={baseUrl:'${vsBasePath}/'};importScripts('${vsBasePath}/base/worker/workerMain.js');`;
+    return `data:text/javascript;charset=utf-8,${encodeURIComponent(workerSource)}`;
+}
+async function loadMonacoEditor() {
+    if (typeof window === 'undefined') {
+        throw new Error('Monaco Editor can only be loaded in browser environments.');
+    }
+    if (window.monaco?.editor) {
+        return window.monaco;
+    }
+    if (!monacoLoaderPromise) {
+        monacoLoaderPromise = (async () => {
+            if (!window.require) {
+                await appendScript(`${CDN_MONACO_VS_BASE_PATH}/loader.js`);
+            }
+            if (!window.require) {
+                throw new Error('Monaco AMD loader was not initialized.');
+            }
+            window.require.config({
+                paths: { vs: CDN_MONACO_VS_BASE_PATH }
+            });
+            window.MonacoEnvironment = {
+                getWorkerUrl: () => getWorkerBootstrap(CDN_MONACO_VS_BASE_PATH)
+            };
+            await new Promise((resolve, reject) => {
+                window.require?.(['vs/editor/editor.main'], () => resolve(), (error) => reject(error));
+            });
+            if (!window.monaco) {
+                throw new Error('Monaco Editor global object was not created.');
+            }
+            return window.monaco;
+        })();
+    }
+    return monacoLoaderPromise;
+}
+
+class TCloudUiEditorComponent {
+    constructor() {
+        this.value = '';
+        this.language = 'plaintext';
+        this.theme = 'vs-dark';
+        this.height = '320px';
+        this.options = {};
+        this.readOnly = false;
+        this.valueChange = new EventEmitter();
+        this.syncingValue = false;
+    }
+    async ngAfterViewInit() {
+        if (!this.editorContainer) {
+            return;
+        }
+        this.monaco = await loadMonacoEditor();
+        this.monaco.editor.setTheme(this.theme);
+        this.editor = this.monaco.editor.create(this.editorContainer.nativeElement, {
+            value: this.value ?? '',
+            language: this.language,
+            readOnly: this.readOnly,
+            automaticLayout: true,
+            ...this.options
+        });
+        this.onValueChangeDisposable = this.editor.onDidChangeModelContent(() => {
+            if (!this.editor || this.syncingValue) {
+                return;
+            }
+            const currentValue = this.editor.getValue();
+            this.value = currentValue;
+            this.valueChange.emit(currentValue);
+        });
+    }
+    ngOnChanges(changes) {
+        if (!this.editor || !this.monaco) {
+            return;
+        }
+        if (changes['theme'] && !changes['theme'].firstChange) {
+            this.monaco.editor.setTheme(this.theme);
+        }
+        if (changes['language'] && !changes['language'].firstChange) {
+            const model = this.editor.getModel();
+            if (model) {
+                this.monaco.editor.setModelLanguage(model, this.language);
+            }
+        }
+        if (changes['value'] && !changes['value'].firstChange) {
+            this.syncEditorValue(this.value ?? '');
+        }
+        if (changes['readOnly'] || changes['options']) {
+            this.editor.updateOptions({
+                readOnly: this.readOnly,
+                automaticLayout: true,
+                ...this.options
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.onValueChangeDisposable?.dispose();
+        this.editor?.dispose();
+    }
+    syncEditorValue(value) {
+        if (!this.editor || this.editor.getValue() === value) {
+            return;
+        }
+        this.syncingValue = true;
+        this.editor.setValue(value);
+        this.syncingValue = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TCloudUiEditorComponent, isStandalone: true, selector: "tcloud-ui-editor", inputs: { value: "value", language: "language", theme: "theme", height: "height", options: "options", readOnly: "readOnly" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "editorContainer", first: true, predicate: ["editorContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"tcloud-ui-editor-wrapper\" [style.height]=\"height\">\n  <div #editorContainer class=\"tcloud-ui-editor-container\"></div>\n</div>\n", styles: [":host{display:block}.tcloud-ui-editor-wrapper{width:100%}.tcloud-ui-editor-container{width:100%;height:100%;min-height:180px;border:1px solid var(--c-neutral-300, #d1d5db);border-radius:8px;overflow:hidden}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-editor', imports: [], template: "<div class=\"tcloud-ui-editor-wrapper\" [style.height]=\"height\">\n  <div #editorContainer class=\"tcloud-ui-editor-container\"></div>\n</div>\n", styles: [":host{display:block}.tcloud-ui-editor-wrapper{width:100%}.tcloud-ui-editor-container{width:100%;height:100%;min-height:180px;border:1px solid var(--c-neutral-300, #d1d5db);border-radius:8px;overflow:hidden}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], language: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], editorContainer: [{
+                type: ViewChild,
+                args: ['editorContainer', { static: true }]
+            }] } });
+
+const DEFAULT_DIAGNOSTICS_OPTIONS = {
+    noSemanticValidation: false,
+    noSyntaxValidation: false,
+    noSuggestionDiagnostics: false
+};
+const DISABLED_DIAGNOSTICS_OPTIONS = {
+    noSemanticValidation: true,
+    noSyntaxValidation: true,
+    noSuggestionDiagnostics: true
+};
+class TCloudUiEditorDiffComponent {
+    constructor() {
+        this.originalValue = '';
+        this.modifiedValue = '';
+        this.language = 'plaintext';
+        this.theme = 'vs-dark';
+        this.height = '420px';
+        this.options = {};
+        /** Quando true, original e modificado ficam somente leitura. */
+        this.readOnly = true;
+        /** So aplica quando readOnly=false. Permite editar apenas o lado original. */
+        this.originalEditable = false;
+        /** Exibe validacao/sublinhados de erro (TypeScript, JSON, etc.). Padrao: false. */
+        this.showDiagnostics = false;
+        this.originalValueChange = new EventEmitter();
+        this.modifiedValueChange = new EventEmitter();
+        this.syncingOriginalValue = false;
+        this.syncingModifiedValue = false;
+        this.instanceId = `tcloud-ui-editor-diff-${Math.random().toString(36).slice(2)}`;
+    }
+    async ngAfterViewInit() {
+        if (!this.diffEditorContainer) {
+            return;
+        }
+        this.monaco = await loadMonacoEditor();
+        this.monaco.editor.setTheme(this.theme);
+        this.applyLanguageDiagnostics();
+        this.diffEditor = this.monaco.editor.createDiffEditor(this.diffEditorContainer.nativeElement, this.buildDiffEditorOptions());
+        this.originalModel = this.monaco.editor.createModel(this.originalValue ?? '', this.language, this.monaco.Uri.parse(`inmemory://${this.instanceId}/original`));
+        this.modifiedModel = this.monaco.editor.createModel(this.modifiedValue ?? '', this.language, this.monaco.Uri.parse(`inmemory://${this.instanceId}/modified`));
+        this.diffEditor.setModel({
+            original: this.originalModel,
+            modified: this.modifiedModel
+        });
+        this.applyReadOnlyState();
+        this.originalChangeDisposable = this.originalModel.onDidChangeContent(() => {
+            if (this.syncingOriginalValue || this.isReadOnlyEffective()) {
+                return;
+            }
+            this.originalValue = this.originalModel?.getValue() ?? '';
+            this.originalValueChange.emit(this.originalValue);
+        });
+        this.modifiedChangeDisposable = this.modifiedModel.onDidChangeContent(() => {
+            if (this.syncingModifiedValue || this.readOnly) {
+                return;
+            }
+            this.modifiedValue = this.modifiedModel?.getValue() ?? '';
+            this.modifiedValueChange.emit(this.modifiedValue);
+        });
+    }
+    ngOnChanges(changes) {
+        if (!this.monaco || !this.diffEditor) {
+            return;
+        }
+        if (changes['theme'] && !changes['theme'].firstChange) {
+            this.monaco.editor.setTheme(this.theme);
+        }
+        if (changes['language'] && !changes['language'].firstChange) {
+            if (this.originalModel) {
+                this.monaco.editor.setModelLanguage(this.originalModel, this.language);
+            }
+            if (this.modifiedModel) {
+                this.monaco.editor.setModelLanguage(this.modifiedModel, this.language);
+            }
+            this.applyLanguageDiagnostics();
+        }
+        if (changes['showDiagnostics'] && !changes['showDiagnostics'].firstChange) {
+            if (this.showDiagnostics) {
+                this.restoreLanguageDiagnostics();
+            }
+            else {
+                this.applyLanguageDiagnostics();
+            }
+            this.diffEditor.updateOptions(this.buildDiffEditorOptions());
+        }
+        if (changes['originalValue'] && !changes['originalValue'].firstChange) {
+            this.syncOriginalModel(this.originalValue ?? '');
+        }
+        if (changes['modifiedValue'] && !changes['modifiedValue'].firstChange) {
+            this.syncModifiedModel(this.modifiedValue ?? '');
+        }
+        if (changes['readOnly'] || changes['originalEditable'] || changes['options']) {
+            this.applyReadOnlyState();
+        }
+    }
+    ngOnDestroy() {
+        this.restoreLanguageDiagnostics();
+        this.originalChangeDisposable?.dispose();
+        this.modifiedChangeDisposable?.dispose();
+        this.diffEditor?.dispose();
+        this.originalModel?.dispose();
+        this.modifiedModel?.dispose();
+    }
+    isReadOnlyEffective() {
+        return this.readOnly || !this.originalEditable;
+    }
+    buildDiffEditorOptions() {
+        const originalEditable = this.readOnly ? false : this.originalEditable;
+        return {
+            readOnly: this.readOnly,
+            originalEditable,
+            automaticLayout: true,
+            renderValidationDecorations: this.showDiagnostics ? 'on' : 'off',
+            ...this.options
+        };
+    }
+    applyReadOnlyState() {
+        if (!this.diffEditor) {
+            return;
+        }
+        const originalEditable = this.readOnly ? false : this.originalEditable;
+        this.diffEditor.updateOptions(this.buildDiffEditorOptions());
+        this.diffEditor.getOriginalEditor().updateOptions({ readOnly: !originalEditable });
+        this.diffEditor.getModifiedEditor().updateOptions({ readOnly: this.readOnly });
+    }
+    getLanguageDiagnosticsApi() {
+        return this.monaco?.languages;
+    }
+    applyLanguageDiagnostics() {
+        if (!this.monaco || this.showDiagnostics) {
+            return;
+        }
+        const languages = this.getLanguageDiagnosticsApi();
+        languages.typescript?.typescriptDefaults.setDiagnosticsOptions(DISABLED_DIAGNOSTICS_OPTIONS);
+        languages.typescript?.javascriptDefaults.setDiagnosticsOptions(DISABLED_DIAGNOSTICS_OPTIONS);
+        languages.json?.jsonDefaults.setDiagnosticsOptions({ validate: false });
+    }
+    restoreLanguageDiagnostics() {
+        if (!this.monaco) {
+            return;
+        }
+        const languages = this.getLanguageDiagnosticsApi();
+        languages.typescript?.typescriptDefaults.setDiagnosticsOptions(DEFAULT_DIAGNOSTICS_OPTIONS);
+        languages.typescript?.javascriptDefaults.setDiagnosticsOptions(DEFAULT_DIAGNOSTICS_OPTIONS);
+        languages.json?.jsonDefaults.setDiagnosticsOptions({ validate: true });
+    }
+    syncOriginalModel(value) {
+        if (!this.originalModel || this.originalModel.getValue() === value) {
+            return;
+        }
+        this.syncingOriginalValue = true;
+        this.originalModel.setValue(value);
+        this.syncingOriginalValue = false;
+    }
+    syncModifiedModel(value) {
+        if (!this.modifiedModel || this.modifiedModel.getValue() === value) {
+            return;
+        }
+        this.syncingModifiedValue = true;
+        this.modifiedModel.setValue(value);
+        this.syncingModifiedValue = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiEditorDiffComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TCloudUiEditorDiffComponent, isStandalone: true, selector: "tcloud-ui-editor-diff", inputs: { originalValue: "originalValue", modifiedValue: "modifiedValue", language: "language", theme: "theme", height: "height", options: "options", readOnly: "readOnly", originalEditable: "originalEditable", showDiagnostics: "showDiagnostics" }, outputs: { originalValueChange: "originalValueChange", modifiedValueChange: "modifiedValueChange" }, viewQueries: [{ propertyName: "diffEditorContainer", first: true, predicate: ["diffEditorContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"tcloud-ui-editor-diff-wrapper\" [style.height]=\"height\">\n  <div #diffEditorContainer class=\"tcloud-ui-editor-diff-container\"></div>\n</div>\n", styles: [":host{display:block}.tcloud-ui-editor-diff-wrapper{width:100%}.tcloud-ui-editor-diff-container{width:100%;height:100%;min-height:240px;border:1px solid var(--c-neutral-300, #d1d5db);border-radius:8px;overflow:hidden}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiEditorDiffComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-editor-diff', imports: [], template: "<div class=\"tcloud-ui-editor-diff-wrapper\" [style.height]=\"height\">\n  <div #diffEditorContainer class=\"tcloud-ui-editor-diff-container\"></div>\n</div>\n", styles: [":host{display:block}.tcloud-ui-editor-diff-wrapper{width:100%}.tcloud-ui-editor-diff-container{width:100%;height:100%;min-height:240px;border:1px solid var(--c-neutral-300, #d1d5db);border-radius:8px;overflow:hidden}\n"] }]
+        }], propDecorators: { originalValue: [{
+                type: Input
+            }], modifiedValue: [{
+                type: Input
+            }], language: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], originalEditable: [{
+                type: Input
+            }], showDiagnostics: [{
+                type: Input
+            }], originalValueChange: [{
+                type: Output
+            }], modifiedValueChange: [{
+                type: Output
+            }], diffEditorContainer: [{
+                type: ViewChild,
+                args: ['diffEditorContainer', { static: true }]
+            }] } });
+
 class TCloudUiAlignDirective {
     set TCalign(direction) {
         if (direction) {
@@ -9306,47 +9645,49 @@ class TCloudUiDialogModel {
 
 class TCloudUiDialogService {
     constructor() {
-        // * [Injects]
         this.i18n = inject(I18nService);
+        this.appRef = inject(ApplicationRef);
+        this.environmentInjector = inject(EnvironmentInjector);
     }
     /**
-     * Método usado para realizar a configuração de 'ViewContainerRef'
-     * @param viewContainerRef Obj
+     * Opcional. Por padrão o diálogo é criado em `document.body` com o injector da aplicação.
+     * Use apenas quando precisar de um host explícito na árvore de views (ex.: `tcloud-ui-dialog-host`).
      */
     setRootViewContainerRef(viewContainerRef) {
-        if (!viewContainerRef)
-            return;
-        this.rootViewContainer = viewContainerRef;
+        this.rootViewContainer = viewContainerRef ?? undefined;
     }
-    /**
-     * Método usado para abrir o modal de dialog
-     * @param _data Info do dialog
-     */
     open(_data = {}) {
-        if (!this.rootViewContainer) {
-            throw new Error('TCloudUiDialogService: ViewContainerRef não configurado. ' +
-                'Declare no template um âncora (ex.: <ng-container #dialogRoot></ng-container>), ' +
-                'use @ViewChild("dialogRoot", { read: ViewContainerRef }) e chame setRootViewContainerRef(ref) no ngAfterViewInit. ' +
-                'Se #dialogRoot estiver dentro de *ngIf, chame setRootViewContainerRef de novo quando o bloco for exibido.');
-        }
-        const componentRef = this.rootViewContainer.createComponent(TCloudUiDialogComponent, {
-            injector: this.rootViewContainer.injector,
-        });
+        const componentRef = this.createDialogComponent();
         componentRef.instance.data = new TCloudUiDialogModel(_data.title || this.i18n.i18nTranslate('dialogConfirmation.default_title', 'Atenção'), _data.message || this.i18n.i18nTranslate('dialogConfirmation.default_message', 'Deseja realmente executar esta ação?'), _data.loading, _data.disable, _data.disableClickOutside, _data.inputConfirmationText || TCloudUiDialogTextConfirmationEnum.confirm, _data.buttonConfirmText, _data.buttonCancelText);
-        // * Configura o texto do input de confirmação
         if (componentRef.instance.data.inputConfirmationText)
             this.setTextConfirmation(componentRef.instance);
         componentRef.instance.events.subscribe(event => {
-            // * Fecha o dialogo
             if (event === TCloudUiDialogEventsEnum.close)
-                componentRef.destroy();
+                this.destroyDialog(componentRef);
         });
         return componentRef.instance;
     }
-    /**
-     * Método usado para configurar o texto do input de confirmação
-     * @param component Componente do dialogo
-     */
+    createDialogComponent() {
+        if (this.rootViewContainer) {
+            return this.rootViewContainer.createComponent(TCloudUiDialogComponent, {
+                injector: this.rootViewContainer.injector,
+            });
+        }
+        const componentRef = createComponent(TCloudUiDialogComponent, {
+            environmentInjector: this.environmentInjector,
+        });
+        this.appRef.attachView(componentRef.hostView);
+        document.body.appendChild(componentRef.location.nativeElement);
+        return componentRef;
+    }
+    destroyDialog(componentRef) {
+        if (this.rootViewContainer) {
+            componentRef.destroy();
+            return;
+        }
+        this.appRef.detachView(componentRef.hostView);
+        componentRef.destroy();
+    }
     setTextConfirmation(component) {
         switch (component.data.inputConfirmationText) {
             case TCloudUiDialogTextConfirmationEnum.continue:
@@ -9370,6 +9711,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 }]
         }] });
 
+/**
+ * Opcional: use apenas se precisar ancorar o diálogo em um container específico da árvore de views
+ * (ex.: stacking context, Shadow DOM). Caso contrário, `TCloudUiDialogService.open()` funciona sem setup.
+ */
+class TCloudUiDialogHostComponent {
+    constructor() {
+        this.dialogService = inject(TCloudUiDialogService);
+    }
+    ngAfterViewInit() {
+        this.dialogService.setRootViewContainerRef(this.dialogRoot);
+    }
+    ngOnDestroy() {
+        this.dialogService.setRootViewContainerRef(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiDialogHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TCloudUiDialogHostComponent, isStandalone: true, selector: "tcloud-ui-dialog-host", viewQueries: [{ propertyName: "dialogRoot", first: true, predicate: ["dialogRoot"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: '<ng-container #dialogRoot />', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TCloudUiDialogHostComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tcloud-ui-dialog-host',
+                    standalone: true,
+                    template: '<ng-container #dialogRoot />',
+                }]
+        }], propDecorators: { dialogRoot: [{
+                type: ViewChild,
+                args: ['dialogRoot', { read: ViewContainerRef }]
+            }] } });
+
 const COMPONENTS = [
     TCloudUiAccordionComponent,
     TCloudUiAccordionBodyComponent,
@@ -9422,6 +9792,7 @@ const COMPONENTS = [
     TCloudUiDropdownComponent,
     TCloudUiDropdownMultiComponent,
     TCloudUiDialogComponent,
+    TCloudUiDialogHostComponent,
     TCloudUiEmptyContentComponent,
     TCloudUiFaqComponent,
     TCloudUiMessageComponent,
@@ -9439,7 +9810,9 @@ const COMPONENTS = [
     TCloudUiFilterBarComponent,
     TCloudUiLegendComponent,
     TCloudUiSearchBarComponent,
-    TCloudUiUploadAreaComponent
+    TCloudUiUploadAreaComponent,
+    TCloudUiEditorComponent,
+    TCloudUiEditorDiffComponent
 ];
 const DIRECTIVES = [
     TCloudUiAlignDirective,
@@ -9553,6 +9926,7 @@ class TCloudUiModule {
             TCloudUiDropdownComponent,
             TCloudUiDropdownMultiComponent,
             TCloudUiDialogComponent,
+            TCloudUiDialogHostComponent,
             TCloudUiEmptyContentComponent,
             TCloudUiFaqComponent,
             TCloudUiMessageComponent,
@@ -9570,7 +9944,9 @@ class TCloudUiModule {
             TCloudUiFilterBarComponent,
             TCloudUiLegendComponent,
             TCloudUiSearchBarComponent,
-            TCloudUiUploadAreaComponent, TCloudUiAlignDirective,
+            TCloudUiUploadAreaComponent,
+            TCloudUiEditorComponent,
+            TCloudUiEditorDiffComponent, TCloudUiAlignDirective,
             TCloudUiCheckboxDirective,
             TCloudUiCurrencyDirective,
             TCloudUiElCopyDirective,
@@ -9646,6 +10022,7 @@ class TCloudUiModule {
             TCloudUiDropdownComponent,
             TCloudUiDropdownMultiComponent,
             TCloudUiDialogComponent,
+            TCloudUiDialogHostComponent,
             TCloudUiEmptyContentComponent,
             TCloudUiFaqComponent,
             TCloudUiMessageComponent,
@@ -9663,7 +10040,9 @@ class TCloudUiModule {
             TCloudUiFilterBarComponent,
             TCloudUiLegendComponent,
             TCloudUiSearchBarComponent,
-            TCloudUiUploadAreaComponent, TCloudUiAlignDirective,
+            TCloudUiUploadAreaComponent,
+            TCloudUiEditorComponent,
+            TCloudUiEditorDiffComponent, TCloudUiAlignDirective,
             TCloudUiCheckboxDirective,
             TCloudUiCurrencyDirective,
             TCloudUiElCopyDirective,
@@ -11777,5 +12156,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AcceptedFileType, BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize$1 as DropdownMultiSize, DropdownSize$1 as DropdownSize, MonthNamePipe, MultiLevelDropdownSize$1 as MultiLevelDropdownSize, ProductActionPipe, ProgressStatusBarGradientStatus$1 as ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_LOCALE_SERVICE, TCLOUD_UI_USER_SERVICE, TCLOUD_UI_VIEWPORT_SERVICE, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionTitleComponent, TCloudUiAlertBannerComponent, TCloudUiAlignDirective, TCloudUiBreadcrumbComponent, TCloudUiBreadcrumbService, TCloudUiButtonDirective, TCloudUiCalendarComponent, TCloudUiCardAccordionComponent, TCloudUiCardComponent, TCloudUiCardTitleComponent, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiCheckboxDirective, TCloudUiChoiceIssuesComponent, TCloudUiContainerColComponent, TCloudUiContainerComponent, TCloudUiContainerContentComponent, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerTimeComponent, TCloudUiDialogComponent, TCloudUiDialogEventsEnum, TCloudUiDialogModel, TCloudUiDialogService, TCloudUiDialogStatusEnum, TCloudUiDialogTextConfirmationEnum, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiDropdownMultiLevelComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFilterBarComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiIconButtonDirective, TCloudUiInputContainerComponent, TCloudUiInputDirective, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLegendComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, TCloudUiMessageComponent, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiSelectComponent, TCloudUiMultiplesValuesComponent, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNumberStepComponent, TCloudUiPaginationComponent, TCloudUiPaginationPipe, TCloudUiProgressBarComponent, TCloudUiProgressStatusBarComponent, TCloudUiRadioDirective, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiScrollBoxComponent, TCloudUiSearchBarComponent, TCloudUiSearchInObjectService, TCloudUiSearchInputComponent, TCloudUiSkeletonLoadingComponent, TCloudUiSkeletonLoadingComponentStyle, TCloudUiSlideToggleDirective, TCloudUiSubNavbarComponent, TCloudUiSubNavbarGroupComponent, TCloudUiSubNavbarItemComponent, TCloudUiTabContentComponent, TCloudUiTabGroupComponent, TCloudUiTabHeadComponent, TCloudUiTabItemComponent, TCloudUiTabMenuComponent, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTagComponent, TCloudUiToastComponent, TCloudUiTooltipDirective, TCloudUiUploadAreaComponent, TCloudUiWelcomeComponent, TCloudUiWizardStepsComponent, TagColorsEnum, TcRevButtonDirective, TcRevCalendarComponent, TcRevCardAccordionComponent, TcRevCardComponent, TcRevCardTitleComponent, TcRevCheckboxDirective, TcRevComponentsLibModule, TcRevDropdownComponent, TcRevDropdownGroupedComponent, TcRevDropdownMultiComponent, TcRevDropdownMultiLevelComponent, TcRevEmptyContentComponent, TcRevFaqComponent, TcRevIconButtonDirective, TcRevInputContainerComponent, TcRevInputDirective, TcRevLoadingComponent, TcRevMessageComponent, TcRevMultiInputComponent, TcRevPaginationComponent, TcRevProgressStatusBarComponent, TcRevRadioDirective, TcRevSearchInputComponent, TcRevSideDrawerComponent, TcRevSkeletonLoadingComponent, TcRevSkeletonLoadingComponentStyle, TcRevSlideToggleDirective, TcRevSmallLoadingComponent, TcRevSmallLoadingComponentStyle, TcRevSubNavbarComponent, TcRevSubNavbarItemComponent, TcRevTabGroupComponent, TcRevTabItemComponent, TcRevTagComponent, TcRevToastComponent, TcRevTooltipDirective, TcRevWizardStepsComponent, ToTextPipe, TopologyEnvironmentPipe, TopologyProductPipe, TopologyRegionPipe, TopologyStatusPipe, echartBarConfig, isTextEllipsed, provideTCloudUi };
+export { AcceptedFileType, BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, DateBRPipe, DropdownGroupedSize, DropdownMultiSize$1 as DropdownMultiSize, DropdownSize$1 as DropdownSize, MonthNamePipe, MultiLevelDropdownSize$1 as MultiLevelDropdownSize, ProductActionPipe, ProgressStatusBarGradientStatus$1 as ProgressStatusBarGradientStatus, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCLOUD_UI_CONFIG, TCLOUD_UI_LAYOUT_SERVICE, TCLOUD_UI_LOCALE_SERVICE, TCLOUD_UI_USER_SERVICE, TCLOUD_UI_VIEWPORT_SERVICE, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionTitleComponent, TCloudUiAlertBannerComponent, TCloudUiAlignDirective, TCloudUiBreadcrumbComponent, TCloudUiBreadcrumbService, TCloudUiButtonDirective, TCloudUiCalendarComponent, TCloudUiCardAccordionComponent, TCloudUiCardComponent, TCloudUiCardTitleComponent, TCloudUiCheckAccessDirective, TCloudUiCheckAccessService, TCloudUiCheckboxDirective, TCloudUiChoiceIssuesComponent, TCloudUiContainerColComponent, TCloudUiContainerComponent, TCloudUiContainerContentComponent, TCloudUiCubesComponent, TCloudUiCurrencyDirective, TCloudUiDataListComponent, TCloudUiDataListOptionComponent, TCloudUiDatepickerComponent, TCloudUiDatepickerTimeComponent, TCloudUiDialogComponent, TCloudUiDialogEventsEnum, TCloudUiDialogHostComponent, TCloudUiDialogModel, TCloudUiDialogService, TCloudUiDialogStatusEnum, TCloudUiDialogTextConfirmationEnum, TCloudUiDigitOnlyDirective, TCloudUiDropdownComponent, TCloudUiDropdownMultiComponent, TCloudUiDropdownMultiLevelComponent, TCloudUiEditorComponent, TCloudUiEditorDiffComponent, TCloudUiElCopyDirective, TCloudUiEmptyContentComponent, TCloudUiFaqComponent, TCloudUiFilterBarComponent, TCloudUiFiltersComponent, TCloudUiFormDirective, TCloudUiHighLightDirective, TCloudUiHoverParentDirective, TCloudUiIconButtonDirective, TCloudUiInputContainerComponent, TCloudUiInputDirective, TCloudUiInputPasswordComponent, TCloudUiInputSearchComponent, TCloudUiIpMaskDirective, TCloudUiLabelTokenComponent, TCloudUiLegendComponent, TCloudUiLineStepCircleComponent, TCloudUiLineStepTitleComponent, TCloudUiLinhaLogoComponent, TCloudUiLoadingComponent, TCloudUiLoadingTransitionsService, TCloudUiMessageComponent, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiSelectComponent, TCloudUiMultiplesValuesComponent, TCloudUiNgCheckAccessDirective, TCloudUiNgFeatureFlagsDirective, TCloudUiNotFoundComponent, TCloudUiNumberStepComponent, TCloudUiPaginationComponent, TCloudUiPaginationPipe, TCloudUiProgressBarComponent, TCloudUiProgressStatusBarComponent, TCloudUiRadioDirective, TCloudUiRangeDateComponent, TCloudUiReorderItemsComponent, TCloudUiScrollBoxComponent, TCloudUiSearchBarComponent, TCloudUiSearchInObjectService, TCloudUiSearchInputComponent, TCloudUiSkeletonLoadingComponent, TCloudUiSkeletonLoadingComponentStyle, TCloudUiSlideToggleDirective, TCloudUiSubNavbarComponent, TCloudUiSubNavbarGroupComponent, TCloudUiSubNavbarItemComponent, TCloudUiTabContentComponent, TCloudUiTabGroupComponent, TCloudUiTabHeadComponent, TCloudUiTabItemComponent, TCloudUiTabMenuComponent, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTagComponent, TCloudUiToastComponent, TCloudUiTooltipDirective, TCloudUiUploadAreaComponent, TCloudUiWelcomeComponent, TCloudUiWizardStepsComponent, TagColorsEnum, TcRevButtonDirective, TcRevCalendarComponent, TcRevCardAccordionComponent, TcRevCardComponent, TcRevCardTitleComponent, TcRevCheckboxDirective, TcRevComponentsLibModule, TcRevDropdownComponent, TcRevDropdownGroupedComponent, TcRevDropdownMultiComponent, TcRevDropdownMultiLevelComponent, TcRevEmptyContentComponent, TcRevFaqComponent, TcRevIconButtonDirective, TcRevInputContainerComponent, TcRevInputDirective, TcRevLoadingComponent, TcRevMessageComponent, TcRevMultiInputComponent, TcRevPaginationComponent, TcRevProgressStatusBarComponent, TcRevRadioDirective, TcRevSearchInputComponent, TcRevSideDrawerComponent, TcRevSkeletonLoadingComponent, TcRevSkeletonLoadingComponentStyle, TcRevSlideToggleDirective, TcRevSmallLoadingComponent, TcRevSmallLoadingComponentStyle, TcRevSubNavbarComponent, TcRevSubNavbarItemComponent, TcRevTabGroupComponent, TcRevTabItemComponent, TcRevTagComponent, TcRevToastComponent, TcRevTooltipDirective, TcRevWizardStepsComponent, ToTextPipe, TopologyEnvironmentPipe, TopologyProductPipe, TopologyRegionPipe, TopologyStatusPipe, echartBarConfig, isTextEllipsed, provideTCloudUi };
 //# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map