codexly-ui 0.19.6 → 0.19.8

package/package.json

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

package/types/codexly-ui.d.ts

@@ -369,6 +369,8 @@ declare class ClxCollapseComponent {
     readonly dividerThickness: _angular_core.InputSignal<number>;
     /** Two-way bindable: [(expanded)]="..." */
     readonly expanded: _angular_core.ModelSignal<boolean>;
+    /** Explicit [color] → theme collapseColor → primaryColor (same fallback chain as clx-input's
+     *  formControls.input). */
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
     protected readonly _size: _angular_core.Signal<ClxCollapseSize>;
     protected readonly _sizeConfig: _angular_core.Signal<{
@@ -2410,6 +2412,9 @@ interface ClxThemeConfig {
     timelineTitle?: ClxTimelineTitleZoneStyle;
     /** Per-form-control accent color overrides — each falls back to primaryColor when unset */
     formControls?: ClxFormControlsTheme;
+    /** ClxCollapseComponent accent (header icon + hover tint) when no [color] is passed — falls
+     *  back to primaryColor when unset, same as each formControls entry. */
+    collapseColor?: ClxColorInput;
     /** ClxTableComponent global style override — see ClxTableTheme for per-field fallbacks */
     table?: ClxTableTheme;
     /** ClxTabsComponent global style override — see ClxTabsTheme for per-field fallbacks */
@@ -2587,6 +2592,8 @@ declare class ClxProfileComponent {
     readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
     readonly menuItems: _angular_core.InputSignal<ClxProfileMenuItem[]>;
     readonly signOutLabel: _angular_core.InputSignal<string>;
+    /** Small line under the sign-out item — e.g. the app version. Hidden when empty. */
+    readonly footerText: _angular_core.InputSignal<string>;
     readonly menuAction: _angular_core.OutputEmitterRef<string>;
     readonly signOut: _angular_core.OutputEmitterRef<void>;
     private readonly _themeSvc;
@@ -2609,7 +2616,7 @@ declare class ClxProfileComponent {
     protected _onAction(action: string): void;
     protected _onSignOut(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxProfileComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxProfileComponent, "clx-profile", never, { "firstName": { "alias": "firstName"; "required": false; "isSignal": true; }; "lastName": { "alias": "lastName"; "required": false; "isSignal": true; }; "username": { "alias": "username"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "signOutLabel": { "alias": "signOutLabel"; "required": false; "isSignal": true; }; }, { "menuAction": "menuAction"; "signOut": "signOut"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxProfileComponent, "clx-profile", never, { "firstName": { "alias": "firstName"; "required": false; "isSignal": true; }; "lastName": { "alias": "lastName"; "required": false; "isSignal": true; }; "username": { "alias": "username"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "signOutLabel": { "alias": "signOutLabel"; "required": false; "isSignal": true; }; "footerText": { "alias": "footerText"; "required": false; "isSignal": true; }; }, { "menuAction": "menuAction"; "signOut": "signOut"; }, never, never, true, never>;
 }
 
 type ClxAnimateAttentionSeeker = 'bounce' | 'flash' | 'pulse' | 'rubberBand' | 'shakeX' | 'shakeY' | 'headShake' | 'swing' | 'tada' | 'wobble' | 'jello' | 'heartBeat';
@@ -3296,7 +3303,7 @@ interface ClxCarouselConfig {
     aspectRatio: ClxCarouselAspectRatio;
 }
 
-declare class ClxCarouselComponent implements AfterContentInit, OnDestroy {
+declare class ClxCarouselComponent implements OnDestroy {
     private readonly _themeSvc;
     readonly clxColor: _angular_core.InputSignal<ClxColorInput | undefined>;
     protected readonly _clxColor: _angular_core.Signal<ClxColorInput>;
@@ -3305,6 +3312,14 @@ declare class ClxCarouselComponent implements AfterContentInit, OnDestroy {
     readonly loop: _angular_core.InputSignal<boolean>;
     readonly aspectRatio: _angular_core.InputSignal<ClxCarouselAspectRatio>;
     readonly transparent: _angular_core.InputSignal<boolean>;
+    /** false = square corners (e.g. a full-bleed page hero). */
+    readonly rounded: _angular_core.InputSignal<boolean>;
+    /** Autoplay waits while the pointer is over the carousel (and always while the tab is hidden). */
+    readonly pauseOnHover: _angular_core.InputSignal<boolean>;
+    /** 'desktop' hides the arrows below md — touch users swipe. */
+    readonly arrows: _angular_core.InputSignal<"always" | "desktop" | "never">;
+    protected readonly _hovering: _angular_core.WritableSignal<boolean>;
+    protected readonly _arrowVisibility: _angular_core.Signal<"" | "hidden md:block">;
     readonly currentPageIndex: _angular_core.WritableSignal<number>;
     protected readonly _slides: _angular_core.Signal<readonly ClxCarouselDirective[]>;
     private _autoPlayTimer;
@@ -3317,7 +3332,6 @@ declare class ClxCarouselComponent implements AfterContentInit, OnDestroy {
         cls: string;
     }[]>;
     constructor();
-    ngAfterContentInit(): void;
     ngOnDestroy(): void;
     next(): void;
     prev(): void;
@@ -3327,7 +3341,7 @@ declare class ClxCarouselComponent implements AfterContentInit, OnDestroy {
     private _startTimer;
     private _clearTimer;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxCarouselComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxCarouselComponent, "clx-carousel", never, { "clxColor": { "alias": "clxColor"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; }, {}, ["_slides"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxCarouselComponent, "clx-carousel", never, { "clxColor": { "alias": "clxColor"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; "arrows": { "alias": "arrows"; "required": false; "isSignal": true; }; }, {}, ["_slides"], never, true, never>;
 }
 
 interface ClxFabItem {