codexly-ui 0.8.2 → 0.9.0

package/package.json

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

package/types/codexly-ui.d.ts

@@ -553,30 +553,17 @@ declare class ClxTooltipDirective {
     readonly clxTooltipSize: _angular_core.InputSignal<ClxTooltipSize>;
     readonly clxTooltipDelay: _angular_core.InputSignal<number>;
     private readonly _el;
-    private readonly _renderer;
-    private readonly _appRef;
-    private readonly _injector;
-    private readonly _animate;
+    private readonly _tooltip;
     private readonly _platformId;
     private readonly _destroyRef;
-    private _ref;
-    private _pendingRef;
     private _showTimer;
     private _hideTimer;
-    private _tooltipId;
     private _abort;
-    private _destroyed;
     constructor();
     private _scheduleShow;
     private _scheduleHide;
     private _show;
     private _hide;
-    /** Synchronous teardown, no fade — used on touchend so the bubble can't linger over UI the tap opens. */
-    private _hideImmediate;
-    private _resolvePosition;
-    private _placeAt;
-    private _destroyBubble;
-    private _forceDestroyBubble;
     private _clearShow;
     private _clearHide;
     private _clearTimers;
@@ -1782,6 +1769,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 +1782,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;
@@ -1963,12 +1956,12 @@ declare class ClxNavGroupComponent {
  * hand-rolled `<h1 class="text-2xl font-semibold">` + `<p>` pattern repeated across every page.
  *
  * For detail pages whose title needs inline content (a status badge, a monospace order
- * number) that a plain `title` string can't express, project a `[clxPageHeaderTitle]`
- * block instead of using the `title`/`subtitle` inputs.
+ * number) that a plain `headerTitle` string can't express, project a `[clxPageHeaderTitle]`
+ * block instead of using the `headerTitle`/`subtitle` inputs.
  */
 declare class ClxPageHeaderComponent {
     private readonly _themeSvc;
-    readonly title: _angular_core.InputSignal<string>;
+    readonly headerTitle: _angular_core.InputSignal<string>;
     readonly subtitle: _angular_core.InputSignal<string | undefined>;
     /** Set to show the back button — `[showBack]="true" (back)="goBack()"`. */
     readonly showBack: _angular_core.InputSignal<boolean>;
@@ -1983,14 +1976,14 @@ declare class ClxPageHeaderComponent {
     /** 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", ["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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxPageHeaderComponent, "clx-page-header", ["clxPageHeader"], { "headerTitle": { "alias": "headerTitle"; "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
  *  inline content next to it (a status badge, a monospace order number, extra spans) that a
- *  plain `title` string input can't express. The `title`/`subtitle` inputs are ignored when
- *  this is present; ClxPageHeaderComponent's own text-2xl/font-weight/truncate styling is
- *  NOT applied automatically to projected content — style the projected `<h1>` yourself. */
+ *  plain `headerTitle` string input can't express. The `headerTitle`/`subtitle` inputs are
+ *  ignored when this is present; ClxPageHeaderComponent's own text-2xl/font-weight/truncate
+ *  styling is NOT applied automatically to projected content — style the projected `<h1>` yourself. */
 declare class ClxPageHeaderTitleDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxPageHeaderTitleDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ClxPageHeaderTitleDirective, "[clxPageHeaderTitle]", never, {}, {}, never, never, true, never>;