@ajuarezso/sui-design-system 0.2.2 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ajuarezso/sui-design-system",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "SUI Design System — librería de componentes Angular (SUI 2.0).",
   "license": "UNLICENSED",
   "publishConfig": {

package/types/ajuarezso-sui-design-system.d.ts

@@ -2374,6 +2374,7 @@ declare class SuiColorPicker {
     /** Hex input visible (separate del value model para validación en blur). */
     protected readonly hexInput: _angular_core.WritableSignal<string>;
     /** Refs del spectrum y sliders para cálculos de bounds */
+    private readonly _menu;
     private readonly canvasRef;
     private readonly hueRef;
     private readonly opacityRef;
@@ -2456,6 +2457,10 @@ declare class SuiColorPicker {
     readonly hexDisplayValue: _angular_core.Signal<string>;
     toggle(): void;
     close(): void;
+    /** El sui-dropdown-menu (CDK overlay) es el dueño del open/close: acá solo se
+        sincroniza el signal `open` (aria-expanded, chevron, data-sui-open) y el
+        hex input al abrir. Backdrop + Esc + detachments los maneja el menu. */
+    protected onMenuOpenedChange(opened: boolean): void;
     onPresetClick(preset: SuiColorDotColor): void;
     private canvasDragging;
     protected onCanvasPointerDown(ev: PointerEvent): void;
@@ -2478,8 +2483,6 @@ declare class SuiColorPicker {
     protected onHexKeyDown(ev: KeyboardEvent): void;
     protected onOpacityFieldCommit(ev: Event): void;
     protected onEyedropper(): Promise<void>;
-    protected onDocumentClick(target: EventTarget | null): void;
-    protected onEscape(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiColorPicker, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiColorPicker, "sui-color-picker", never, { "colors": { "alias": "colors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "recommendedLabel": { "alias": "recommendedLabel"; "required": false; "isSignal": true; }; "presetsOnly": { "alias": "presetsOnly"; "required": false; "isSignal": true; }; "alpha": { "alias": "alpha"; "required": false; "isSignal": true; }; "eyedropper": { "alias": "eyedropper"; "required": false; "isSignal": true; }; "showFormatLabel": { "alias": "showFormatLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "change": "change"; }, never, never, true, never>;
 }