@eagami/ui 0.4.1 → 0.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Lightweight, accessible Angular UI component library built on CSS custom properties",
   "author": "Michal Wiraszka <michal@eagami.com>",
   "license": "MIT",

package/src/styles/tokens/_elevation.scss

@@ -17,6 +17,8 @@
 
   // Focus ring — used for keyboard accessibility across all interactive elements
   --shadow-focus-ring: 0 0 0 3px rgba(59, 130, 246, 0.45);
+  --shadow-focus-ring-error: 0 0 0 3px var(--color-error-200);
+  --shadow-focus-ring-success: 0 0 0 3px var(--color-success-200);
 
   // ---------------------------------------------------------------------------
   // Z-index scale

package/types/eagami-ui.d.ts

@@ -21,16 +21,19 @@ declare class AvatarEditorComponent implements OnDestroy {
     readonly exportQuality: _angular_core.InputSignal<number>;
     readonly exportType: _angular_core.InputSignal<string>;
     readonly cropped: _angular_core.OutputEmitterRef<AvatarEditorCropEvent>;
+    readonly removed: _angular_core.OutputEmitterRef<void>;
     readonly fileError: _angular_core.OutputEmitterRef<string>;
     readonly hasImage: _angular_core.WritableSignal<boolean>;
     readonly isDragOver: _angular_core.WritableSignal<boolean>;
     readonly zoom: _angular_core.WritableSignal<number>;
+    readonly canRevert: _angular_core.Signal<boolean>;
     private image;
     private offsetX;
     private offsetY;
     private dragStartX;
     private dragStartY;
     private isDragging;
+    private hasDragged;
     private initialOffsetX;
     private initialOffsetY;
     readonly hostClasses: _angular_core.Signal<{
@@ -38,6 +41,7 @@ declare class AvatarEditorComponent implements OnDestroy {
         'ea-avatar-editor--has-image': boolean;
         'ea-avatar-editor--drag-over': boolean;
     }>;
+    private readonly injector;
     private readonly boundWheel;
     constructor();
     ngOnDestroy(): void;
@@ -60,9 +64,11 @@ declare class AvatarEditorComponent implements OnDestroy {
     setZoom(value: number): void;
     onZoomInput(event: Event): void;
     removeImage(): void;
+    revertImage(): void;
     exportCrop(): void;
     private loadFromUrl;
     private loadFile;
+    private scheduleDrawAfterRender;
     private centerImage;
     private getScale;
     private getDrawParams;
@@ -70,7 +76,7 @@ declare class AvatarEditorComponent implements OnDestroy {
     private draw;
     private clearCanvas;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarEditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarEditorComponent, "ea-avatar-editor", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "canvasSize": { "alias": "canvasSize"; "required": false; "isSignal": true; }; "currentSrc": { "alias": "currentSrc"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "minZoom": { "alias": "minZoom"; "required": false; "isSignal": true; }; "maxZoom": { "alias": "maxZoom"; "required": false; "isSignal": true; }; "exportQuality": { "alias": "exportQuality"; "required": false; "isSignal": true; }; "exportType": { "alias": "exportType"; "required": false; "isSignal": true; }; }, { "cropped": "cropped"; "fileError": "fileError"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarEditorComponent, "ea-avatar-editor", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "canvasSize": { "alias": "canvasSize"; "required": false; "isSignal": true; }; "currentSrc": { "alias": "currentSrc"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "minZoom": { "alias": "minZoom"; "required": false; "isSignal": true; }; "maxZoom": { "alias": "maxZoom"; "required": false; "isSignal": true; }; "exportQuality": { "alias": "exportQuality"; "required": false; "isSignal": true; }; "exportType": { "alias": "exportType"; "required": false; "isSignal": true; }; }, { "cropped": "cropped"; "removed": "removed"; "fileError": "fileError"; }, never, never, true, never>;
 }
 
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -260,6 +266,11 @@ declare class AlertCircleIconComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertCircleIconComponent, "ea-icon-alert-circle", never, {}, {}, never, never, true, never>;
 }
 
+declare class CameraIconComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CameraIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CameraIconComponent, "ea-icon-camera", never, {}, {}, never, never, true, never>;
+}
+
 declare class CheckIconComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckIconComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckIconComponent, "ea-icon-check", never, {}, {}, never, never, true, never>;
@@ -290,6 +301,31 @@ declare class LoaderIconComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoaderIconComponent, "ea-icon-loader", never, {}, {}, never, never, true, never>;
 }
 
+declare class MinusIconComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MinusIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MinusIconComponent, "ea-icon-minus", never, {}, {}, never, never, true, never>;
+}
+
+declare class PlusIconComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PlusIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PlusIconComponent, "ea-icon-plus", never, {}, {}, never, never, true, never>;
+}
+
+declare class RotateCcwIconComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RotateCcwIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RotateCcwIconComponent, "ea-icon-rotate-ccw", never, {}, {}, never, never, true, never>;
+}
+
+declare class TrashIconComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TrashIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TrashIconComponent, "ea-icon-trash", never, {}, {}, never, never, true, never>;
+}
+
+declare class UploadIconComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UploadIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UploadIconComponent, "ea-icon-upload", never, {}, {}, never, never, true, never>;
+}
+
 declare class UserIconComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserIconComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserIconComponent, "ea-icon-user", never, {}, {}, never, never, true, never>;
@@ -528,5 +564,5 @@ declare class TooltipDirective implements OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[eaTooltip]", never, { "eaTooltip": { "alias": "eaTooltip"; "required": true; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { AlertCircleIconComponent, AvatarComponent, AvatarEditorComponent, BadgeComponent, ButtonComponent, CardComponent, CheckIconComponent, CheckboxComponent, DialogComponent, DividerComponent, DropdownComponent, EyeIconComponent, EyeOffIconComponent, GoogleIconComponent, InfoIconComponent, InputComponent, LoaderIconComponent, RadioComponent, RadioGroupComponent, SpinnerComponent, SwitchComponent, TextareaComponent, ToastComponent, ToastService, TooltipDirective, UserIconComponent, XIconComponent };
+export { AlertCircleIconComponent, AvatarComponent, AvatarEditorComponent, BadgeComponent, ButtonComponent, CameraIconComponent, CardComponent, CheckIconComponent, CheckboxComponent, DialogComponent, DividerComponent, DropdownComponent, EyeIconComponent, EyeOffIconComponent, GoogleIconComponent, InfoIconComponent, InputComponent, LoaderIconComponent, MinusIconComponent, PlusIconComponent, RadioComponent, RadioGroupComponent, RotateCcwIconComponent, SpinnerComponent, SwitchComponent, TextareaComponent, ToastComponent, ToastService, TooltipDirective, TrashIconComponent, UploadIconComponent, UserIconComponent, XIconComponent };
 export type { AvatarEditorCropEvent, AvatarEditorShape, AvatarShape, AvatarSize, BadgeSize, BadgeVariant, ButtonSize, ButtonType, ButtonVariant, CardHeaderAlign, CardPadding, CardVariant, CheckboxSize, DialogSize, DividerOrientation, DropdownOption, DropdownSize, InputSize, InputStatus, InputType, RadioOrientation, RadioSize, SpinnerSize, SwitchSize, TextareaResize, TextareaSize, TextareaStatus, Toast, ToastOptions, ToastVariant, TooltipPosition };