@tmdjr/ngx-editor-js2-codemirror 0.0.7

package/README.md

@@ -0,0 +1,63 @@
+# NgxEditorJs2Codemirror
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.1.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build ngx-editor-js2-codemirror
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/ngx-editor-js2-codemirror
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/tmdjr-ngx-editor-js2-codemirror.mjs

@@ -0,0 +1,89 @@
+import * as i0 from '@angular/core';
+import { input, signal, Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@angular/cdk/drag-drop';
+import { CdkDrag } from '@angular/cdk/drag-drop';
+import * as i3 from '@ctrl/ngx-codemirror';
+import { CodemirrorModule } from '@ctrl/ngx-codemirror';
+import { ControlAccessorDirective, AutofocusDirective, ToolbarFabDirective } from '@tmdjr/ngx-editor-js2';
+import { CommonModule } from '@angular/common';
+
+class NgxEditorJs2CodemirrorComponent {
+    sortIndex = input(0);
+    componentInstanceName = 'NgxEditorJs2CodemirrorComponent';
+    autofocus = input(true);
+    formGroup = input.required();
+    formControlName = input.required();
+    blockOptionActions = input([
+        { action: 'text/typescript', icon: 'javascript' },
+        { action: 'css', icon: 'css' },
+        { action: 'xml', icon: 'html' },
+    ]);
+    codeMirrorOptions = signal({
+        lineNumbers: true,
+        theme: 'material-palenight',
+        mode: 'text/typescript',
+        extraKeys: { 'Ctrl-Space': 'autocomplete' },
+    });
+    savedAction = signal('display-large');
+    actionCallbackBind = this.actionCallback.bind(this);
+    actionCallback(action) {
+        this.codeMirrorOptions.update((prev) => ({ ...prev, mode: action }));
+        this.savedAction.update(() => action);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgxEditorJs2CodemirrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.5", type: NgxEditorJs2CodemirrorComponent, isStandalone: true, selector: "ngx-editor-js2-codemirror", inputs: { sortIndex: { classPropertyName: "sortIndex", publicName: "sortIndex", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null }, formControlName: { classPropertyName: "formControlName", publicName: "formControlName", isSignal: true, isRequired: true, transformFunction: null }, blockOptionActions: { classPropertyName: "blockOptionActions", publicName: "blockOptionActions", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "cdk-drag-animating" }, hostDirectives: [{ directive: i1.CdkDrag }], ngImport: i0, template: `
+    <ng-container [formGroup]="formGroup()">
+      <span
+        controlAccessor
+        [autofocus]="autofocus()"
+      ></span>
+      <ngx-codemirror
+        toolbarFab
+        [actionCallback]="actionCallbackBind"
+        [blockOptionActions]="blockOptionActions()"
+        [formControlName]="formControlName()"
+        [componentContextPositionIndex]="sortIndex()"
+        [options]="codeMirrorOptions()"
+      ></ngx-codemirror>
+    </ng-container>
+  `, isInline: true, styles: [":host{display:block;position:relative}:host .codemirror-container-overlay{display:flex;height:100%;width:100%;position:absolute}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: ControlAccessorDirective, selector: "[controlAccessor]", inputs: ["defaultValue"] }, { kind: "directive", type: AutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }, { kind: "directive", type: ToolbarFabDirective, selector: "[toolbarFab]", inputs: ["autofocus", "blockOptionActions", "actionCallback", "componentContextPositionIndex", "formControlName"] }, { kind: "ngmodule", type: CodemirrorModule }, { kind: "component", type: i3.CodemirrorComponent, selector: "ngx-codemirror", inputs: ["className", "name", "autoFocus", "options", "preserveScrollPosition"], outputs: ["cursorActivity", "focusChange", "scroll", "drop", "codeMirrorLoaded"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgxEditorJs2CodemirrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-editor-js2-codemirror', host: { class: 'cdk-drag-animating' }, hostDirectives: [CdkDrag], imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        ControlAccessorDirective,
+                        AutofocusDirective,
+                        ToolbarFabDirective,
+                        CodemirrorModule,
+                    ], template: `
+    <ng-container [formGroup]="formGroup()">
+      <span
+        controlAccessor
+        [autofocus]="autofocus()"
+      ></span>
+      <ngx-codemirror
+        toolbarFab
+        [actionCallback]="actionCallbackBind"
+        [blockOptionActions]="blockOptionActions()"
+        [formControlName]="formControlName()"
+        [componentContextPositionIndex]="sortIndex()"
+        [options]="codeMirrorOptions()"
+      ></ngx-codemirror>
+    </ng-container>
+  `, styles: [":host{display:block;position:relative}:host .codemirror-container-overlay{display:flex;height:100%;width:100%;position:absolute}\n"] }]
+        }] });
+
+/*
+ * Public API Surface of ngx-editor-js2-codemirror
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxEditorJs2CodemirrorComponent };
+//# sourceMappingURL=tmdjr-ngx-editor-js2-codemirror.mjs.map

package/fesm2022/tmdjr-ngx-editor-js2-codemirror.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tmdjr-ngx-editor-js2-codemirror.mjs","sources":["../../../projects/ngx-editor-js2-codemirror/src/lib/ngx-editor-js2-codemirror.component.ts","../../../projects/ngx-editor-js2-codemirror/src/public-api.ts","../../../projects/ngx-editor-js2-codemirror/src/tmdjr-ngx-editor-js2-codemirror.ts"],"sourcesContent":["import { Component, input, signal } from '@angular/core';\nimport { FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { CdkDrag } from '@angular/cdk/drag-drop';\nimport { CodemirrorModule } from '@ctrl/ngx-codemirror';\n\nimport {\n  AutofocusDirective,\n  BlockComponent,\n  BlockOptionAction,\n  ControlAccessorDirective,\n  ToolbarFabDirective,\n} from '@tmdjr/ngx-editor-js2';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'ngx-editor-js2-codemirror',\n  host: { class: 'cdk-drag-animating' },\n  hostDirectives: [CdkDrag],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    ControlAccessorDirective,\n    AutofocusDirective,\n    ToolbarFabDirective,\n    CodemirrorModule,\n  ],\n  template: `\n    <ng-container [formGroup]=\"formGroup()\">\n      <span\n        controlAccessor\n        [autofocus]=\"autofocus()\"\n      ></span>\n      <ngx-codemirror\n        toolbarFab\n        [actionCallback]=\"actionCallbackBind\"\n        [blockOptionActions]=\"blockOptionActions()\"\n        [formControlName]=\"formControlName()\"\n        [componentContextPositionIndex]=\"sortIndex()\"\n        [options]=\"codeMirrorOptions()\"\n      ></ngx-codemirror>\n    </ng-container>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n        position: relative;\n        .codemirror-container-overlay {\n          display: flex;\n          height: 100%;\n          width: 100%;\n          position: absolute;\n        }\n      }\n    `,\n  ],\n})\nexport class NgxEditorJs2CodemirrorComponent implements BlockComponent {\n  sortIndex = input<number>(0);\n  componentInstanceName = 'NgxEditorJs2CodemirrorComponent';\n  autofocus = input<boolean>(true);\n  formGroup = input.required<FormGroup>();\n  formControlName = input.required<string>();\n  blockOptionActions = input<BlockOptionAction[]>([\n    { action: 'text/typescript', icon: 'javascript' },\n    { action: 'css', icon: 'css' },\n    { action: 'xml', icon: 'html' },\n  ]);\n\n  codeMirrorOptions = signal({\n    lineNumbers: true,\n    theme: 'material-palenight',\n    mode: 'text/typescript',\n    extraKeys: { 'Ctrl-Space': 'autocomplete' },\n  });\n\n  savedAction = signal<string>('display-large');\n  actionCallbackBind = this.actionCallback.bind(this);\n\n  actionCallback(action: string) {\n    this.codeMirrorOptions.update((prev) => ({ ...prev, mode: action }));\n    this.savedAction.update(() => action);\n  }\n}\n","/*\n * Public API Surface of ngx-editor-js2-codemirror\n */\n\nexport * from './lib/ngx-editor-js2-codemirror.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tmdjr/ngx-editor-js2-codemirror" />
+export * from './public-api';

package/lib/ngx-editor-js2-codemirror.component.d.ts

@@ -0,0 +1,25 @@
+import { FormGroup } from '@angular/forms';
+import { BlockComponent, BlockOptionAction } from '@tmdjr/ngx-editor-js2';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/drag-drop";
+export declare class NgxEditorJs2CodemirrorComponent implements BlockComponent {
+    sortIndex: import("@angular/core").InputSignal<number>;
+    componentInstanceName: string;
+    autofocus: import("@angular/core").InputSignal<boolean>;
+    formGroup: import("@angular/core").InputSignal<FormGroup<any>>;
+    formControlName: import("@angular/core").InputSignal<string>;
+    blockOptionActions: import("@angular/core").InputSignal<BlockOptionAction[]>;
+    codeMirrorOptions: import("@angular/core").WritableSignal<{
+        lineNumbers: boolean;
+        theme: string;
+        mode: string;
+        extraKeys: {
+            'Ctrl-Space': string;
+        };
+    }>;
+    savedAction: import("@angular/core").WritableSignal<string>;
+    actionCallbackBind: (action: string) => void;
+    actionCallback(action: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxEditorJs2CodemirrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxEditorJs2CodemirrorComponent, "ngx-editor-js2-codemirror", never, { "sortIndex": { "alias": "sortIndex"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "formGroup": { "alias": "formGroup"; "required": true; "isSignal": true; }; "formControlName": { "alias": "formControlName"; "required": true; "isSignal": true; }; "blockOptionActions": { "alias": "blockOptionActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkDrag; inputs: {}; outputs: {}; }]>;
+}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@tmdjr/ngx-editor-js2-codemirror",
+  "version": "0.0.7",
+  "peerDependencies": {
+    "@angular/common": "^19.1.0",
+    "@angular/core": "^19.1.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/tmdjr-ngx-editor-js2-codemirror.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/tmdjr-ngx-editor-js2-codemirror.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1 @@
+export * from './lib/ngx-editor-js2-codemirror.component';