@acorex/components 20.2.54 → 20.2.56

package/code-editor/index.d.ts

@@ -263,7 +263,7 @@ declare class AXCodeEditorComponent extends MXValueComponent<string> {
     /** Active language identifier from default plugins. Default: 'javascript'. */
     language: _angular_core.InputSignal<AXCodeEditorDefaultLanguage>;
     /** When true, the editor becomes readonly (non-editable). */
-    readOnly: _angular_core.InputSignal<boolean>;
+    editorReadonly: _angular_core.InputSignal<boolean>;
     /** Placeholder text shown when the document is empty. */
     placeholder: _angular_core.InputSignal<string>;
     /** Toggle rendering of line numbers in the gutter. */
@@ -274,12 +274,6 @@ declare class AXCodeEditorComponent extends MXValueComponent<string> {
     tabSize: _angular_core.InputSignal<number>;
     /** When true, the Tab key indents instead of moving focus. */
     indentWithTab: _angular_core.InputSignal<boolean>;
-    /** Fixed height for the editor (e.g., '320px'). */
-    height: _angular_core.InputSignal<string>;
-    /** Minimum height for the editor. */
-    minHeight: _angular_core.InputSignal<string>;
-    /** Maximum height for the editor. */
-    maxHeight: _angular_core.InputSignal<string>;
     /** Theme identifier. If null, uses platform theme mode (dark/light). */
     theme: _angular_core.InputSignal<string>;
     /** Additional CodeMirror extensions to apply. Reconfigures at runtime. */
@@ -306,7 +300,7 @@ declare class AXCodeEditorComponent extends MXValueComponent<string> {
     private pluginRegistry;
     private editorViewSig;
     private languageCompartment;
-    private readOnlyCompartment;
+    private readonlyCompartment;
     private themeCompartment;
     private placeholderCompartment;
     private wrappingCompartment;
@@ -338,7 +332,7 @@ declare class AXCodeEditorComponent extends MXValueComponent<string> {
     /** Returns the total number of lines in the current document. */
     getTotalLines(): number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCodeEditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCodeEditorComponent, "ax-code-editor", never, { "language": { "alias": "language"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "lineNumbers": { "alias": "lineNumbers"; "required": false; "isSignal": true; }; "lineWrapping": { "alias": "lineWrapping"; "required": false; "isSignal": true; }; "tabSize": { "alias": "tabSize"; "required": false; "isSignal": true; }; "indentWithTab": { "alias": "indentWithTab"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "focusOnReady": { "alias": "focusOnReady"; "required": false; "isSignal": true; }; "formatOnSave": { "alias": "formatOnSave"; "required": false; "isSignal": true; }; "customCompletions": { "alias": "customCompletions"; "required": false; "isSignal": true; }; }, { "ready": "ready"; "save": "save"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCodeEditorComponent, "ax-code-editor", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "editorReadonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "lineNumbers": { "alias": "lineNumbers"; "required": false; "isSignal": true; }; "lineWrapping": { "alias": "lineWrapping"; "required": false; "isSignal": true; }; "tabSize": { "alias": "tabSize"; "required": false; "isSignal": true; }; "indentWithTab": { "alias": "indentWithTab"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "focusOnReady": { "alias": "focusOnReady"; "required": false; "isSignal": true; }; "formatOnSave": { "alias": "formatOnSave"; "required": false; "isSignal": true; }; "customCompletions": { "alias": "customCompletions"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; "valueChange": "valueChange"; "stateChange": "stateChange"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "ready": "ready"; "save": "save"; }, never, ["ax-validation-rule"], true, never>;
 }
 
 declare class AXCodeEditorModule {

package/data-list/index.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { OnInit, TemplateRef, EventEmitter } from '@angular/core';
-import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { MXValueComponent, AXDataSource, AXListDataSource } from '@acorex/cdk/common';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 
 interface AXDataListItem {
     id: string;

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

@@ -214,8 +214,8 @@ class GitHubDarkThemePlugin {
         return [
             githubDark,
             EditorView.theme({
-                '&': { backgroundColor: 'transparent !important' },
-                '.cm-gutters': { backgroundColor: 'transparent !important' },
+            // '&': { backgroundColor: 'transparent !important' },
+            // '.cm-gutters': { backgroundColor: 'transparent !important' },
             }, { dark: true }),
         ];
     }
@@ -236,8 +236,8 @@ class GitHubLightThemePlugin {
         return [
             githubLight,
             EditorView.theme({
-                '&': { backgroundColor: 'transparent !important' },
-                '.cm-gutters': { backgroundColor: 'transparent !important' },
+            // '&': { backgroundColor: 'transparent !important' },
+            // '.cm-gutters': { backgroundColor: 'transparent !important' },
             }, { dark: false }),
         ];
     }
@@ -253,7 +253,7 @@ class LightThemePlugin {
     async getExtension() {
         const { EditorView } = await import('@codemirror/view');
         return EditorView.theme({
-            '&': { backgroundColor: 'transparent !important' },
+            // '&': { backgroundColor: 'transparent !important' },
             '.cm-gutters': {},
         }, { dark: false });
     }
@@ -273,14 +273,14 @@ class OneDarkThemePlugin {
             return [
                 oneDark,
                 EditorView.theme({
-                    '&': { backgroundColor: 'transparent !important' },
+                    // '&': { backgroundColor: 'transparent !important' },
                     '.cm-gutters': {},
                 }, { dark: true }),
             ];
         }
         catch {
             return EditorView.theme({
-                '&': { backgroundColor: 'transparent !important' },
+                // '&': { backgroundColor: 'transparent !important' },
                 '.cm-gutters': {},
             }, { dark: true });
         }
@@ -471,7 +471,7 @@ class AXCodeEditorComponent extends MXValueComponent {
         /** Active language identifier from default plugins. Default: 'javascript'. */
         this.language = input('javascript', ...(ngDevMode ? [{ debugName: "language" }] : []));
         /** When true, the editor becomes readonly (non-editable). */
-        this.readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
+        this.editorReadonly = input(false, ...(ngDevMode ? [{ debugName: "editorReadonly", alias: 'readonly' }] : [{ alias: 'readonly' }]));
         /** Placeholder text shown when the document is empty. */
         this.placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
         /** Toggle rendering of line numbers in the gutter. */
@@ -482,12 +482,6 @@ class AXCodeEditorComponent extends MXValueComponent {
         this.tabSize = input(2, ...(ngDevMode ? [{ debugName: "tabSize" }] : []));
         /** When true, the Tab key indents instead of moving focus. */
         this.indentWithTab = input(true, ...(ngDevMode ? [{ debugName: "indentWithTab" }] : []));
-        /** Fixed height for the editor (e.g., '320px'). */
-        this.height = input(null, ...(ngDevMode ? [{ debugName: "height" }] : []));
-        /** Minimum height for the editor. */
-        this.minHeight = input(null, ...(ngDevMode ? [{ debugName: "minHeight" }] : []));
-        /** Maximum height for the editor. */
-        this.maxHeight = input(null, ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
         /** Theme identifier. If null, uses platform theme mode (dark/light). */
         this.theme = input(null, ...(ngDevMode ? [{ debugName: "theme" }] : []));
         /** Additional CodeMirror extensions to apply. Reconfigures at runtime. */
@@ -519,7 +513,7 @@ class AXCodeEditorComponent extends MXValueComponent {
         this.editorViewSig = signal(null, ...(ngDevMode ? [{ debugName: "editorViewSig" }] : []));
         // Compartments to reconfigure editor without recreating it
         this.languageCompartment = null;
-        this.readOnlyCompartment = null;
+        this.readonlyCompartment = null;
         this.themeCompartment = null;
         this.placeholderCompartment = null;
         this.wrappingCompartment = null;
@@ -561,13 +555,13 @@ class AXCodeEditorComponent extends MXValueComponent {
         });
         effect(() => {
             const view = this.editorViewSig();
-            if (!view || !this.readOnlyCompartment)
+            if (!view || !this.readonlyCompartment)
                 return;
-            const editable = !this.readOnly();
+            const editable = !this.editorReadonly();
             import('@codemirror/view').then(({ EditorView }) => {
-                if (!view || !this.readOnlyCompartment)
+                if (!view || !this.readonlyCompartment)
                     return;
-                view.dispatch({ effects: this.readOnlyCompartment.reconfigure(EditorView.editable.of(editable)) });
+                view.dispatch({ effects: this.readonlyCompartment.reconfigure(EditorView.editable.of(editable)) });
             });
         });
         effect(() => {
@@ -652,7 +646,7 @@ class AXCodeEditorComponent extends MXValueComponent {
         const languageExt = await this.pluginRegistry.getLanguageExtension(this.language());
         const themeExt = await this.resolveThemeExtension(this.theme(), this.platformService.themeMode());
         const placeholderExt = viewMod.placeholder(this.placeholder() ?? '');
-        const editableExt = viewMod.EditorView.editable.of(!this.readOnly());
+        const editableExt = viewMod.EditorView.editable.of(!this.editorReadonly());
         const wrappingExt = this.lineWrapping() ? viewMod.EditorView.lineWrapping : [];
         const tabSizeExt = stateMod.EditorState.tabSize.of(this.tabSize() ?? 2);
         const lineNumbersExt = this.lineNumbers() ? viewMod.lineNumbers() : [];
@@ -676,7 +670,7 @@ class AXCodeEditorComponent extends MXValueComponent {
             viewMod.keymap.of(keymaps),
             autoCompleteExt,
             this.languageCompartment.of(languageExt),
-            this.readOnlyCompartment.of(editableExt),
+            this.readonlyCompartment.of(editableExt),
             this.themeCompartment.of(themeExt),
             this.placeholderCompartment.of(placeholderExt),
             this.wrappingCompartment.of(wrappingExt),
@@ -751,7 +745,7 @@ class AXCodeEditorComponent extends MXValueComponent {
         if (!stateMod)
             return;
         this.languageCompartment = new stateMod.Compartment();
-        this.readOnlyCompartment = new stateMod.Compartment();
+        this.readonlyCompartment = new stateMod.Compartment();
         this.themeCompartment = new stateMod.Compartment();
         this.placeholderCompartment = new stateMod.Compartment();
         this.wrappingCompartment = new stateMod.Compartment();
@@ -848,7 +842,7 @@ class AXCodeEditorComponent extends MXValueComponent {
         return text ? text.split(/\r?\n/).length : 1;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCodeEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.9", type: AXCodeEditorComponent, isStandalone: true, selector: "ax-code-editor", inputs: { language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, lineNumbers: { classPropertyName: "lineNumbers", publicName: "lineNumbers", isSignal: true, isRequired: false, transformFunction: null }, lineWrapping: { classPropertyName: "lineWrapping", publicName: "lineWrapping", isSignal: true, isRequired: false, transformFunction: null }, tabSize: { classPropertyName: "tabSize", publicName: "tabSize", isSignal: true, isRequired: false, transformFunction: null }, indentWithTab: { classPropertyName: "indentWithTab", publicName: "indentWithTab", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, extensions: { classPropertyName: "extensions", publicName: "extensions", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, focusOnReady: { classPropertyName: "focusOnReady", publicName: "focusOnReady", isSignal: true, isRequired: false, transformFunction: null }, formatOnSave: { classPropertyName: "formatOnSave", publicName: "formatOnSave", isSignal: true, isRequired: false, transformFunction: null }, customCompletions: { classPropertyName: "customCompletions", publicName: "customCompletions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ready: "ready", save: "save" }, host: { listeners: { "keydown.control.s": "onSaveShortcut($event)" }, classAttribute: "ax-code-editor block" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.9", type: AXCodeEditorComponent, isStandalone: true, selector: "ax-code-editor", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", 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 }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, editorReadonly: { classPropertyName: "editorReadonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, lineNumbers: { classPropertyName: "lineNumbers", publicName: "lineNumbers", isSignal: true, isRequired: false, transformFunction: null }, lineWrapping: { classPropertyName: "lineWrapping", publicName: "lineWrapping", isSignal: true, isRequired: false, transformFunction: null }, tabSize: { classPropertyName: "tabSize", publicName: "tabSize", isSignal: true, isRequired: false, transformFunction: null }, indentWithTab: { classPropertyName: "indentWithTab", publicName: "indentWithTab", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, extensions: { classPropertyName: "extensions", publicName: "extensions", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, focusOnReady: { classPropertyName: "focusOnReady", publicName: "focusOnReady", isSignal: true, isRequired: false, transformFunction: null }, formatOnSave: { classPropertyName: "formatOnSave", publicName: "formatOnSave", isSignal: true, isRequired: false, transformFunction: null }, customCompletions: { classPropertyName: "customCompletions", publicName: "customCompletions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChanged: "onValueChanged", valueChange: "valueChange", stateChange: "stateChange", readonlyChange: "readonlyChange", disabledChange: "disabledChange", ready: "ready", save: "save" }, host: { listeners: { "keydown.control.s": "onSaveShortcut($event)" }, classAttribute: "ax-code-editor block" }, providers: [
             { provide: AXValuableComponent, useExisting: AXCodeEditorComponent },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -857,24 +851,27 @@ class AXCodeEditorComponent extends MXValueComponent {
             },
             { provide: AXComponent, useExisting: AXCodeEditorComponent },
         ], viewQueries: [{ propertyName: "host", first: true, predicate: ["host"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
-    <div
-      #host
-      class="cm-editor"
-      [attr.aria-label]="ariaLabel() ?? null"
-      [attr.aria-readonly]="readOnly() ? 'true' : 'false'"
-      [attr.data-placeholder]="placeholder() ?? null"
-      [style.height]="height() ?? null"
-      [style.minHeight]="minHeight() ?? null"
-      [style.maxHeight]="maxHeight() ?? null"
-    ></div>
-  `, isInline: true, styles: [":host{display:block;width:100%;transition:none}.cm-editor{width:100%;max-width:100%;box-sizing:border-box}.cm-editor.cm-focused{outline:none}\n"] }); }
+    <div class="ax-editor-container">
+      <div class="ax-code-editor-container">
+        <div
+          #host
+          class="cm-editor"
+          [attr.aria-label]="ariaLabel() ?? null"
+          [attr.aria-readonly]="editorReadonly() ? 'true' : 'false'"
+          [attr.data-placeholder]="placeholder() ?? null"
+        ></div>
+      </div>
+      <ng-content select="ax-validation-rule"> </ng-content>
+    </div>
+    <div class="ax-error-container"></div>
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}:host .ax-editor-container{padding:.1rem}:host.ax-disable{opacity:.5;cursor:not-allowed}:host>.ax-editor-container{display:block;height:100%!important;--ax-comp-editor-space-start-size: 0;--ax-comp-editor-space-end-size: 0;overflow:visible;position:relative}:host .ax-code-editor-container{display:flex;flex-direction:column;height:100%}:host .cm-editor{width:100%;max-width:100%;overflow:auto}:host .cm-editor.cm-focused{outline:none}:host .ax-error-message{padding-inline:.5rem}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCodeEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-code-editor', host: {
                         '(keydown.control.s)': 'onSaveShortcut($event)',
                         class: 'ax-code-editor block',
-                    }, providers: [
+                    }, inputs: ['disabled', 'value', 'state', 'name', 'id'], outputs: ['onValueChanged', 'valueChange', 'stateChange', 'readonlyChange', 'disabledChange'], providers: [
                         { provide: AXValuableComponent, useExisting: AXCodeEditorComponent },
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -883,18 +880,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         },
                         { provide: AXComponent, useExisting: AXCodeEditorComponent },
                     ], template: `
-    <div
-      #host
-      class="cm-editor"
-      [attr.aria-label]="ariaLabel() ?? null"
-      [attr.aria-readonly]="readOnly() ? 'true' : 'false'"
-      [attr.data-placeholder]="placeholder() ?? null"
-      [style.height]="height() ?? null"
-      [style.minHeight]="minHeight() ?? null"
-      [style.maxHeight]="maxHeight() ?? null"
-    ></div>
-  `, styles: [":host{display:block;width:100%;transition:none}.cm-editor{width:100%;max-width:100%;box-sizing:border-box}.cm-editor.cm-focused{outline:none}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], lineNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineNumbers", required: false }] }], lineWrapping: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineWrapping", required: false }] }], tabSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabSize", required: false }] }], indentWithTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "indentWithTab", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], extensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "extensions", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], focusOnReady: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusOnReady", required: false }] }], formatOnSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatOnSave", required: false }] }], customCompletions: [{ type: i0.Input, args: [{ isSignal: true, alias: "customCompletions", required: false }] }], ready: [{ type: i0.Output, args: ["ready"] }], save: [{ type: i0.Output, args: ["save"] }], host: [{ type: i0.ViewChild, args: ['host', { isSignal: true }] }] } });
+    <div class="ax-editor-container">
+      <div class="ax-code-editor-container">
+        <div
+          #host
+          class="cm-editor"
+          [attr.aria-label]="ariaLabel() ?? null"
+          [attr.aria-readonly]="editorReadonly() ? 'true' : 'false'"
+          [attr.data-placeholder]="placeholder() ?? null"
+        ></div>
+      </div>
+      <ng-content select="ax-validation-rule"> </ng-content>
+    </div>
+    <div class="ax-error-container"></div>
+  `, styles: [":host{display:block;width:100%;height:100%}:host .ax-editor-container{padding:.1rem}:host.ax-disable{opacity:.5;cursor:not-allowed}:host>.ax-editor-container{display:block;height:100%!important;--ax-comp-editor-space-start-size: 0;--ax-comp-editor-space-end-size: 0;overflow:visible;position:relative}:host .ax-code-editor-container{display:flex;flex-direction:column;height:100%}:host .cm-editor{width:100%;max-width:100%;overflow:auto}:host .cm-editor.cm-focused{outline:none}:host .ax-error-message{padding-inline:.5rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], editorReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], lineNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineNumbers", required: false }] }], lineWrapping: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineWrapping", required: false }] }], tabSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabSize", required: false }] }], indentWithTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "indentWithTab", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], extensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "extensions", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], focusOnReady: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusOnReady", required: false }] }], formatOnSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatOnSave", required: false }] }], customCompletions: [{ type: i0.Input, args: [{ isSignal: true, alias: "customCompletions", required: false }] }], ready: [{ type: i0.Output, args: ["ready"] }], save: [{ type: i0.Output, args: ["save"] }], host: [{ type: i0.ViewChild, args: ['host', { isSignal: true }] }] } });
 
 class AXCodeEditorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCodeEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }