codexly-ui 0.8.1 → 0.8.3

package/package.json

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

package/types/codexly-ui.d.ts

@@ -116,10 +116,10 @@ declare class ClxButtonComponent {
     private readonly _themeSvc;
     readonly variant: _angular_core.InputSignal<ClxButtonVariant>;
     readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
-    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xxs" | "xs" | undefined>;
+    readonly size: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg" | undefined>;
     readonly shape: _angular_core.InputSignal<ClxShape | undefined>;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
-    protected readonly _size: _angular_core.Signal<"sm" | "md" | "lg" | "xxs" | "xs">;
+    protected readonly _size: _angular_core.Signal<"xxs" | "xs" | "sm" | "md" | "lg">;
     protected readonly _shape: _angular_core.Signal<ClxShape>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -169,11 +169,11 @@ declare class ClxBadgeComponent {
     private readonly _themeSvc;
     readonly variant: _angular_core.InputSignal<ClxBadgeVariant>;
     readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
-    readonly size: _angular_core.InputSignal<"sm" | "md" | "xs" | undefined>;
+    readonly size: _angular_core.InputSignal<"xs" | "sm" | "md" | undefined>;
     readonly shape: _angular_core.InputSignal<ClxShape | undefined>;
     readonly positioned: _angular_core.InputSignal<boolean>;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
-    protected readonly _size: _angular_core.Signal<"sm" | "md" | "xs">;
+    protected readonly _size: _angular_core.Signal<"xs" | "sm" | "md">;
     protected readonly _shape: _angular_core.Signal<ClxShape>;
     protected readonly _hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxBadgeComponent, never>;
@@ -1782,6 +1782,9 @@ declare class ClxAppLayoutComponent implements OnInit, OnDestroy {
     readonly collapsed: _angular_core.WritableSignal<boolean>;
     readonly _hovered: _angular_core.WritableSignal<boolean>;
     private readonly _isMobile;
+    /** True only for the duration of an explicit toggle/hover transition — see _sidebarCls(). */
+    protected readonly _animating: _angular_core.WritableSignal<boolean>;
+    private _animatingTimer;
     readonly collapsedChange: _angular_core.OutputEmitterRef<boolean>;
     readonly expandedChange: _angular_core.OutputEmitterRef<boolean>;
     constructor();
@@ -1792,6 +1795,9 @@ declare class ClxAppLayoutComponent implements OnInit, OnDestroy {
     private _mqlListener;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    /** Arms the width/transform transition for one toggle's duration, then switches it back off
+     *  so a later window resize reflow doesn't get caught by a live CSS transition on `width`. */
+    private _withTransition;
     _toggleCollapsed(): void;
     _onSidebarEnter(): void;
     _onSidebarLeave(): void;
@@ -1896,7 +1902,7 @@ declare class ClxMenuComponent implements AfterViewInit {
     readonly style: _angular_core.InputSignal<ClxNavZoneStyle | undefined>;
     protected readonly _resolved: _angular_core.Signal<{
         color: codexly_ui.ClxColorInput;
-        size: "sm" | "md" | "xs";
+        size: "xs" | "sm" | "md";
         weight: codexly_ui.ClxFontWeight;
     }>;
     protected readonly _color: _angular_core.Signal<codexly_ui.ClxColorInput>;
@@ -1976,10 +1982,14 @@ declare class ClxPageHeaderComponent {
     private readonly _titleSlot;
     protected readonly _hasCustomTitle: _angular_core.Signal<boolean>;
     protected readonly _color: _angular_core.Signal<codexly_ui.ClxColorInput>;
-    protected readonly _titleClass: _angular_core.Signal<string>;
-    protected readonly _subtitleClass: _angular_core.Signal<string>;
+    /** Title classes resolved from the theme — also usable by consumers projecting a custom
+     *  [clxPageHeaderTitle] block, via a template reference: `<clx-page-header #ph="clxPageHeader">`
+     *  then `[class]="ph.titleClass()"` on their own <h1>. */
+    readonly titleClass: _angular_core.Signal<string>;
+    /** Subtitle classes resolved from the theme — same usage as titleClass. */
+    readonly subtitleClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxPageHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxPageHeaderComponent, "clx-page-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "showBack": { "alias": "showBack"; "required": false; "isSignal": true; }; }, { "back": "back"; }, ["_titleSlot"], ["[clxPageHeaderTitle]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxPageHeaderComponent, "clx-page-header", ["clxPageHeader"], { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "showBack": { "alias": "showBack"; "required": false; "isSignal": true; }; }, { "back": "back"; }, ["_titleSlot"], ["[clxPageHeaderTitle]", "*"], true, never>;
 }
 
 /** Optional replacement for the auto-generated `<h1>` — project this when the title needs
@@ -2584,7 +2594,7 @@ declare class ClxFabComponent {
     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. */
-    protected readonly _itemSize: _angular_core.Signal<"sm" | "xxs" | "xs">;
+    protected readonly _itemSize: _angular_core.Signal<"xxs" | "xs" | "sm">;
     private readonly _sso;
     readonly _scrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
     readonly _positions: ConnectedPosition[];