@covalent/code-editor - npm Package Compare versions

Comparing version 11.6.7 to 11.6.8

fesm2022/covalent-code-editor.mjs

@@ -243,4 +243,4 @@ import * as i0 from '@angular/core';
             'editorCursor.foreground': tokens[`Cv${theme}TextSecondaryOnBackground`],
-            'editorLineNumber.activeForeground': tokens[`CvTheme${theme}ColorsOnSurface74`],
-            'editorLineNumber.foreground': tokens[`CvTheme${theme}ColorsOnSurface38`],
+            'editorLineNumber.activeForeground': tokens[`CvTheme${theme}ColorsOnSurfaceVariant`],
+            'editorLineNumber.foreground': tokens[`CvTheme${theme}ColorsOnSurfaceVariant`],
             'editor.lineHighlightBackground': tokens[`CvTheme${theme}ColorsSurfaceContainerLow`],
@@ -247,0 +247,0 @@ 'inputValidation.errorBackground': tokens[`Cv${theme}Negative`],

package.json

 {
   "name": "@covalent/code-editor",
-  "version": "11.6.7",
+  "version": "11.6.8",
   "description": "Teradata UI Platform Code Editor Module",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -52,2 +52,4 @@ ## TdCodeEditorComponent: td-code-editor
 
+If you notice issues with icons not loading there's a known issue with css-loader that prevents it from loading the file font correctly [https://github.com/microsoft/monaco-editor/issues/2742](https://github.com/microsoft/monaco-editor/issues/2742) downgrade to `css-loader@5.2.7`.
+
 We utilize the ESM build of the Monaco Editor. To include this build, you must utilize custom webpack. See <a href="https://github.com/Microsoft/monaco-editor/blob/master/docs/integrate-esm.md">https://github.com/Microsoft/monaco-editor/blob/master/docs/integrate-esm.md</a> for more information.
@@ -83,3 +85,3 @@
         test: /\.ttf$/,
-        use: ['file-loader'],
+        type: 'asset/resource',
       },
@@ -97,2 +99,11 @@ ],
 
+If using Webpack 4 or lower, it is necessary to use the file-loader instead of Asset Modules like the code below:
+
+```javascript
+{
+  test: /\.ttf$/,
+  use: ['file-loader']
+}
+```
+
 Note: If you are including this component in an Electron application, define the electron-renderer target. See Electron example here:
@@ -134,13 +145,3 @@ [https://github.com/Teradata/covalent-electron/blob/main/monaco-webpack.config.js](https://github.com/Teradata/covalent-electron/blob/main/monaco-webpack.config.js)
 ```html
-<td-code-editor
-  [style.height.px]="200"
-  editorStyle="border:0;"
-  flex
-  theme="vs"
-  language="sql"
-  [editorOptions]="{readOnly:true, fontSize:20}"
-  [(ngModel)]="model"
-  (ngModelChange)="callBackFunc()"
->
-</td-code-editor>
+<td-code-editor [style.height.px]="200" editorStyle="border:0;" flex theme="vs" language="sql" [editorOptions]="{readOnly:true, fontSize:20}" [(ngModel)]="model" (ngModelChange)="callBackFunc()"> </td-code-editor>
 ```
@@ -147,0 +148,0 @@

No alert changes

Improved metrics

Total package byte prevSize

136863

0.36%

Number of lines in readme file

148

0.68%

No dependency changes