@po-ui/ng-code-editor 19.26.0 → 20.0.0

package/index.d.ts

@@ -1,5 +1,431 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, DoCheck, ElementRef, NgZone, ModuleWithProviders } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i2 from '@angular/common';
+
 /**
- * Generated bundle index. Do not edit.
+ * @usedBy PoCodeEditorRegister, PoCodeEditorComponent
+ *
+ * @description
+ *
+ * Interface para configuração da lista de sugestão do autocomplete do code editor.
  */
-/// <amd-module name="@po-ui/ng-code-editor" />
-export * from './public-api';
+interface PoCodeEditorRegisterableSuggestion {
+    /** Texto que será exibido na lista de sugestões. */
+    label: string;
+    /** Texto que será inserido no editor ao selecionar a sugestão exibida pelo autocomplete. */
+    insertText: string;
+    /** Texto de ajuda que será exibido caso o usuário deseje ver mais informações sobre a sugestão. */
+    documentation?: string;
+}
+/**
+ * @usedBy PoCodeEditorRegister, PoCodeEditorRegisterable
+ *
+ * @description
+ *
+ * Interface do objeto usado pelo monaco para lista de sugestão do autocomplete do code editor.
+ */
+interface PoCodeEditorRegisterableSuggestionType {
+    provideCompletionItems: () => {
+        suggestions: Array<PoCodeEditorRegisterableSuggestion>;
+    };
+}
+
+/**
+ * @description
+ *
+ * O `po-code-editor` é um componente para edição de código fonte baseado no Monaco Editor da Microsoft.
+ *
+ * Sendo assim, algumas configurações presentes no Monaco podem ser utilizadas aqui, como a escolha da linguagem
+ * (utilizando o highlight syntax específico), escolha do tema e opção de diff, além de ser muito similar ao Visual
+ * Studio Code, com autocomplete e fechamento automático de brackets.
+ *
+ * Este componente pode ser usado em qualquer situação que necessite de adição de códigos, como por exemplo, criar
+ * receitas utilizando Terraform para gerenciar topologias.
+ * É importante ressaltar que este não é um componente para edição de textos comuns.
+ *
+ * O [(ngModel)] deve ser usado para manipular o conteúdo do po-code-editor, ou seja, tanto para incluir um conteúdo quanto
+ * para recuperar o conteúdo do po-code-editor, utiliza-se uma variável passada por [(ngModel)].
+ *
+ * #### Adicionando o pacote @po-ui/ng-code-editor
+ *
+ * Para instalar o pacote `po-code-editor` em sua aplicação execute:
+ *
+ * ```shell
+ * ng add @po-ui/ng-code-editor
+ * ```
+ *
+ * O comando `ng add` do `Angular CLI`:
+ * - inclui o `po-code-editor` no seu projeto;
+ * - adiciona o módulo `PoCodeEditorModule`:;
+ *
+ * ```
+ * // app.module.ts
+ * ...
+ * import { PoModule } from '@po-ui/ng-components';
+ * import { PoCodeEditorModule } from '@po-ui/ng-code-editor';
+ * ...
+ * @NgModule({
+ *   imports: [
+ *     ...
+ *     PoModule,
+ *     PoCodeEditorModule
+ *   ],
+ *   ...
+ * })
+ * export class AppModule { }
+ * ```
+ *
+ * - adiciona o tema PO UI e também o *asset* do Monaco no arquivo `angular.json`, conforme abaixo:
+ *
+ * <pre ngNonBindable>
+ * ...
+ * "assets": [
+ *    { "glob": "&#42;&#42;/&#42;", "input": "node_modules/monaco-editor/min", "output": "/assets/monaco/" }
+ *  ],
+ * "styles": [
+ *    "./node_modules/@po-ui/style/css/po-theme-default.min.css"
+ * ]
+ * ...
+ * </pre>
+ */
+declare abstract class PoCodeEditorBaseComponent implements ControlValueAccessor {
+    editor: any;
+    modifiedValue: string;
+    value: any;
+    private _height;
+    private _language;
+    private _readonly;
+    private _showDiff;
+    private _suggestions;
+    private _theme;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Linguagem na qual será apresentado o código fonte.
+     * Para saber quais são as linguagens compatíveis, consulte a documentação oficial do
+     * [**Monaco Editor**](https://microsoft.github.io/monaco-editor/).
+     *
+     * Também é possível adicionar uma nova linguagem personalizada utilizando o serviço:
+     * [**po-code-editor-register**](https://po-ui.io/documentation/po-code-editor-register?view=doc).
+     *
+     * @default `plainText`
+     */
+    set language(language: string);
+    get language(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Indica se o editor será aberto em modo de leitura.
+     *
+     * Neste caso, não é possível editar o código inserido.
+     *
+     * Obs: Esta propriedade não refletirá efeito se alterada após o carregamento do componente.
+     *
+     * @default `false`
+     */
+    set readonly(readonly: boolean);
+    get readonly(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Indica se o editor será aberto em modo de comparação.
+     *
+     * Caso esteja habilitada esta opção, então o [(ngModel)] deverá ser passado como um array, cuja primeira opção deve
+     * conter uma string com o código original e na segunda posição uma string código modificado para efeito de
+     * comparação. Neste caso, o usuário conseguirá editar apenas o código modificado e isso refletirá na segunda posição
+     * do array consequentemente.
+     *
+     * Obs: Esta propriedade não refletirá efeito se alterada após o carregamento do componente.
+     *
+     * @default `false`
+     */
+    set showDiff(showDiff: boolean);
+    get showDiff(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Lista de sugestões usadas pelo autocomplete dentro do editor.
+     *
+     * Para visualizar a lista de sugestões use o comando `CTRL + SPACE`.
+     *
+     * Caso o editor esteja usando uma linguagem que já tenha uma lista de sugestões predefinida, o valor passado será adicionado
+     * a lista preexistente, aumentando as opções para o usuário.
+     *
+     * Caso tenha mais de um editor da mesma linguagem na aplicação, as sugestões serão adicionadas para que todos os editores da mesma linguagem
+     * tenham as mesmas sugestões.
+     *
+     * ```
+     *  <po-code-editor
+     *    [p-suggestions]="[{ label: 'po', insertText: 'Portinari UI' }, { label: 'ng', insertText: 'Angular' }]">
+     *  </po-code-editor>
+     * ```
+     *
+     * Ao fornecer uma lista de sugestões é possível acelerar a escrita de scripts pelos usuários.
+     */
+    set suggestions(values: Array<PoCodeEditorRegisterableSuggestion>);
+    get suggestions(): Array<PoCodeEditorRegisterableSuggestion>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define um tema para o editor.
+     *
+     * Temas válidos:
+     *  - `vs-dark`
+     *  - `vs`
+     *  - `hc-black`
+     *
+     * É importante salientar que o tema será aplicados a todos os componentes po-code-editor existentes na tela,
+     * ou seja, todas as instâncias do componente receberão o último tema atribuído ou o tema da última instância
+     * criada.
+     *
+     * @default `vs`
+     */
+    set theme(theme: string);
+    get theme(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a altura do componente em pixels do po-code-editor.
+     * Esta propriedade não poderá ser alterada após o componente ter sido iniciado.
+     * A altura mínima é 150 pixels.
+     */
+    set height(height: string);
+    get height(): string;
+    onTouched: (value: any) => void;
+    onChangePropagate: (value: any) => void;
+    getOptions(): {
+        language: string;
+        theme: string;
+        readOnly: boolean;
+    };
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    protected convertToBoolean(val: any): boolean;
+    abstract writeValue(value: any): any;
+    abstract setLanguage(value: any): any;
+    abstract setTheme(value: any): any;
+    abstract setReadOnly(value: any): any;
+    abstract setSuggestions(value: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoCodeEditorBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoCodeEditorBaseComponent, never, never, { "language": { "alias": "p-language"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "showDiff": { "alias": "p-show-diff"; "required": false; }; "suggestions": { "alias": "p-suggestions"; "required": false; }; "theme": { "alias": "p-theme"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @usedBy PoCodeEditorRegister
+ *
+ * @description
+ *
+ * Interface para configuração de tokens de novas sintaxes ao code editor.
+ */
+interface PoCodeEditorRegisterableTokens {
+    /** Principal tokenizer da sintaxe customizada. */
+    root: Array<any>;
+    /** Tokenizer de comentários. */
+    comment?: Array<any>;
+    /** Tokenizer de strings. */
+    string?: Array<any>;
+    /** Tokenizer de whitespaces. */
+    whitespace?: Array<any>;
+    /** Sequência de interpolação.  */
+    interpolated?: Array<any>;
+    /** Sequência de interpolação composta. */
+    interpolatedCompound?: Array<any>;
+}
+
+/**
+ * @usedBy PoCodeEditorRegister
+ *
+ * @description
+ *
+ * Interface para configuração de Opções de novas sintaxes ao code editor.
+ */
+interface PoCodeEditorRegisterableOptions {
+    /** Palavras chaves da sintaxe. */
+    keywords: Array<string>;
+    /** Operadores específicos da sintaxe.  */
+    operators: Array<string>;
+    /** Símbolos específicos da sintaxes. */
+    symbols: RegExp;
+    /** Escapes específicos da sintaxes. */
+    escapes: RegExp;
+    /** Interface para recebimento de token específicos da sintaxe. */
+    tokenizer: PoCodeEditorRegisterableTokens;
+    /** Define se a sintaxe será case sensitive ou não. */
+    ignoreCase?: boolean;
+}
+
+/**
+ * @usedBy PoCodeEditorRegister
+ *
+ * @description
+ *
+ * Interface para configuração de novas sintaxes ao code editor.
+ */
+interface PoCodeEditorRegisterable {
+    /** Nome da sintaxe a ser registrada no code editor. */
+    language: string;
+    /** Opções de configuração da sintaxe customizada. */
+    options: PoCodeEditorRegisterableOptions;
+    /** Lista de sugestões para a função de autocomplete. */
+    suggestions?: PoCodeEditorRegisterableSuggestionType;
+}
+
+/**
+ * @description
+ *
+ * Wrapper para registro de sintaxes customizadas para o po-code-editor.
+ *
+ * Para utilização do serviço de idiomas **PoCodeEditorRegister**,
+ * deve-se importar o módulo PoCodeEditorModule mesmo já tendo importado
+ * o módulo PoModule.
+ * Na importação opcionalmente pode ser invocado o método **forRegister** informando um objeto para configuração.
+ *
+ * Exemplo de configuração:
+ * ```
+ * import { PoCodeEditorModule, PoCodeEditorRegisterable } from '@po-ui/ng-code-editor';
+ *
+ * declare const monaco: any; // Importante para usar configurações com tipos definidos pelo Monaco
+ *
+ * // A função `provideCompletionItems` precisa ser exportada para ser compatível com AOT.
+ * export function provideCompletionItems() {
+ *   const suggestions = [{
+ *     label: 'terraform',
+ *     insertText: '#terraform language'
+ *   }, {
+ *     label: 'server',
+ *     insertText: 'server ${1:ip}'
+ *   }];
+ *
+ *   return { suggestions: suggestions };
+ * }
+ *
+ * const customEditor: PoCodeEditorRegisterable = {
+ *   language: 'terraform',
+ *   options: {
+ *     keywords: ['resource', 'provider', 'variable', 'output', 'module', 'true', 'false'],
+ *     operators: ['{', '}', '(', ')', '[', ']', '?', ':'],
+ *     symbols:  /[=><!~?:&|+\-*\/\^%]+/,
+ *     escapes: /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
+ *     tokenizer: {
+ *      ...
+ *     }
+ *   },
+ *   suggestions: { provideCompletionItems: provideCompletionItems }
+ * };
+ *
+ * @NgModule({
+ *   declarations: [],
+ *   imports: [
+ *     PoModule,
+ *     PoCodeEditorModule.forRegister(customEditor)
+ *   ],
+ *   bootstrap: [AppComponent]
+ * })
+ * ```
+ *
+ * > As configurações para o registro de uma nova sintaxe no Monaco code editor podem ser encontradas em
+ * > [**Monaco Editor**](https://microsoft.github.io/monaco-editor/playground.html#extending-language-services-custom-languages).
+ */
+declare class PoCodeEditorRegister implements PoCodeEditorRegisterable {
+    /** Sintaxe a ser registrada. */
+    language: string;
+    /** Opções da sintaxe para registro no po-code-editor. */
+    options: PoCodeEditorRegisterableOptions;
+    /** Lista de sugestões para a função de autocomplete (CTRL + SPACE). */
+    suggestions?: PoCodeEditorRegisterableSuggestionType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoCodeEditorRegister, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PoCodeEditorRegister>;
+}
+
+declare class PoCodeEditorSuggestionService {
+    private suggestions;
+    constructor();
+    getSuggestion(language: string, newSuggestion: Array<PoCodeEditorRegisterableSuggestion>): PoCodeEditorRegisterableSuggestion[];
+    private deduplicateSuggestions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoCodeEditorSuggestionService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PoCodeEditorSuggestionService>;
+}
+
+/**
+ * @docsExtends PoCodeEditorBaseComponent
+ *
+ * @example
+ *
+ * <example name="po-code-editor-basic" title="PO Code Editor Basic">
+ *  <file name="sample-po-code-editor-basic/sample-po-code-editor-basic.component.html"> </file>
+ *  <file name="sample-po-code-editor-basic/sample-po-code-editor-basic.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-code-editor-labs" title="PO Code Editor Labs">
+ *  <file name="sample-po-code-editor-labs/sample-po-code-editor-labs.component.html"> </file>
+ *  <file name="sample-po-code-editor-labs/sample-po-code-editor-labs.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-code-editor-diff" title="PO Code Editor - Diff">
+ *  <file name="sample-po-code-editor-diff/sample-po-code-editor-diff.component.html"> </file>
+ *  <file name="sample-po-code-editor-diff/sample-po-code-editor-diff.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-code-editor-terraform" title="PO Code Editor - Terraform">
+ *  <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.component.html"> </file>
+ *  <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.component.ts"> </file>
+ *  <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.constant.ts"> </file>
+ *  <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.module.ts"> </file>
+ * </example>
+ *
+ * <example name="po-code-editor-suggestion" title="PO Code Editor Suggestion">
+ *  <file name="sample-po-code-editor-suggestion/sample-po-code-editor-suggestion.component.html"> </file>
+ *  <file name="sample-po-code-editor-suggestion/sample-po-code-editor-suggestion.component.ts"> </file>
+ * </example>
+ */
+declare class PoCodeEditorComponent extends PoCodeEditorBaseComponent implements AfterViewInit, DoCheck {
+    private zone;
+    private el;
+    private poCodeEditorSuggestionService;
+    private codeEditorRegister?;
+    editorContainer: ElementRef;
+    canLoad: boolean;
+    constructor(zone: NgZone, el: ElementRef, poCodeEditorSuggestionService: PoCodeEditorSuggestionService, codeEditorRegister?: PoCodeEditorRegister);
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
+    monacoCreateModel(value: string): any;
+    setValueInEditor(): void;
+    setLanguage(language: string): void;
+    setTheme(theme: string): void;
+    setReadOnly(readOnly: boolean): void;
+    setSuggestions(newSuggestions: Array<PoCodeEditorRegisterableSuggestion>, language?: string): void;
+    writeValue(value: any): void;
+    private initMonaco;
+    private setMonacoLanguage;
+    private registerCustomLanguage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoCodeEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoCodeEditorComponent, "po-code-editor", never, {}, {}, never, never, false, never>;
+}
+
+/**
+ * @description
+ *
+ * Módulo do componente po-code-editor.
+ */
+declare class PoCodeEditorModule {
+    static forRegister(props: PoCodeEditorRegisterable): ModuleWithProviders<PoCodeEditorModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoCodeEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PoCodeEditorModule, [typeof PoCodeEditorComponent], [typeof i2.CommonModule], [typeof PoCodeEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PoCodeEditorModule>;
+}
+
+export { PoCodeEditorComponent, PoCodeEditorModule, PoCodeEditorRegister };
+export type { PoCodeEditorRegisterable, PoCodeEditorRegisterableOptions, PoCodeEditorRegisterableSuggestion, PoCodeEditorRegisterableTokens };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-code-editor",
-  "version": "19.26.0",
+  "version": "20.0.0",
   "description": "PO UI - Code Editor",
   "author": "PO UI",
   "license": "MIT",
@@ -11,18 +11,18 @@
   },
   "schematics": "./schematics/collection.json",
   "dependencies": {
-    "@po-ui/ng-components": "19.26.0",
-    "@po-ui/ng-schematics": "19.26.0",
+    "@po-ui/ng-components": "20.0.0",
+    "@po-ui/ng-schematics": "20.0.0",
     "monaco-editor": "0.44.0",
     "core-js": "^3.33.3",
     "intl": "^1.2.5",
-    "tslib": "^2.6.2"
+    "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/common": "^19",
-    "@angular/core": "^19",
-    "@angular/forms": "^19",
-    "@po-ui/ng-components": "19.26.0",
+    "@angular/common": "^20",
+    "@angular/core": "^20",
+    "@angular/forms": "^20",
+    "@po-ui/ng-components": "20.0.0",
     "monaco-editor": "0.44.0",
     "zone.js": "~0.15.0"
   },
@@ -39,6 +39,6 @@
   },
   "sideEffects": false,
   "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
+    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with partial compilation mode, before attempting to publish.\\n')\" && exit 1"
   }
 }

package/schematics/ng-add/index.js

@@ -31,7 +31,7 @@ function default_1(options) {
 }
 function addPoPackageAndInstall() {
     return (tree, context) => {
-        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-code-editor', '19.26.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-code-editor', '20.0.0');
         // install packages
         context.addTask(new tasks_1.NodePackageInstallTask());
     };

package/lib/components/po-code-editor/interfaces/po-code-editor-registerable-options.interface.d.ts

@@ -1,22 +0,0 @@
-import { PoCodeEditorRegisterableTokens } from './po-code-editor-registerable-tokens.interface';
-/**
- * @usedBy PoCodeEditorRegister
- *
- * @description
- *
- * Interface para configuração de Opções de novas sintaxes ao code editor.
- */
-export interface PoCodeEditorRegisterableOptions {
-    /** Palavras chaves da sintaxe. */
-    keywords: Array<string>;
-    /** Operadores específicos da sintaxe.  */
-    operators: Array<string>;
-    /** Símbolos específicos da sintaxes. */
-    symbols: RegExp;
-    /** Escapes específicos da sintaxes. */
-    escapes: RegExp;
-    /** Interface para recebimento de token específicos da sintaxe. */
-    tokenizer: PoCodeEditorRegisterableTokens;
-    /** Define se a sintaxe será case sensitive ou não. */
-    ignoreCase?: boolean;
-}

package/lib/components/po-code-editor/interfaces/po-code-editor-registerable-suggestion.interface.d.ts

@@ -1,37 +0,0 @@
-/**
- * @usedBy PoCodeEditorRegister, PoCodeEditorComponent
- *
- * @description
- *
- * Interface para configuração da lista de sugestão do autocomplete do code editor.
- */
-export interface PoCodeEditorRegisterableSuggestion {
-    /** Texto que será exibido na lista de sugestões. */
-    label: string;
-    /** Texto que será inserido no editor ao selecionar a sugestão exibida pelo autocomplete. */
-    insertText: string;
-    /** Texto de ajuda que será exibido caso o usuário deseje ver mais informações sobre a sugestão. */
-    documentation?: string;
-}
-/**
- * @usedBy PoCodeEditorRegister, PoCodeEditorRegisterable
- *
- * @description
- *
- * Interface do objeto usado pelo monaco para lista de sugestão do autocomplete do code editor.
- */
-export interface PoCodeEditorRegisterableSuggestionType {
-    provideCompletionItems: () => {
-        suggestions: Array<PoCodeEditorRegisterableSuggestion>;
-    };
-}
-/**
- *
- * @description
- *
- * Interface do objeto usado pelo monaco para lista de sugestão do autocomplete do code editor.
- * Utilizado internamente pelo serviço PoCodeEditorSuggestionService
- */
-export interface PoCodeEditorSuggestionList {
-    [index: string]: Array<PoCodeEditorRegisterableSuggestion>;
-}

package/lib/components/po-code-editor/interfaces/po-code-editor-registerable-tokens.interface.d.ts

@@ -1,21 +0,0 @@
-/**
- * @usedBy PoCodeEditorRegister
- *
- * @description
- *
- * Interface para configuração de tokens de novas sintaxes ao code editor.
- */
-export interface PoCodeEditorRegisterableTokens {
-    /** Principal tokenizer da sintaxe customizada. */
-    root: Array<any>;
-    /** Tokenizer de comentários. */
-    comment?: Array<any>;
-    /** Tokenizer de strings. */
-    string?: Array<any>;
-    /** Tokenizer de whitespaces. */
-    whitespace?: Array<any>;
-    /** Sequência de interpolação.  */
-    interpolated?: Array<any>;
-    /** Sequência de interpolação composta. */
-    interpolatedCompound?: Array<any>;
-}

package/lib/components/po-code-editor/interfaces/po-code-editor-registerable.interface.d.ts

@@ -1,17 +0,0 @@
-import { PoCodeEditorRegisterableOptions } from './po-code-editor-registerable-options.interface';
-import { PoCodeEditorRegisterableSuggestionType } from './po-code-editor-registerable-suggestion.interface';
-/**
- * @usedBy PoCodeEditorRegister
- *
- * @description
- *
- * Interface para configuração de novas sintaxes ao code editor.
- */
-export interface PoCodeEditorRegisterable {
-    /** Nome da sintaxe a ser registrada no code editor. */
-    language: string;
-    /** Opções de configuração da sintaxe customizada. */
-    options: PoCodeEditorRegisterableOptions;
-    /** Lista de sugestões para a função de autocomplete. */
-    suggestions?: PoCodeEditorRegisterableSuggestionType;
-}

package/lib/components/po-code-editor/po-code-editor-base.component.d.ts

@@ -1,194 +0,0 @@
-import { ControlValueAccessor } from '@angular/forms';
-import { PoCodeEditorRegisterableSuggestion } from './interfaces/po-code-editor-registerable-suggestion.interface';
-import * as i0 from "@angular/core";
-/**
- * @description
- *
- * O `po-code-editor` é um componente para edição de código fonte baseado no Monaco Editor da Microsoft.
- *
- * Sendo assim, algumas configurações presentes no Monaco podem ser utilizadas aqui, como a escolha da linguagem
- * (utilizando o highlight syntax específico), escolha do tema e opção de diff, além de ser muito similar ao Visual
- * Studio Code, com autocomplete e fechamento automático de brackets.
- *
- * Este componente pode ser usado em qualquer situação que necessite de adição de códigos, como por exemplo, criar
- * receitas utilizando Terraform para gerenciar topologias.
- * É importante ressaltar que este não é um componente para edição de textos comuns.
- *
- * O [(ngModel)] deve ser usado para manipular o conteúdo do po-code-editor, ou seja, tanto para incluir um conteúdo quanto
- * para recuperar o conteúdo do po-code-editor, utiliza-se uma variável passada por [(ngModel)].
- *
- * #### Adicionando o pacote @po-ui/ng-code-editor
- *
- * Para instalar o pacote `po-code-editor` em sua aplicação execute:
- *
- * ```shell
- * ng add @po-ui/ng-code-editor
- * ```
- *
- * O comando `ng add` do `Angular CLI`:
- * - inclui o `po-code-editor` no seu projeto;
- * - adiciona o módulo `PoCodeEditorModule`:;
- *
- * ```
- * // app.module.ts
- * ...
- * import { PoModule } from '@po-ui/ng-components';
- * import { PoCodeEditorModule } from '@po-ui/ng-code-editor';
- * ...
- * @NgModule({
- *   imports: [
- *     ...
- *     PoModule,
- *     PoCodeEditorModule
- *   ],
- *   ...
- * })
- * export class AppModule { }
- * ```
- *
- * - adiciona o tema PO UI e também o *asset* do Monaco no arquivo `angular.json`, conforme abaixo:
- *
- * <pre ngNonBindable>
- * ...
- * "assets": [
- *    { "glob": "&#42;&#42;/&#42;", "input": "node_modules/monaco-editor/min", "output": "/assets/monaco/" }
- *  ],
- * "styles": [
- *    "./node_modules/@po-ui/style/css/po-theme-default.min.css"
- * ]
- * ...
- * </pre>
- */
-export declare abstract class PoCodeEditorBaseComponent implements ControlValueAccessor {
-    editor: any;
-    modifiedValue: string;
-    value: any;
-    private _height;
-    private _language;
-    private _readonly;
-    private _showDiff;
-    private _suggestions;
-    private _theme;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Linguagem na qual será apresentado o código fonte.
-     * Para saber quais são as linguagens compatíveis, consulte a documentação oficial do
-     * [**Monaco Editor**](https://microsoft.github.io/monaco-editor/).
-     *
-     * Também é possível adicionar uma nova linguagem personalizada utilizando o serviço:
-     * [**po-code-editor-register**](https://po-ui.io/documentation/po-code-editor-register?view=doc).
-     *
-     * @default `plainText`
-     */
-    set language(language: string);
-    get language(): string;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Indica se o editor será aberto em modo de leitura.
-     *
-     * Neste caso, não é possível editar o código inserido.
-     *
-     * Obs: Esta propriedade não refletirá efeito se alterada após o carregamento do componente.
-     *
-     * @default `false`
-     */
-    set readonly(readonly: boolean);
-    get readonly(): boolean;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Indica se o editor será aberto em modo de comparação.
-     *
-     * Caso esteja habilitada esta opção, então o [(ngModel)] deverá ser passado como um array, cuja primeira opção deve
-     * conter uma string com o código original e na segunda posição uma string código modificado para efeito de
-     * comparação. Neste caso, o usuário conseguirá editar apenas o código modificado e isso refletirá na segunda posição
-     * do array consequentemente.
-     *
-     * Obs: Esta propriedade não refletirá efeito se alterada após o carregamento do componente.
-     *
-     * @default `false`
-     */
-    set showDiff(showDiff: boolean);
-    get showDiff(): boolean;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Lista de sugestões usadas pelo autocomplete dentro do editor.
-     *
-     * Para visualizar a lista de sugestões use o comando `CTRL + SPACE`.
-     *
-     * Caso o editor esteja usando uma linguagem que já tenha uma lista de sugestões predefinida, o valor passado será adicionado
-     * a lista preexistente, aumentando as opções para o usuário.
-     *
-     * Caso tenha mais de um editor da mesma linguagem na aplicação, as sugestões serão adicionadas para que todos os editores da mesma linguagem
-     * tenham as mesmas sugestões.
-     *
-     * ```
-     *  <po-code-editor
-     *    [p-suggestions]="[{ label: 'po', insertText: 'Portinari UI' }, { label: 'ng', insertText: 'Angular' }]">
-     *  </po-code-editor>
-     * ```
-     *
-     * Ao fornecer uma lista de sugestões é possível acelerar a escrita de scripts pelos usuários.
-     */
-    set suggestions(values: Array<PoCodeEditorRegisterableSuggestion>);
-    get suggestions(): Array<PoCodeEditorRegisterableSuggestion>;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define um tema para o editor.
-     *
-     * Temas válidos:
-     *  - `vs-dark`
-     *  - `vs`
-     *  - `hc-black`
-     *
-     * É importante salientar que o tema será aplicados a todos os componentes po-code-editor existentes na tela,
-     * ou seja, todas as instâncias do componente receberão o último tema atribuído ou o tema da última instância
-     * criada.
-     *
-     * @default `vs`
-     */
-    set theme(theme: string);
-    get theme(): string;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define a altura do componente em pixels do po-code-editor.
-     * Esta propriedade não poderá ser alterada após o componente ter sido iniciado.
-     * A altura mínima é 150 pixels.
-     */
-    set height(height: string);
-    get height(): string;
-    onTouched: (value: any) => void;
-    onChangePropagate: (value: any) => void;
-    getOptions(): {
-        language: string;
-        theme: string;
-        readOnly: boolean;
-    };
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    protected convertToBoolean(val: any): boolean;
-    abstract writeValue(value: any): any;
-    abstract setLanguage(value: any): any;
-    abstract setTheme(value: any): any;
-    abstract setReadOnly(value: any): any;
-    abstract setSuggestions(value: any): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoCodeEditorBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoCodeEditorBaseComponent, never, never, { "language": { "alias": "p-language"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "showDiff": { "alias": "p-show-diff"; "required": false; }; "suggestions": { "alias": "p-suggestions"; "required": false; }; "theme": { "alias": "p-theme"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/po-code-editor/po-code-editor-register.service.d.ts

@@ -1,70 +0,0 @@
-import { PoCodeEditorRegisterable } from './interfaces/po-code-editor-registerable.interface';
-import { PoCodeEditorRegisterableOptions } from './interfaces/po-code-editor-registerable-options.interface';
-import { PoCodeEditorRegisterableSuggestionType } from './interfaces/po-code-editor-registerable-suggestion.interface';
-import * as i0 from "@angular/core";
-/**
- * @description
- *
- * Wrapper para registro de sintaxes customizadas para o po-code-editor.
- *
- * Para utilização do serviço de idiomas **PoCodeEditorRegister**,
- * deve-se importar o módulo PoCodeEditorModule mesmo já tendo importado
- * o módulo PoModule.
- * Na importação opcionalmente pode ser invocado o método **forRegister** informando um objeto para configuração.
- *
- * Exemplo de configuração:
- * ```
- * import { PoCodeEditorModule, PoCodeEditorRegisterable } from '@po-ui/ng-code-editor';
- *
- * declare const monaco: any; // Importante para usar configurações com tipos definidos pelo Monaco
- *
- * // A função `provideCompletionItems` precisa ser exportada para ser compatível com AOT.
- * export function provideCompletionItems() {
- *   const suggestions = [{
- *     label: 'terraform',
- *     insertText: '#terraform language'
- *   }, {
- *     label: 'server',
- *     insertText: 'server ${1:ip}'
- *   }];
- *
- *   return { suggestions: suggestions };
- * }
- *
- * const customEditor: PoCodeEditorRegisterable = {
- *   language: 'terraform',
- *   options: {
- *     keywords: ['resource', 'provider', 'variable', 'output', 'module', 'true', 'false'],
- *     operators: ['{', '}', '(', ')', '[', ']', '?', ':'],
- *     symbols:  /[=><!~?:&|+\-*\/\^%]+/,
- *     escapes: /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
- *     tokenizer: {
- *      ...
- *     }
- *   },
- *   suggestions: { provideCompletionItems: provideCompletionItems }
- * };
- *
- * @NgModule({
- *   declarations: [],
- *   imports: [
- *     PoModule,
- *     PoCodeEditorModule.forRegister(customEditor)
- *   ],
- *   bootstrap: [AppComponent]
- * })
- * ```
- *
- * > As configurações para o registro de uma nova sintaxe no Monaco code editor podem ser encontradas em
- * > [**Monaco Editor**](https://microsoft.github.io/monaco-editor/playground.html#extending-language-services-custom-languages).
- */
-export declare class PoCodeEditorRegister implements PoCodeEditorRegisterable {
-    /** Sintaxe a ser registrada. */
-    language: string;
-    /** Opções da sintaxe para registro no po-code-editor. */
-    options: PoCodeEditorRegisterableOptions;
-    /** Lista de sugestões para a função de autocomplete (CTRL + SPACE). */
-    suggestions?: PoCodeEditorRegisterableSuggestionType;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoCodeEditorRegister, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<PoCodeEditorRegister>;
-}

package/lib/components/po-code-editor/po-code-editor-suggestion.service.d.ts

@@ -1,10 +0,0 @@
-import { PoCodeEditorRegisterableSuggestion } from './interfaces/po-code-editor-registerable-suggestion.interface';
-import * as i0 from "@angular/core";
-export declare class PoCodeEditorSuggestionService {
-    private suggestions;
-    constructor();
-    getSuggestion(language: string, newSuggestion: Array<PoCodeEditorRegisterableSuggestion>): PoCodeEditorRegisterableSuggestion[];
-    private deduplicateSuggestions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoCodeEditorSuggestionService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<PoCodeEditorSuggestionService>;
-}

package/lib/components/po-code-editor/po-code-editor.component.d.ts

@@ -1,61 +0,0 @@
-import { AfterViewInit, DoCheck, ElementRef, NgZone } from '@angular/core';
-import { PoCodeEditorBaseComponent } from './po-code-editor-base.component';
-import { PoCodeEditorRegister } from './po-code-editor-register.service';
-import { PoCodeEditorRegisterableSuggestion } from './interfaces/po-code-editor-registerable-suggestion.interface';
-import { PoCodeEditorSuggestionService } from './po-code-editor-suggestion.service';
-import * as i0 from "@angular/core";
-/**
- * @docsExtends PoCodeEditorBaseComponent
- *
- * @example
- *
- * <example name="po-code-editor-basic" title="PO Code Editor Basic">
- *  <file name="sample-po-code-editor-basic/sample-po-code-editor-basic.component.html"> </file>
- *  <file name="sample-po-code-editor-basic/sample-po-code-editor-basic.component.ts"> </file>
- * </example>
- *
- * <example name="po-code-editor-labs" title="PO Code Editor Labs">
- *  <file name="sample-po-code-editor-labs/sample-po-code-editor-labs.component.html"> </file>
- *  <file name="sample-po-code-editor-labs/sample-po-code-editor-labs.component.ts"> </file>
- * </example>
- *
- * <example name="po-code-editor-diff" title="PO Code Editor - Diff">
- *  <file name="sample-po-code-editor-diff/sample-po-code-editor-diff.component.html"> </file>
- *  <file name="sample-po-code-editor-diff/sample-po-code-editor-diff.component.ts"> </file>
- * </example>
- *
- * <example name="po-code-editor-terraform" title="PO Code Editor - Terraform">
- *  <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.component.html"> </file>
- *  <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.component.ts"> </file>
- *  <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.constant.ts"> </file>
- *  <file name="sample-po-code-editor-terraform/sample-po-code-editor-terraform.module.ts"> </file>
- * </example>
- *
- * <example name="po-code-editor-suggestion" title="PO Code Editor Suggestion">
- *  <file name="sample-po-code-editor-suggestion/sample-po-code-editor-suggestion.component.html"> </file>
- *  <file name="sample-po-code-editor-suggestion/sample-po-code-editor-suggestion.component.ts"> </file>
- * </example>
- */
-export declare class PoCodeEditorComponent extends PoCodeEditorBaseComponent implements AfterViewInit, DoCheck {
-    private zone;
-    private el;
-    private poCodeEditorSuggestionService;
-    private codeEditorRegister?;
-    editorContainer: ElementRef;
-    canLoad: boolean;
-    constructor(zone: NgZone, el: ElementRef, poCodeEditorSuggestionService: PoCodeEditorSuggestionService, codeEditorRegister?: PoCodeEditorRegister);
-    ngAfterViewInit(): void;
-    ngDoCheck(): void;
-    monacoCreateModel(value: string): any;
-    setValueInEditor(): void;
-    setLanguage(language: string): void;
-    setTheme(theme: string): void;
-    setReadOnly(readOnly: boolean): void;
-    setSuggestions(newSuggestions: Array<PoCodeEditorRegisterableSuggestion>, language?: string): void;
-    writeValue(value: any): void;
-    private initMonaco;
-    private setMonacoLanguage;
-    private registerCustomLanguage;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoCodeEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoCodeEditorComponent, "po-code-editor", never, {}, {}, never, never, false, never>;
-}

package/lib/components/po-code-editor/po-code-editor.module.d.ts

@@ -1,16 +0,0 @@
-import { ModuleWithProviders } from '@angular/core';
-import { PoCodeEditorRegisterable } from './interfaces/po-code-editor-registerable.interface';
-import * as i0 from "@angular/core";
-import * as i1 from "./po-code-editor.component";
-import * as i2 from "@angular/common";
-/**
- * @description
- *
- * Módulo do componente po-code-editor.
- */
-export declare class PoCodeEditorModule {
-    static forRegister(props: PoCodeEditorRegisterable): ModuleWithProviders<PoCodeEditorModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoCodeEditorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PoCodeEditorModule, [typeof i1.PoCodeEditorComponent], [typeof i2.CommonModule], [typeof i1.PoCodeEditorComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PoCodeEditorModule>;
-}

package/lib/index.d.ts

@@ -1,7 +0,0 @@
-export { PoCodeEditorComponent } from './components/po-code-editor/po-code-editor.component';
-export { PoCodeEditorRegister } from './components/po-code-editor/po-code-editor-register.service';
-export { PoCodeEditorRegisterable } from './components/po-code-editor/interfaces/po-code-editor-registerable.interface';
-export { PoCodeEditorRegisterableOptions } from './components/po-code-editor/interfaces/po-code-editor-registerable-options.interface';
-export { PoCodeEditorRegisterableTokens } from './components/po-code-editor/interfaces/po-code-editor-registerable-tokens.interface';
-export { PoCodeEditorRegisterableSuggestion } from './components/po-code-editor/interfaces/po-code-editor-registerable-suggestion.interface';
-export { PoCodeEditorModule } from './components/po-code-editor/po-code-editor.module';

package/public-api.d.ts

@@ -1 +0,0 @@
-export * from './lib/index';