codexly-ui 0.8.3 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/codexly-ui.mjs +237 -209
- package/fesm2022/codexly-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/codexly-ui.d.ts +17 -23
package/package.json
CHANGED
package/types/codexly-ui.d.ts
CHANGED
|
@@ -553,30 +553,17 @@ declare class ClxTooltipDirective {
|
|
|
553
553
|
readonly clxTooltipSize: _angular_core.InputSignal<ClxTooltipSize>;
|
|
554
554
|
readonly clxTooltipDelay: _angular_core.InputSignal<number>;
|
|
555
555
|
private readonly _el;
|
|
556
|
-
private readonly
|
|
557
|
-
private readonly _appRef;
|
|
558
|
-
private readonly _injector;
|
|
559
|
-
private readonly _animate;
|
|
556
|
+
private readonly _tooltip;
|
|
560
557
|
private readonly _platformId;
|
|
561
558
|
private readonly _destroyRef;
|
|
562
|
-
private _ref;
|
|
563
|
-
private _pendingRef;
|
|
564
559
|
private _showTimer;
|
|
565
560
|
private _hideTimer;
|
|
566
|
-
private _tooltipId;
|
|
567
561
|
private _abort;
|
|
568
|
-
private _destroyed;
|
|
569
562
|
constructor();
|
|
570
563
|
private _scheduleShow;
|
|
571
564
|
private _scheduleHide;
|
|
572
565
|
private _show;
|
|
573
566
|
private _hide;
|
|
574
|
-
/** Synchronous teardown, no fade — used on touchend so the bubble can't linger over UI the tap opens. */
|
|
575
|
-
private _hideImmediate;
|
|
576
|
-
private _resolvePosition;
|
|
577
|
-
private _placeAt;
|
|
578
|
-
private _destroyBubble;
|
|
579
|
-
private _forceDestroyBubble;
|
|
580
567
|
private _clearShow;
|
|
581
568
|
private _clearHide;
|
|
582
569
|
private _clearTimers;
|
|
@@ -1969,12 +1956,12 @@ declare class ClxNavGroupComponent {
|
|
|
1969
1956
|
* hand-rolled `<h1 class="text-2xl font-semibold">` + `<p>` pattern repeated across every page.
|
|
1970
1957
|
*
|
|
1971
1958
|
* For detail pages whose title needs inline content (a status badge, a monospace order
|
|
1972
|
-
* number) that a plain `
|
|
1973
|
-
* block instead of using the `
|
|
1959
|
+
* number) that a plain `headerTitle` string can't express, project a `[clxPageHeaderTitle]`
|
|
1960
|
+
* block instead of using the `headerTitle`/`subtitle` inputs.
|
|
1974
1961
|
*/
|
|
1975
1962
|
declare class ClxPageHeaderComponent {
|
|
1976
1963
|
private readonly _themeSvc;
|
|
1977
|
-
readonly
|
|
1964
|
+
readonly headerTitle: _angular_core.InputSignal<string>;
|
|
1978
1965
|
readonly subtitle: _angular_core.InputSignal<string | undefined>;
|
|
1979
1966
|
/** Set to show the back button — `[showBack]="true" (back)="goBack()"`. */
|
|
1980
1967
|
readonly showBack: _angular_core.InputSignal<boolean>;
|
|
@@ -1989,14 +1976,14 @@ declare class ClxPageHeaderComponent {
|
|
|
1989
1976
|
/** Subtitle classes resolved from the theme — same usage as titleClass. */
|
|
1990
1977
|
readonly subtitleClass: _angular_core.Signal<string>;
|
|
1991
1978
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxPageHeaderComponent, never>;
|
|
1992
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxPageHeaderComponent, "clx-page-header", ["clxPageHeader"], { "
|
|
1979
|
+
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>;
|
|
1993
1980
|
}
|
|
1994
1981
|
|
|
1995
1982
|
/** Optional replacement for the auto-generated `<h1>` — project this when the title needs
|
|
1996
1983
|
* inline content next to it (a status badge, a monospace order number, extra spans) that a
|
|
1997
|
-
* plain `
|
|
1998
|
-
* this is present; ClxPageHeaderComponent's own text-2xl/font-weight/truncate
|
|
1999
|
-
* NOT applied automatically to projected content — style the projected `<h1>` yourself. */
|
|
1984
|
+
* plain `headerTitle` string input can't express. The `headerTitle`/`subtitle` inputs are
|
|
1985
|
+
* ignored when this is present; ClxPageHeaderComponent's own text-2xl/font-weight/truncate
|
|
1986
|
+
* styling is NOT applied automatically to projected content — style the projected `<h1>` yourself. */
|
|
2000
1987
|
declare class ClxPageHeaderTitleDirective {
|
|
2001
1988
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxPageHeaderTitleDirective, never>;
|
|
2002
1989
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ClxPageHeaderTitleDirective, "[clxPageHeaderTitle]", never, {}, {}, never, never, true, never>;
|
|
@@ -2261,6 +2248,8 @@ type ClxToastType = ClxColor;
|
|
|
2261
2248
|
interface ClxToastAction {
|
|
2262
2249
|
label: string;
|
|
2263
2250
|
onClick: () => void;
|
|
2251
|
+
/** Visual weight for this action button. Defaults to 'link' to match the single-action look. */
|
|
2252
|
+
variant?: 'link' | 'solid' | 'outline' | 'ghost';
|
|
2264
2253
|
}
|
|
2265
2254
|
interface ClxToastOptions {
|
|
2266
2255
|
type?: ClxToastType;
|
|
@@ -2274,13 +2263,17 @@ interface ClxToastOptions {
|
|
|
2274
2263
|
animationIn?: ClxAnimateName;
|
|
2275
2264
|
animationOut?: ClxAnimateName;
|
|
2276
2265
|
animationDuration?: number;
|
|
2266
|
+
/** Single action — kept for backward compatibility, equivalent to actions: [action]. */
|
|
2277
2267
|
action?: ClxToastAction;
|
|
2268
|
+
/** Multiple action buttons (e.g. Approve/Reject). Takes precedence over `action` when both are set. */
|
|
2269
|
+
actions?: ClxToastAction[];
|
|
2278
2270
|
}
|
|
2279
|
-
interface ClxToastEntry extends Required<Omit<ClxToastOptions, 'title' | 'action' | 'icon'>> {
|
|
2271
|
+
interface ClxToastEntry extends Required<Omit<ClxToastOptions, 'title' | 'action' | 'actions' | 'icon'>> {
|
|
2280
2272
|
id: string;
|
|
2281
2273
|
title?: string;
|
|
2282
2274
|
icon?: string;
|
|
2283
2275
|
action?: ClxToastAction;
|
|
2276
|
+
actions?: ClxToastAction[];
|
|
2284
2277
|
removing: boolean;
|
|
2285
2278
|
}
|
|
2286
2279
|
|
|
@@ -2301,12 +2294,13 @@ declare class ClxToastComponent implements OnInit, OnDestroy {
|
|
|
2301
2294
|
protected readonly _colorClass: _angular_core.Signal<string>;
|
|
2302
2295
|
protected readonly _progressColor: _angular_core.Signal<string>;
|
|
2303
2296
|
protected readonly _buttonColor: _angular_core.Signal<codexly_ui.ClxColorInput>;
|
|
2297
|
+
protected readonly _actions: _angular_core.Signal<ClxToastAction[]>;
|
|
2304
2298
|
private get _card();
|
|
2305
2299
|
ngOnInit(): void;
|
|
2306
2300
|
ngOnDestroy(): void;
|
|
2307
2301
|
protected _onMouseEnter(): void;
|
|
2308
2302
|
protected _onMouseLeave(): void;
|
|
2309
|
-
protected _onAction(): void;
|
|
2303
|
+
protected _onAction(action: ClxToastAction): void;
|
|
2310
2304
|
playExitAnimation(): Promise<void>;
|
|
2311
2305
|
private _startTimer;
|
|
2312
2306
|
private _stopTimer;
|