@acorex/components 22.4.13 → 22.4.15

package/fesm2022/acorex-components-text-editor.mjs

@@ -4,7 +4,7 @@ import { AXDecoratorIconComponent, AXDecoratorGenericComponent } from '@acorex/c
 import { AXTranslatorPipe, AXTranslationService } from '@acorex/core/translation';
 import { AsyncPipe, isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, signal, computed, Injectable, input, ViewEncapsulation, ChangeDetectionStrategy, Component, ElementRef, PLATFORM_ID, afterNextRender, effect, DestroyRef, contentChild, forwardRef, model, viewChild, NgModule } from '@angular/core';
+import { inject, signal, computed, Injectable, input, ViewEncapsulation, ChangeDetectionStrategy, Component, ElementRef, PLATFORM_ID, afterNextRender, effect, DestroyRef, contentChild, numberAttribute, forwardRef, model, viewChild, NgModule } from '@angular/core';
 import { AXTextEditor, AX_TEXT_EDITOR_ZOOM_MAX, AX_TEXT_EDITOR_ZOOM_MIN, AX_TEXT_EDITOR_DEFAULT_TEXT_COLORS, AX_TEXT_EDITOR_DEFAULT_BACKGROUND_COLORS, AX_TEXT_EDITOR_ZOOM_PRESETS, AX_TEXT_EDITOR_FONT_SIZES } from '@acorex/cdk/text-editor';
 import { isEqual } from 'lodash-es';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -443,8 +443,14 @@ class AXTextEditorComponent extends classes((MXInputBaseValueComponent), MXLookC
         ...(ngDevMode ? [{ debugName: "placeHolder" }] : /* istanbul ignore next */ []));
         this.outputFormat = input('json', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "outputFormat" }] : /* istanbul ignore next */ []));
-        this.initialLine = input(6, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "initialLine" }] : /* istanbul ignore next */ []));
+        /**
+         * Minimum height of the editable surface, measured in text lines.
+         *
+         * @defaultValue 6
+         */
+        this.initialLine = input(6, { ...(ngDevMode ? { debugName: "initialLine" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.initialLineCss = computed(() => String(Math.max(1, this.initialLine() || 6)), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "initialLineCss" }] : /* istanbul ignore next */ []));
         this.zoomFactor = computed(() => this.editorService.zoomFactor(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "zoomFactor" }] : /* istanbul ignore next */ []));
         this.projectedContent = computed(() => this.projected() != null, /* @ts-ignore */
@@ -475,6 +481,19 @@ class AXTextEditorComponent extends classes((MXInputBaseValueComponent), MXLookC
     blur() {
         this.editorService.blur();
     }
+    /**
+     * Replaces the editor content. Optionally focuses the editor afterward.
+     *
+     * @param value - HTML, JSON, or null to clear.
+     * @param focus - When true, moves the caret into the editor after the content is applied.
+     * @returns void
+     */
+    setContent(value, focus = false) {
+        this.value = value ?? '';
+        if (!focus)
+            return;
+        setTimeout(() => this.focus());
+    }
     /** @ignore */
     notifyEditorFocus(event) {
         this.emitOnFocusEvent(event);
@@ -500,7 +519,7 @@ class AXTextEditorComponent extends classes((MXInputBaseValueComponent), MXLookC
         this.editorService.setContent(value == null ? '' : value, false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXTextEditorComponent, isStandalone: true, selector: "ax-text-editor", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, placeHolder: { classPropertyName: "placeHolder", publicName: "placeHolder", isSignal: true, isRequired: false, transformFunction: null }, outputFormat: { classPropertyName: "outputFormat", publicName: "outputFormat", isSignal: true, isRequired: false, transformFunction: null }, initialLine: { classPropertyName: "initialLine", publicName: "initialLine", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange" }, host: { attributes: { "ngSkipHydration": "true" }, properties: { "style.--ax-comp-text-editor-initial-line": "initialLine()", "style.--ax-comp-text-editor-zoom": "zoomFactor()", "class.ax-state-disabled": "disabled", "class.ax-state-readonly": "readonly && !disabled" }, classAttribute: "ax-text-editor" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXTextEditorComponent, isStandalone: true, selector: "ax-text-editor", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, placeHolder: { classPropertyName: "placeHolder", publicName: "placeHolder", isSignal: true, isRequired: false, transformFunction: null }, outputFormat: { classPropertyName: "outputFormat", publicName: "outputFormat", isSignal: true, isRequired: false, transformFunction: null }, initialLine: { classPropertyName: "initialLine", publicName: "initialLine", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange" }, host: { attributes: { "ngSkipHydration": "true" }, properties: { "style.--ax-comp-text-editor-initial-line": "initialLineCss()", "style.--ax-comp-text-editor-zoom": "zoomFactor()", "class.ax-state-disabled": "disabled", "class.ax-state-readonly": "readonly && !disabled" }, classAttribute: "ax-text-editor" }, providers: [
             AXTextEditor,
             AXTextEditorService,
             { provide: AXComponent, useExisting: AXTextEditorComponent },
@@ -524,7 +543,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                         'readonlyChange',
                         'disabledChange',
                     ], host: {
-                        '[style.--ax-comp-text-editor-initial-line]': 'initialLine()',
+                        '[style.--ax-comp-text-editor-initial-line]': 'initialLineCss()',
                         '[style.--ax-comp-text-editor-zoom]': 'zoomFactor()',
                         '[class.ax-state-disabled]': 'disabled',
                         '[class.ax-state-readonly]': 'readonly && !disabled',