codexly-ui 0.6.7 → 0.6.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.6.7",
+  "version": "0.6.9",
   "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
   "keywords": [
     "angular",

package/types/codexly-ui.d.ts

@@ -124,7 +124,7 @@ declare class ClxButtonComponent {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly block: _angular_core.InputSignal<boolean>;
     readonly icon: _angular_core.InputSignal<string | undefined>;
-    readonly iconPosition: _angular_core.InputSignal<"right" | "left">;
+    readonly iconPosition: _angular_core.InputSignal<"left" | "right">;
     readonly iconOnly: _angular_core.InputSignal<boolean>;
     readonly badge: _angular_core.InputSignal<string | number | undefined>;
     readonly badgeColor: _angular_core.InputSignal<ClxColorInput>;
@@ -2229,7 +2229,7 @@ declare class ClxTreeComponent {
         icon: "xs" | "sm" | "md";
         indent: string;
     }>;
-    protected readonly _indentPx: _angular_core.Signal<24 | 16 | 20>;
+    protected readonly _indentPx: _angular_core.Signal<16 | 20 | 24>;
     protected readonly _rootClass: _angular_core.Signal<string>;
     protected _isExpanded(id: string | number): boolean;
     protected _isSelected(id: string | number): boolean;
@@ -2414,6 +2414,8 @@ interface ClxFabItem {
     key: string;
     label: string;
     icon: string;
+    /** Per-item color override; falls back to the FAB's own color (or the active theme's) when absent. */
+    color?: ClxColorInput;
 }
 interface ClxFabPosition {
     /** Distance from the right edge of the viewport, in pixels. */
@@ -2429,17 +2431,11 @@ declare class ClxFabComponent {
     readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
     readonly shadow: _angular_core.InputSignal<ClxCardShadow>;
     readonly triggerLabel: _angular_core.InputSignal<string>;
-    /** Saved position (e.g. from user preferences). Takes precedence over defaultPosition when present. */
-    readonly position: _angular_core.InputSignal<ClxFabPosition | null | undefined>;
-    /** Initial corner used only when the user hasn't dragged/saved a position yet. */
-    readonly defaultPosition: _angular_core.InputSignal<ClxFabPosition>;
+    /** Fixed offset from the bottom-right corner of the viewport. */
+    readonly position: _angular_core.InputSignal<ClxFabPosition>;
     readonly itemClick: _angular_core.OutputEmitterRef<ClxFabItem>;
-    /** Emitted once, after a drag ends, with the new position to persist. */
-    readonly positionChange: _angular_core.OutputEmitterRef<ClxFabPosition>;
     private readonly _themeSvc;
-    private readonly _document;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
-    private readonly _draggedPosition;
     protected readonly _position: _angular_core.Signal<ClxFabPosition>;
     protected readonly _triggerClass: _angular_core.Signal<string>;
     /** Los botones de la pila de accesos van un paso más pequeños que el trigger. */
@@ -2448,22 +2444,12 @@ declare class ClxFabComponent {
     readonly _scrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
     readonly _positions: ConnectedPosition[];
     protected readonly _isOpen: _angular_core.WritableSignal<boolean>;
-    private _dragging;
-    private _dragMoved;
-    private _dragStartX;
-    private _dragStartY;
-    private _dragStartRight;
-    private _dragStartBottom;
-    protected _onPointerDown(event: PointerEvent): void;
-    private _onPointerMove;
-    private _onPointerUp;
-    protected _onTriggerClick(): void;
     protected _toggle(): void;
     protected _close(): void;
     protected _onKeydown(event: KeyboardEvent): void;
     protected _onItemClick(item: ClxFabItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxFabComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxFabComponent, "clx-fab", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "positionChange": "positionChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxFabComponent, "clx-fab", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
 }
 
 interface ClxTableColumn<T = any> {