@esfaenza/core 20.3.80 → 20.3.81

package/components/index.d.ts

@@ -14,7 +14,7 @@ import { PreferencesService, CacheService } from '@esfaenza/preferences';
 import * as i5 from '@esfaenza/localizations';
 import { LocalizationService } from '@esfaenza/localizations';
 import { JaceIdentity, ApplicationJob, ApplicationMenu, SearchResult, SearchResultContainer, ActiveModuleView, EntityFeedsWidgetConfiguration, Feed, CreateUpdateFeedDto, UserAccount, UpdatePasswordDto } from '@esfaenza/core/domain';
-import { Subscription, ReplaySubject, Subject } from 'rxjs';
+import { Subscription, ReplaySubject, Subject, Observable } from 'rxjs';
 import * as i3 from '@angular/forms';
 import { NgForm, NgModel } from '@angular/forms';
 import * as i4 from '@esfaenza/core/directives';
@@ -473,9 +473,77 @@ declare class EntityFeedsWidgetComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<EntityFeedsWidgetComponent, "entity-feeds-widget", never, { "EntityType": { "alias": "EntityType"; "required": false; }; "EntityId": { "alias": "EntityId"; "required": false; }; "RefreshSubject": { "alias": "RefreshSubject"; "required": false; }; "GetFeedsAPI": { "alias": "GetFeedsAPI"; "required": false; }; "CreateFeedAPI": { "alias": "CreateFeedAPI"; "required": false; }; "UpdateFeedAPI": { "alias": "UpdateFeedAPI"; "required": false; }; "DeleteFeedAPI": { "alias": "DeleteFeedAPI"; "required": false; }; "ReactToFeedAPI": { "alias": "ReactToFeedAPI"; "required": false; }; "GetUserTagsAPI": { "alias": "GetUserTagsAPI"; "required": false; }; "GetFeedAttachmentAPI": { "alias": "GetFeedAttachmentAPI"; "required": false; }; "WidgetTitle": { "alias": "WidgetTitle"; "required": false; }; "MaxHeight": { "alias": "MaxHeight"; "required": false; }; "Readonly": { "alias": "Readonly"; "required": false; }; "AllowUserTags": { "alias": "AllowUserTags"; "required": false; }; "AllowReactions": { "alias": "AllowReactions"; "required": false; }; "AllowAttachments": { "alias": "AllowAttachments"; "required": false; }; "AllowComments": { "alias": "AllowComments"; "required": false; }; "AllowReplies": { "alias": "AllowReplies"; "required": false; }; "DebugMode": { "alias": "DebugMode"; "required": false; }; "ModuleConfig": { "alias": "ModuleConfig"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/** Risposta a un comando: testo prodotto, eventuale errore e il prompt da mostrare da lì in avanti */
+interface EsTerminalResult {
+    Output?: string;
+    Error?: string;
+    Prompt?: string;
+}
+/** Esegue un comando: la riga digitata arriva così com'è, anche vuota (serve agli interpreti con prompt di continuazione) */
+type EsTerminalExecutor = (command: string) => Observable<EsTerminalResult> | Promise<EsTerminalResult> | EsTerminalResult;
+type EsTerminalLineKind = "greeting" | "command" | "output" | "error" | "info";
+interface EsTerminalLine {
+    Kind: EsTerminalLineKind;
+    Text: string;
+    Prompt?: string;
+}
+/**
+ * Terminale testuale senza dipendenze: storico delle righe, prompt, cronologia dei comandi (frecce su/giù),
+ * incolla di più righe eseguite in sequenza. Ogni comando passa all'Executor; finché non risponde l'input è sospeso.
+ *
+ * Tasti: Invio esegue, ↑/↓ cronologia, Tab inserisce 4 spazi, Ctrl+C (senza testo selezionato) annulla la riga, Ctrl+L pulisce.
+ * Colori e font si cambiano con le variabili CSS --es-terminal-* sull'elemento.
+ */
+declare class EsTerminalComponent {
+    /** Testo mostrato all'apertura */
+    Greetings: string;
+    /** Prompt iniziale; l'Executor può cambiarlo con ogni risposta */
+    set Prompt(value: string);
+    Executor: EsTerminalExecutor;
+    /** Chiave in localStorage per conservare la cronologia dei comandi fra una sessione e l'altra; senza chiave resta in memoria */
+    HistoryKey: string;
+    MaxHistory: number;
+    /** Prende il focus all'apertura */
+    AutoFocus: boolean;
+    private screen;
+    private input;
+    Lines: i0.WritableSignal<EsTerminalLine[]>;
+    CurrentPrompt: i0.WritableSignal<string>;
+    Busy: i0.WritableSignal<boolean>;
+    Command: string;
+    private history;
+    private historyIndex;
+    private draft;
+    private queue;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    /** Aggiunge del testo allo schermo */
+    echo(text: string, kind?: EsTerminalLineKind): void;
+    error(text: string): void;
+    clear(): void;
+    setPrompt(prompt: string): void;
+    focus(): void;
+    /** Esegue un comando come se fosse stato digitato */
+    exec(command: string): void;
+    onKeyDown(e: KeyboardEvent): void;
+    onPaste(e: ClipboardEvent): void;
+    onScreenClick(): void;
+    private runQueue;
+    private run;
+    private addToHistory;
+    private moveInHistory;
+    private loadHistory;
+    private saveHistory;
+    private insertAtCursor;
+    private hasSelection;
+    private scrollToBottom;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EsTerminalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EsTerminalComponent, "es-terminal", never, { "Greetings": { "alias": "Greetings"; "required": false; }; "Prompt": { "alias": "Prompt"; "required": false; }; "Executor": { "alias": "Executor"; "required": false; }; "HistoryKey": { "alias": "HistoryKey"; "required": false; }; "MaxHistory": { "alias": "MaxHistory"; "required": false; }; "AutoFocus": { "alias": "AutoFocus"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare class ComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ComponentsModule, never, [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.FormsModule, typeof i4.DirectivesModule, typeof i5.LocalizationModule, typeof i6.ProgressbarModule, typeof i7.BsDropdownModule, typeof i8.ModalModule, typeof i9.EsTableModule, typeof BackTop, typeof Breadcrumb, typeof ErrorPageComponent, typeof PagesComponent, typeof ExternalPagesComponent, typeof JaceLoginComponent, typeof Navbar, typeof RedirecterComponent, typeof Sidebar, typeof JaceResourceComponent, typeof EsModalComponent, typeof EsModalHeadComponent, typeof LabeledSpanComponent, typeof EsImageCropperComponent, typeof FormSelectorComponent, typeof FormSelectorDialogComponent, typeof EntityFeedsWidgetComponent], [typeof BackTop, typeof Breadcrumb, typeof ErrorPageComponent, typeof PagesComponent, typeof ExternalPagesComponent, typeof JaceLoginComponent, typeof Navbar, typeof RedirecterComponent, typeof Sidebar, typeof JaceResourceComponent, typeof EsModalComponent, typeof EsModalHeadComponent, typeof LabeledSpanComponent, typeof EsImageCropperComponent, typeof FormSelectorComponent, typeof FormSelectorDialogComponent, typeof EntityFeedsWidgetComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ComponentsModule, never, [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.FormsModule, typeof i4.DirectivesModule, typeof i5.LocalizationModule, typeof i6.ProgressbarModule, typeof i7.BsDropdownModule, typeof i8.ModalModule, typeof i9.EsTableModule, typeof BackTop, typeof Breadcrumb, typeof ErrorPageComponent, typeof PagesComponent, typeof ExternalPagesComponent, typeof JaceLoginComponent, typeof Navbar, typeof RedirecterComponent, typeof Sidebar, typeof JaceResourceComponent, typeof EsModalComponent, typeof EsModalHeadComponent, typeof LabeledSpanComponent, typeof EsImageCropperComponent, typeof FormSelectorComponent, typeof FormSelectorDialogComponent, typeof EntityFeedsWidgetComponent, typeof EsTerminalComponent], [typeof BackTop, typeof Breadcrumb, typeof ErrorPageComponent, typeof PagesComponent, typeof ExternalPagesComponent, typeof JaceLoginComponent, typeof Navbar, typeof RedirecterComponent, typeof Sidebar, typeof JaceResourceComponent, typeof EsModalComponent, typeof EsModalHeadComponent, typeof LabeledSpanComponent, typeof EsImageCropperComponent, typeof FormSelectorComponent, typeof FormSelectorDialogComponent, typeof EntityFeedsWidgetComponent, typeof EsTerminalComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ComponentsModule>;
 }
 
@@ -695,4 +763,5 @@ declare abstract class BaseSearchComponent<TSearch extends AppSearch<TItem>, TIt
     static ɵcmp: i0.ɵɵComponentDeclaration<BaseSearchComponent<any, any>, "ng-component", never, {}, {}, never, never, true, never>;
 }
 
-export { BackTop, BaseComponent, BaseSearchComponent, BaseSelectorComponent, BaseSelectorInitialization, Breadcrumb, BreadcrumbItem, ComponentsModule, EmbeddingComponent, EntityFeedsWidgetComponent, ErrorPageComponent, EsImageCropperComponent, EsModalComponent, EsModalHeadComponent, ExternalPagesComponent, FormSelectorComponent, FormSelectorDialogComponent, JaceLoginComponent, JaceResourceComponent, LabeledSpanComponent, Navbar, PagesComponent, ReactiveComponent, RedirecterComponent, Sidebar, UserInfosComponent };
+export { BackTop, BaseComponent, BaseSearchComponent, BaseSelectorComponent, BaseSelectorInitialization, Breadcrumb, BreadcrumbItem, ComponentsModule, EmbeddingComponent, EntityFeedsWidgetComponent, ErrorPageComponent, EsImageCropperComponent, EsModalComponent, EsModalHeadComponent, EsTerminalComponent, ExternalPagesComponent, FormSelectorComponent, FormSelectorDialogComponent, JaceLoginComponent, JaceResourceComponent, LabeledSpanComponent, Navbar, PagesComponent, ReactiveComponent, RedirecterComponent, Sidebar, UserInfosComponent };
+export type { EsTerminalExecutor, EsTerminalLine, EsTerminalLineKind, EsTerminalResult };

package/fesm2022/esfaenza-core-components.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { HostListener, ViewChild, Input, ViewEncapsulation, Component, EventEmitter, Output, Inject, Injectable, Optional, ChangeDetectionStrategy, input, model, NgModule, viewChild, contentChild } from '@angular/core';
+import { HostListener, ViewChild, Input, ViewEncapsulation, Component, EventEmitter, Output, Inject, Injectable, Optional, ChangeDetectionStrategy, input, model, signal, NgModule, viewChild, contentChild } from '@angular/core';
 import * as i2 from '@angular/router';
 import { NavigationEnd, RouterLink, RouterLinkActive, RouterOutlet, ActivatedRoute, Router, RouterModule } from '@angular/router';
 import * as i4 from '@angular/common';
 import { NgIf, NgFor, NgTemplateOutlet, NgClass, CommonModule, AsyncPipe, Location } from '@angular/common';
 import { filter, map, mergeMap, takeUntil } from 'rxjs/operators';
-import { Subject, combineLatest, of, firstValueFrom, ReplaySubject, interval, startWith, takeUntil as takeUntil$1, takeWhile, take, map as map$1 } from 'rxjs';
+import { Subject, combineLatest, of, firstValueFrom, ReplaySubject, interval, startWith, takeUntil as takeUntil$1, takeWhile, isObservable, take, map as map$1 } from 'rxjs';
 import * as i1 from '@esfaenza/core/services';
 import { AppState } from '@esfaenza/core/services';
 import * as i3 from '@angular/platform-browser';
@@ -1616,6 +1616,260 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
                 args: ["dlgFeedContent"]
             }] } });
 
+// Angular
+/**
+ * Terminale testuale senza dipendenze: storico delle righe, prompt, cronologia dei comandi (frecce su/giù),
+ * incolla di più righe eseguite in sequenza. Ogni comando passa all'Executor; finché non risponde l'input è sospeso.
+ *
+ * Tasti: Invio esegue, ↑/↓ cronologia, Tab inserisce 4 spazi, Ctrl+C (senza testo selezionato) annulla la riga, Ctrl+L pulisce.
+ * Colori e font si cambiano con le variabili CSS --es-terminal-* sull'elemento.
+ */
+class EsTerminalComponent {
+    constructor() {
+        /** Testo mostrato all'apertura */
+        this.Greetings = "";
+        this.MaxHistory = 200;
+        /** Prende il focus all'apertura */
+        this.AutoFocus = true;
+        this.Lines = signal([], ...(ngDevMode ? [{ debugName: "Lines" }] : []));
+        this.CurrentPrompt = signal(">", ...(ngDevMode ? [{ debugName: "CurrentPrompt" }] : []));
+        this.Busy = signal(false, ...(ngDevMode ? [{ debugName: "Busy" }] : []));
+        this.Command = "";
+        this.history = [];
+        //Posizione nella cronologia mentre si scorre con le frecce: history.length vuol dire "riga nuova", con la bozza salvata a parte
+        this.historyIndex = 0;
+        this.draft = "";
+        //Righe incollate in attesa di essere eseguite, una alla volta
+        this.queue = [];
+    }
+    /** Prompt iniziale; l'Executor può cambiarlo con ogni risposta */
+    set Prompt(value) { this.CurrentPrompt.set(value ?? ""); }
+    ngOnInit() {
+        this.history = this.loadHistory();
+        this.historyIndex = this.history.length;
+        if (this.Greetings)
+            this.Lines.set([{ Kind: "greeting", Text: this.Greetings }]);
+    }
+    ngAfterViewInit() {
+        if (this.AutoFocus)
+            setTimeout(() => this.focus());
+    }
+    //******************************************************************* API pubblica
+    /** Aggiunge del testo allo schermo */
+    echo(text, kind = "output") {
+        if (text === null || text === undefined)
+            return;
+        this.Lines.update(l => [...l, { Kind: kind, Text: text }]);
+        this.scrollToBottom();
+    }
+    error(text) {
+        this.echo(text, "error");
+    }
+    clear() {
+        this.Lines.set([]);
+    }
+    setPrompt(prompt) {
+        this.CurrentPrompt.set(prompt ?? "");
+    }
+    focus() {
+        this.input?.nativeElement.focus({ preventScroll: true });
+    }
+    /** Esegue un comando come se fosse stato digitato */
+    exec(command) {
+        this.queue.push(command);
+        if (!this.Busy())
+            this.runQueue();
+    }
+    //******************************************************************* Input
+    onKeyDown(e) {
+        if (this.Busy())
+            return;
+        switch (e.key) {
+            case "Enter":
+                e.preventDefault();
+                let command = this.Command;
+                this.Command = "";
+                this.exec(command);
+                return;
+            case "ArrowUp":
+                e.preventDefault();
+                this.moveInHistory(-1);
+                return;
+            case "ArrowDown":
+                e.preventDefault();
+                this.moveInHistory(1);
+                return;
+            case "Tab":
+                e.preventDefault();
+                this.insertAtCursor("    ");
+                return;
+        }
+        if (e.ctrlKey && !e.altKey && !e.metaKey) {
+            let key = e.key.toLowerCase();
+            //Ctrl+C copia se c'è testo selezionato, altrimenti annulla la riga come in una shell
+            if (key == "c" && !this.hasSelection()) {
+                e.preventDefault();
+                this.Lines.update(l => [...l, { Kind: "command", Prompt: this.CurrentPrompt(), Text: this.Command + "^C" }]);
+                this.Command = "";
+                this.historyIndex = this.history.length;
+                this.scrollToBottom();
+            }
+            else if (key == "l") {
+                e.preventDefault();
+                this.clear();
+            }
+        }
+    }
+    onPaste(e) {
+        let text = e.clipboardData?.getData("text") ?? "";
+        if (!/[\r\n]/.test(text))
+            return;
+        //Più righe: la prima completa quella in corso, le altre vengono eseguite in fila; l'ultima, se non chiusa da un a capo, resta da completare
+        e.preventDefault();
+        let lines = text.replace(/\r\n?/g, "\n").split("\n");
+        let last = lines.pop();
+        lines[0] = this.Command + lines[0];
+        this.Command = last;
+        lines.forEach(l => this.queue.push(l));
+        if (!this.Busy())
+            this.runQueue();
+    }
+    //Un clic sullo schermo porta il focus sull'input, a meno che non si stia selezionando del testo da copiare
+    onScreenClick() {
+        if (!this.hasSelection())
+            this.focus();
+    }
+    //******************************************************************* Esecuzione
+    async runQueue() {
+        while (this.queue.length > 0) {
+            let command = this.queue.shift();
+            await this.run(command);
+        }
+        setTimeout(() => this.focus());
+    }
+    async run(command) {
+        this.Lines.update(l => [...l, { Kind: "command", Prompt: this.CurrentPrompt(), Text: command }]);
+        this.addToHistory(command);
+        this.scrollToBottom();
+        if (!this.Executor)
+            return;
+        this.Busy.set(true);
+        try {
+            let ret = this.Executor(command);
+            let res = isObservable(ret) ? await firstValueFrom(ret, { defaultValue: null }) : await ret;
+            if (res?.Output)
+                this.echo(res.Output, "output");
+            if (res?.Error)
+                this.echo(res.Error, "error");
+            if (res?.Prompt !== undefined && res?.Prompt !== null)
+                this.CurrentPrompt.set(res.Prompt);
+        }
+        catch (ex) {
+            //Un errore della chiamata non deve bloccare il terminale: lo mostro e si continua
+            this.echo(ex?.message ?? ex?.toString() ?? "Errore", "error");
+        }
+        finally {
+            this.Busy.set(false);
+            this.scrollToBottom();
+        }
+    }
+    //******************************************************************* Cronologia
+    addToHistory(command) {
+        if (command.trim() && this.history[this.history.length - 1] !== command) {
+            this.history.push(command);
+            if (this.history.length > this.MaxHistory)
+                this.history.splice(0, this.history.length - this.MaxHistory);
+            this.saveHistory();
+        }
+        this.historyIndex = this.history.length;
+        this.draft = "";
+    }
+    moveInHistory(step) {
+        let next = this.historyIndex + step;
+        if (next < 0 || next > this.history.length)
+            return;
+        //Uscendo dalla riga nuova ne tengo la bozza, per ritrovarla scendendo
+        if (this.historyIndex == this.history.length)
+            this.draft = this.Command;
+        this.historyIndex = next;
+        this.Command = next == this.history.length ? this.draft : this.history[next];
+        //Cursore in fondo, come nelle shell
+        setTimeout(() => {
+            let el = this.input?.nativeElement;
+            if (el)
+                el.setSelectionRange(el.value.length, el.value.length);
+        });
+    }
+    loadHistory() {
+        if (!this.HistoryKey)
+            return [];
+        try {
+            let saved = JSON.parse(localStorage.getItem(this.HistoryKey) ?? "[]");
+            return Array.isArray(saved) ? saved.filter(t => typeof t === "string") : [];
+        }
+        catch {
+            return [];
+        }
+    }
+    saveHistory() {
+        if (!this.HistoryKey)
+            return;
+        try {
+            localStorage.setItem(this.HistoryKey, JSON.stringify(this.history));
+        }
+        catch { }
+    }
+    //******************************************************************* Utilità
+    insertAtCursor(text) {
+        let el = this.input?.nativeElement;
+        if (!el)
+            return;
+        let start = el.selectionStart ?? this.Command.length;
+        let end = el.selectionEnd ?? start;
+        this.Command = this.Command.substring(0, start) + text + this.Command.substring(end);
+        setTimeout(() => el.setSelectionRange(start + text.length, start + text.length));
+    }
+    //Testo selezionato sullo schermo o dentro l'input (la selezione di un input non compare in window.getSelection)
+    hasSelection() {
+        let el = this.input?.nativeElement;
+        if (el && document.activeElement === el && el.selectionStart !== el.selectionEnd)
+            return true;
+        let sel = window.getSelection();
+        return !!sel && !sel.isCollapsed && sel.toString().length > 0;
+    }
+    scrollToBottom() {
+        setTimeout(() => {
+            let el = this.screen?.nativeElement;
+            if (el)
+                el.scrollTop = el.scrollHeight;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: EsTerminalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: EsTerminalComponent, isStandalone: true, selector: "es-terminal", inputs: { Greetings: "Greetings", Prompt: "Prompt", Executor: "Executor", HistoryKey: "HistoryKey", MaxHistory: "MaxHistory", AutoFocus: "AutoFocus" }, viewQueries: [{ propertyName: "screen", first: true, predicate: ["screen"], descendants: true, static: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"es-terminal\" #screen (click)=\"onScreenClick()\">\n  @for (line of Lines(); track $index) {\n    @if (line.Kind == 'command') {\n      <div class=\"es-terminal-line es-terminal-command\"><span class=\"es-terminal-prompt\">{{line.Prompt}}</span>{{line.Text}}</div>\n    } @else {\n      <div class=\"es-terminal-line\" [class]=\"'es-terminal-' + line.Kind\">{{line.Text}}</div>\n    }\n  }\n\n  <div class=\"es-terminal-line es-terminal-input-line\" [class.es-terminal-busy]=\"Busy()\">\n    @if (Busy()) {\n      <span class=\"es-terminal-spinner\"></span>\n    } @else {\n      <span class=\"es-terminal-prompt\">{{CurrentPrompt()}}</span>\n    }\n    <input #input class=\"es-terminal-input\" type=\"text\" autocomplete=\"off\" autocapitalize=\"off\" spellcheck=\"false\"\n           aria-label=\"Comando\" [readonly]=\"Busy()\" [(ngModel)]=\"Command\" (keydown)=\"onKeyDown($event)\" (paste)=\"onPaste($event)\" />\n  </div>\n</div>\n", styles: ["es-terminal{--es-terminal-background: #1e1e1e;--es-terminal-color: #d4d4d4;--es-terminal-command-color: #ffffff;--es-terminal-prompt-color: #4ec9b0;--es-terminal-greeting-color: #569cd6;--es-terminal-info-color: #9a9a9a;--es-terminal-error-color: #f48771;--es-terminal-selection: rgba(255, 255, 255, .25);--es-terminal-font: Consolas, \"Cascadia Mono\", \"DejaVu Sans Mono\", \"Courier New\", monospace;--es-terminal-font-size: 13px;--es-terminal-line-height: 1.45;display:block;height:100%;min-height:0}.es-terminal{height:100%;overflow-y:auto;overflow-x:hidden;padding:10px 12px;box-sizing:border-box;background:var(--es-terminal-background);color:var(--es-terminal-color);font-family:var(--es-terminal-font);font-size:var(--es-terminal-font-size);line-height:var(--es-terminal-line-height);cursor:text}.es-terminal ::selection{background:var(--es-terminal-selection)}.es-terminal-line{white-space:pre-wrap;overflow-wrap:anywhere;min-height:calc(var(--es-terminal-font-size) * var(--es-terminal-line-height))}.es-terminal-command{color:var(--es-terminal-command-color)}.es-terminal-greeting{color:var(--es-terminal-greeting-color);margin-bottom:4px}.es-terminal-info{color:var(--es-terminal-info-color)}.es-terminal-error{color:var(--es-terminal-error-color)}.es-terminal-prompt{color:var(--es-terminal-prompt-color);white-space:pre;margin-right:.5ch;-webkit-user-select:none;user-select:none}.es-terminal-input-line{display:flex;align-items:baseline}.es-terminal-input{flex:1 1 auto;min-width:0;padding:0;margin:0;border:none;outline:none;background:transparent;color:var(--es-terminal-command-color);caret-color:var(--es-terminal-command-color);font:inherit;line-height:inherit}.es-terminal-busy .es-terminal-input{color:transparent;caret-color:transparent}.es-terminal-spinner{display:inline-block;width:1ch;margin-right:.5ch;color:var(--es-terminal-prompt-color)}.es-terminal-spinner:after{content:\"|\";animation:es-terminal-spin .6s steps(4) infinite}@keyframes es-terminal-spin{0%{content:\"|\"}25%{content:\"/\"}50%{content:\"-\"}75%{content:\"\\\\\"}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: EsTerminalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "es-terminal", encapsulation: ViewEncapsulation.None, imports: [FormsModule], template: "<div class=\"es-terminal\" #screen (click)=\"onScreenClick()\">\n  @for (line of Lines(); track $index) {\n    @if (line.Kind == 'command') {\n      <div class=\"es-terminal-line es-terminal-command\"><span class=\"es-terminal-prompt\">{{line.Prompt}}</span>{{line.Text}}</div>\n    } @else {\n      <div class=\"es-terminal-line\" [class]=\"'es-terminal-' + line.Kind\">{{line.Text}}</div>\n    }\n  }\n\n  <div class=\"es-terminal-line es-terminal-input-line\" [class.es-terminal-busy]=\"Busy()\">\n    @if (Busy()) {\n      <span class=\"es-terminal-spinner\"></span>\n    } @else {\n      <span class=\"es-terminal-prompt\">{{CurrentPrompt()}}</span>\n    }\n    <input #input class=\"es-terminal-input\" type=\"text\" autocomplete=\"off\" autocapitalize=\"off\" spellcheck=\"false\"\n           aria-label=\"Comando\" [readonly]=\"Busy()\" [(ngModel)]=\"Command\" (keydown)=\"onKeyDown($event)\" (paste)=\"onPaste($event)\" />\n  </div>\n</div>\n", styles: ["es-terminal{--es-terminal-background: #1e1e1e;--es-terminal-color: #d4d4d4;--es-terminal-command-color: #ffffff;--es-terminal-prompt-color: #4ec9b0;--es-terminal-greeting-color: #569cd6;--es-terminal-info-color: #9a9a9a;--es-terminal-error-color: #f48771;--es-terminal-selection: rgba(255, 255, 255, .25);--es-terminal-font: Consolas, \"Cascadia Mono\", \"DejaVu Sans Mono\", \"Courier New\", monospace;--es-terminal-font-size: 13px;--es-terminal-line-height: 1.45;display:block;height:100%;min-height:0}.es-terminal{height:100%;overflow-y:auto;overflow-x:hidden;padding:10px 12px;box-sizing:border-box;background:var(--es-terminal-background);color:var(--es-terminal-color);font-family:var(--es-terminal-font);font-size:var(--es-terminal-font-size);line-height:var(--es-terminal-line-height);cursor:text}.es-terminal ::selection{background:var(--es-terminal-selection)}.es-terminal-line{white-space:pre-wrap;overflow-wrap:anywhere;min-height:calc(var(--es-terminal-font-size) * var(--es-terminal-line-height))}.es-terminal-command{color:var(--es-terminal-command-color)}.es-terminal-greeting{color:var(--es-terminal-greeting-color);margin-bottom:4px}.es-terminal-info{color:var(--es-terminal-info-color)}.es-terminal-error{color:var(--es-terminal-error-color)}.es-terminal-prompt{color:var(--es-terminal-prompt-color);white-space:pre;margin-right:.5ch;-webkit-user-select:none;user-select:none}.es-terminal-input-line{display:flex;align-items:baseline}.es-terminal-input{flex:1 1 auto;min-width:0;padding:0;margin:0;border:none;outline:none;background:transparent;color:var(--es-terminal-command-color);caret-color:var(--es-terminal-command-color);font:inherit;line-height:inherit}.es-terminal-busy .es-terminal-input{color:transparent;caret-color:transparent}.es-terminal-spinner{display:inline-block;width:1ch;margin-right:.5ch;color:var(--es-terminal-prompt-color)}.es-terminal-spinner:after{content:\"|\";animation:es-terminal-spin .6s steps(4) infinite}@keyframes es-terminal-spin{0%{content:\"|\"}25%{content:\"/\"}50%{content:\"-\"}75%{content:\"\\\\\"}}\n"] }]
+        }], propDecorators: { Greetings: [{
+                type: Input
+            }], Prompt: [{
+                type: Input
+            }], Executor: [{
+                type: Input
+            }], HistoryKey: [{
+                type: Input
+            }], MaxHistory: [{
+                type: Input
+            }], AutoFocus: [{
+                type: Input
+            }], screen: [{
+                type: ViewChild,
+                args: ["screen", { static: true }]
+            }], input: [{
+                type: ViewChild,
+                args: ["input", { static: false }]
+            }] } });
+
 // Angular
 const COMPONENTS = [
     BackTop,
@@ -1634,7 +1888,8 @@ const COMPONENTS = [
     EsImageCropperComponent,
     FormSelectorComponent,
     FormSelectorDialogComponent,
-    EntityFeedsWidgetComponent
+    EntityFeedsWidgetComponent,
+    EsTerminalComponent
 ];
 class ComponentsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -1654,7 +1909,8 @@ class ComponentsModule {
             EsImageCropperComponent,
             FormSelectorComponent,
             FormSelectorDialogComponent,
-            EntityFeedsWidgetComponent], exports: [BackTop,
+            EntityFeedsWidgetComponent,
+            EsTerminalComponent], exports: [BackTop,
             Breadcrumb,
             ErrorPageComponent,
             PagesComponent,
@@ -1670,7 +1926,8 @@ class ComponentsModule {
             EsImageCropperComponent,
             FormSelectorComponent,
             FormSelectorDialogComponent,
-            EntityFeedsWidgetComponent] }); }
+            EntityFeedsWidgetComponent,
+            EsTerminalComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: ComponentsModule, imports: [CommonModule, RouterModule, FormsModule, DirectivesModule, LocalizationModule, ProgressbarModule, BsDropdownModule, ModalModule, EsTableModule, ErrorPageComponent,
             PagesComponent,
             Navbar,
@@ -1678,7 +1935,8 @@ class ComponentsModule {
             EsImageCropperComponent,
             FormSelectorComponent,
             FormSelectorDialogComponent,
-            EntityFeedsWidgetComponent] }); }
+            EntityFeedsWidgetComponent,
+            EsTerminalComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: ComponentsModule, decorators: [{
             type: NgModule,
@@ -2460,5 +2718,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BackTop, BaseComponent, BaseSearchComponent, BaseSelectorComponent, BaseSelectorInitialization, Breadcrumb, BreadcrumbItem, ComponentsModule, EmbeddingComponent, EntityFeedsWidgetComponent, ErrorPageComponent, EsImageCropperComponent, EsModalComponent, EsModalHeadComponent, ExternalPagesComponent, FormSelectorComponent, FormSelectorDialogComponent, JaceLoginComponent, JaceResourceComponent, LabeledSpanComponent, Navbar, PagesComponent, ReactiveComponent, RedirecterComponent, Sidebar, UserInfosComponent };
+export { BackTop, BaseComponent, BaseSearchComponent, BaseSelectorComponent, BaseSelectorInitialization, Breadcrumb, BreadcrumbItem, ComponentsModule, EmbeddingComponent, EntityFeedsWidgetComponent, ErrorPageComponent, EsImageCropperComponent, EsModalComponent, EsModalHeadComponent, EsTerminalComponent, ExternalPagesComponent, FormSelectorComponent, FormSelectorDialogComponent, JaceLoginComponent, JaceResourceComponent, LabeledSpanComponent, Navbar, PagesComponent, ReactiveComponent, RedirecterComponent, Sidebar, UserInfosComponent };
 //# sourceMappingURL=esfaenza-core-components.mjs.map