Merge pull request #23 from mindfiredigital/dev

Release new bug fixes

Author: anandmindfire

packages/document-editor-angular/package.json

@@ -56,6 +56,7 @@
     "@angular/common": "^19.1.0",
     "@angular/compiler": "^19.1.0",
     "@angular/core": "^19.1.0",
+    "@angular/elements": "^19.2.7",
     "@angular/forms": "^19.1.0",
     "@angular/material": "^19.1.4",
     "@angular/platform-browser": "^19.1.0",

packages/document-editor-angular/projects/my-canvas-lib/src/lib/components/color-palette/color-palette.component.html

@@ -25,12 +25,29 @@
   </mat-menu>
 </div>
 
-<app-color-picker
+<!-- 
+  The `app-color-picker` component is currently commented out because:
+  1. Its input properties (`colorPickerAnchor`, `color`, `feature`) and output property (`close`) 
+     are not defined or implemented in the parent component.
+  2. If this component has a valid use case, it requires further discussion and implementation 
+     in the child component (`ColorPickerComponent`) to ensure proper functionality.
+  3. Until the requirements and design are clarified, the component remains inactive to avoid 
+     runtime errors or unused code.
+
+  TODO: Discuss with the team to determine if this component is needed and implement the necessary 
+  logic in both the parent and child components if required.
+-->
+<!-- <app-color-picker
   *ngIf="colorPickerAnchor"
   [colorPickerAnchor]="colorPickerAnchor"
   [color]="definedColor"
   [feature]="feature"
   (close)="colorPickerHandleClose()"
-></app-color-picker>
+></app-color-picker> -->
 <!-- Manual trigger -->
-<button mat-button [matMenuTriggerFor]="popover" #menuTrigger="matMenuTrigger" hidden></button>
+<button
+  mat-button
+  [matMenuTriggerFor]="popover"
+  #menuTrigger="matMenuTrigger"
+  hidden
+></button>

packages/document-editor-angular/projects/my-canvas-lib/src/lib/components/color-palette/color-palette.component.ts

@@ -34,7 +34,6 @@ import { ColorPickerComponent } from '../color-picker/color-picker.component';
 export class ColorPaletteComponent implements AfterViewInit {
   @ViewChild(MatMenuTrigger, { static: false }) menuTrigger!: MatMenuTrigger;
 
-  @Input() anchorEl!: HTMLElement | null;
   @Input() definedColor!: string;
   @Input() feature!: string;
   @Output() close = new EventEmitter<void>();

packages/document-editor-angular/projects/my-canvas-lib/src/lib/components/font-color-button/font-color-button.component.html

@@ -5,7 +5,6 @@
 
   <app-color-palette
     *ngIf="anchorEl"
-    [anchorEl]="anchorEl.nativeElement"
     (close)="handleClose()"
     [feature]="Color.COLOR"
   ></app-color-palette>

packages/document-editor-angular/projects/my-canvas-lib/src/lib/components/highlight-text/highlight-text.component.html

@@ -2,9 +2,17 @@
   <fa-icon [icon]="faHighlighter"></fa-icon>
 </button>
 
-<app-color-palette 
+<!-- 
+    [anchorEl]="anchorEl.nativeElement" 
+    The `anchorEl` input property is currently removed out because:
+    1. It is not defined or implemented in the `app-color-palette` component.
+    2. Its purpose and usage are unclear, and it may be unnecessary or obsolete.
+    3. If this property is required for positioning or functionality, it needs clarification 
+       and implementation in both the parent and child components.
+  -->
+<app-color-palette
   *ngIf="anchorEl"
-  [anchorEl]="anchorEl.nativeElement" 
   (close)="handleClose()"
-  [feature]="Color.HIGHLIGHT">
+  [feature]="Color.HIGHLIGHT"
+>
 </app-color-palette>

packages/document-editor-react/package.json

@@ -11,6 +11,38 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
+  "keywords": [
+    "text-editor",
+    "document",
+    "react",
+    "googledocs",
+    "document-editor",
+    "html5canvas",
+    "google-doc-clone",
+    "multi-page-viewer",
+    "typescript",
+    "framework",
+    "cli",
+    "javascript",
+    "npm-package",
+    "no-code",
+    "low-code",
+    "component-based",
+    "responsive-design",
+    "components",
+    "component",
+    "react-component",
+    "ui",
+    "vue",
+    "angular",
+    "modern",
+    "plugin",
+    "eslint",
+    "web",
+    "webpack",
+    "css",
+    "html"
+  ],
   "files": [
     "dist"
   ],
@@ -69,7 +101,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@mindfiredigital/canvas-editor": "^1.0.5",
+    "@mindfiredigital/canvas-editor": "^1.2.1",
     "@mui/icons-material": "^5.11.16",
     "@mui/material": "^5.13.5",
     "@r2wc/react-to-web-component": "^2.0.3",