Skip to content

[IMAGE EDITOR] Build DotImageEditorComponent modal shell and image-editor signalStore #36063

Description

@nicobytes

Description

Create the full-screen image editor modal shell matching the Lara design: dark canvas, left tool rail (move / crop / focal), right-side panels container, bottom Cancel / Download / Save bar, preview address field, and zoom/fit controls. State lives in an NgRx signalStore (image-editor.store.ts).

Acceptance Criteria

  • DotImageEditorComponent standalone, OnPush, PrimeNG + Tailwind (Lara).
  • ImageEditorStore holds asset context, adjust/transform/crop/fileInfo/focalPoint/zoom state.
  • Header, canvas area, tool rail, panel column, and footer action bar match design spec.
  • data-testid on primary controls.
  • i18n keys added to Language.properties for editor labels.

Priority

High

Additional Context

Metadata

Metadata

Assignees

Type

No fields configured for Task.

Projects

Status
In Review

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions