@lumaui/angular 0.2.0 → 0.2.2
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/lumaui-angular.mjs +876 -125
- package/fesm2022/lumaui-angular.mjs.map +1 -1
- package/package.json +1 -1
- package/types/lumaui-angular.d.ts +361 -87
|
@@ -1,27 +1,29 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { InjectionToken, Signal, OnDestroy, WritableSignal, ElementRef, OnInit, AfterViewInit } from '@angular/core';
|
|
3
|
-
import { ButtonVariant, ButtonSize, CardVariant, CardTitleSize, CardDescriptionSize, AccordionItemVariant, AccordionTitleSize, TooltipPosition, TabsStyle } from '@lumaui/core';
|
|
3
|
+
import { ButtonVariant, ButtonSize, CardVariant, CardTitleSize, CardDescriptionSize, AccordionItemVariant, AccordionTitleSize, TooltipPosition, TabsStyle, ToastPosition as ToastPosition$1, ToastVariant as ToastVariant$1 } from '@lumaui/core';
|
|
4
|
+
export { ToastCloseVariants, ToastContainerVariants, ToastIconVariants, ToastItemVariants, ToastState } from '@lumaui/core';
|
|
4
5
|
import * as _lumaui_angular from '@lumaui/angular';
|
|
6
|
+
import { Observable } from 'rxjs';
|
|
5
7
|
|
|
6
|
-
declare class
|
|
8
|
+
declare class LmButtonDirective {
|
|
7
9
|
lmVariant: _angular_core.InputSignal<ButtonVariant>;
|
|
8
10
|
lmSize: _angular_core.InputSignal<ButtonSize>;
|
|
9
11
|
lmDisabled: _angular_core.InputSignal<boolean>;
|
|
10
12
|
lmType: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
11
13
|
classes: _angular_core.Signal<string>;
|
|
12
14
|
get hostClasses(): string;
|
|
13
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
14
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
15
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmButtonDirective, never>;
|
|
16
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmButtonDirective, "button[lumaButton], a[lumaButton]", never, { "lmVariant": { "alias": "lmVariant"; "required": false; "isSignal": true; }; "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; "lmDisabled": { "alias": "lmDisabled"; "required": false; "isSignal": true; }; "lmType": { "alias": "lmType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
15
17
|
}
|
|
16
18
|
|
|
17
|
-
declare class
|
|
19
|
+
declare class LmBadgeDirective {
|
|
18
20
|
classes: _angular_core.Signal<string>;
|
|
19
21
|
get hostClasses(): string;
|
|
20
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
21
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
22
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmBadgeDirective, never>;
|
|
23
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmBadgeDirective, "[lumaBadge]", never, {}, {}, never, never, true, never>;
|
|
22
24
|
}
|
|
23
25
|
|
|
24
|
-
declare class
|
|
26
|
+
declare class LmCardComponent {
|
|
25
27
|
/**
|
|
26
28
|
* Card visual style variant
|
|
27
29
|
* - default: Gradient border wrapper style (default)
|
|
@@ -32,32 +34,32 @@ declare class CardComponent {
|
|
|
32
34
|
lmVariant: _angular_core.InputSignal<CardVariant>;
|
|
33
35
|
wrapperClasses: _angular_core.Signal<string>;
|
|
34
36
|
contentClasses: _angular_core.Signal<string>;
|
|
35
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
36
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
37
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmCardComponent, never>;
|
|
38
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmCardComponent, "luma-card", never, { "lmVariant": { "alias": "lmVariant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
37
39
|
}
|
|
38
40
|
|
|
39
|
-
declare class
|
|
41
|
+
declare class LmCardTitleDirective {
|
|
40
42
|
lmSize: _angular_core.InputSignal<CardTitleSize>;
|
|
41
43
|
classes: _angular_core.Signal<string>;
|
|
42
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
43
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
44
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmCardTitleDirective, never>;
|
|
45
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmCardTitleDirective, "[lumaCardTitle]", never, { "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
44
46
|
}
|
|
45
47
|
|
|
46
|
-
declare class
|
|
48
|
+
declare class LmCardDescriptionDirective {
|
|
47
49
|
lmSize: _angular_core.InputSignal<CardDescriptionSize>;
|
|
48
50
|
classes: _angular_core.Signal<string>;
|
|
49
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
50
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
51
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmCardDescriptionDirective, never>;
|
|
52
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmCardDescriptionDirective, "[lumaCardDescription]", never, { "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
51
53
|
}
|
|
52
54
|
|
|
53
|
-
declare class
|
|
54
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
55
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
55
|
+
declare class LmCardHeaderDirective {
|
|
56
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmCardHeaderDirective, never>;
|
|
57
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmCardHeaderDirective, "[lumaCardHeader]", never, {}, {}, never, never, true, never>;
|
|
56
58
|
}
|
|
57
59
|
|
|
58
|
-
declare class
|
|
59
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
60
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
60
|
+
declare class LmCardContentDirective {
|
|
61
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmCardContentDirective, never>;
|
|
62
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmCardContentDirective, "[lumaCardContent]", never, {}, {}, never, never, true, never>;
|
|
61
63
|
}
|
|
62
64
|
|
|
63
65
|
/**
|
|
@@ -86,7 +88,7 @@ declare class CardContentDirective {
|
|
|
86
88
|
* </luma-accordion-group>
|
|
87
89
|
* ```
|
|
88
90
|
*/
|
|
89
|
-
declare class
|
|
91
|
+
declare class LmAccordionGroupComponent {
|
|
90
92
|
/**
|
|
91
93
|
* Controlled value for which items are open
|
|
92
94
|
* - null: uncontrolled mode (each item manages its own state)
|
|
@@ -109,8 +111,8 @@ declare class AccordionGroupComponent {
|
|
|
109
111
|
* Called by child AccordionItemComponent when toggled
|
|
110
112
|
*/
|
|
111
113
|
toggleItem(itemId: string): void;
|
|
112
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
113
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
114
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmAccordionGroupComponent, never>;
|
|
115
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmAccordionGroupComponent, "luma-accordion-group", never, { "lmValue": { "alias": "lmValue"; "required": false; "isSignal": true; }; "lmSingle": { "alias": "lmSingle"; "required": false; "isSignal": true; }; }, { "lmValueChange": "lmValueChange"; }, never, ["*"], true, never>;
|
|
114
116
|
}
|
|
115
117
|
|
|
116
118
|
/**
|
|
@@ -154,7 +156,7 @@ declare const ACCORDION_ITEM: InjectionToken<AccordionItemBase>;
|
|
|
154
156
|
* </luma-accordion-item>
|
|
155
157
|
* ```
|
|
156
158
|
*/
|
|
157
|
-
declare class
|
|
159
|
+
declare class LmAccordionItemComponent implements AccordionItemBase {
|
|
158
160
|
private group;
|
|
159
161
|
private el;
|
|
160
162
|
private renderer;
|
|
@@ -196,8 +198,8 @@ declare class AccordionItemComponent implements AccordionItemBase {
|
|
|
196
198
|
* Toggle the accordion open/closed state
|
|
197
199
|
*/
|
|
198
200
|
toggle(): void;
|
|
199
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
200
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
201
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmAccordionItemComponent, never>;
|
|
202
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmAccordionItemComponent, "luma-accordion-item", never, { "lmId": { "alias": "lmId"; "required": false; "isSignal": true; }; "lmVariant": { "alias": "lmVariant"; "required": false; "isSignal": true; }; "lmOpen": { "alias": "lmOpen"; "required": false; "isSignal": true; }; "lmDisabled": { "alias": "lmDisabled"; "required": false; "isSignal": true; }; }, { "lmOpenChange": "lmOpenChange"; }, never, ["[lumaAccordionTrigger]", "[lumaAccordionContent]"], true, never>;
|
|
201
203
|
}
|
|
202
204
|
|
|
203
205
|
/**
|
|
@@ -231,7 +233,7 @@ declare class AccordionItemComponent implements AccordionItemBase {
|
|
|
231
233
|
* </div>
|
|
232
234
|
* ```
|
|
233
235
|
*/
|
|
234
|
-
declare class
|
|
236
|
+
declare class LmAccordionTriggerDirective {
|
|
235
237
|
protected item: _lumaui_angular.AccordionItemBase;
|
|
236
238
|
private id;
|
|
237
239
|
triggerId: string;
|
|
@@ -239,8 +241,8 @@ declare class AccordionTriggerDirective {
|
|
|
239
241
|
classes: _angular_core.Signal<string>;
|
|
240
242
|
onClick(event: Event): void;
|
|
241
243
|
onKeydown(event: KeyboardEvent): void;
|
|
242
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
243
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
244
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmAccordionTriggerDirective, never>;
|
|
245
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmAccordionTriggerDirective, "div[lumaAccordionTrigger]", never, {}, {}, never, never, true, never>;
|
|
244
246
|
}
|
|
245
247
|
|
|
246
248
|
/**
|
|
@@ -259,7 +261,7 @@ declare class AccordionTriggerDirective {
|
|
|
259
261
|
* <span lumaAccordionTitle lmSize="lg">Large Title</span>
|
|
260
262
|
* ```
|
|
261
263
|
*/
|
|
262
|
-
declare class
|
|
264
|
+
declare class LmAccordionTitleDirective {
|
|
263
265
|
/**
|
|
264
266
|
* Size variant for the title
|
|
265
267
|
* - sm: Small text for compact UIs
|
|
@@ -268,8 +270,8 @@ declare class AccordionTitleDirective {
|
|
|
268
270
|
*/
|
|
269
271
|
lmSize: _angular_core.InputSignal<AccordionTitleSize>;
|
|
270
272
|
classes: _angular_core.Signal<string>;
|
|
271
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
272
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
273
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmAccordionTitleDirective, never>;
|
|
274
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmAccordionTitleDirective, "[lumaAccordionTitle]", never, { "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
273
275
|
}
|
|
274
276
|
|
|
275
277
|
/**
|
|
@@ -302,11 +304,11 @@ declare class AccordionTitleDirective {
|
|
|
302
304
|
* </span>
|
|
303
305
|
* ```
|
|
304
306
|
*/
|
|
305
|
-
declare class
|
|
307
|
+
declare class LmAccordionIconDirective {
|
|
306
308
|
protected item: _lumaui_angular.AccordionItemBase;
|
|
307
309
|
classes: _angular_core.Signal<string>;
|
|
308
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
309
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
310
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmAccordionIconDirective, never>;
|
|
311
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmAccordionIconDirective, "span[lumaAccordionIcon], div[lumaAccordionIcon]", never, {}, {}, never, never, true, never>;
|
|
310
312
|
}
|
|
311
313
|
|
|
312
314
|
/**
|
|
@@ -322,18 +324,18 @@ declare class AccordionIconDirective {
|
|
|
322
324
|
* </div>
|
|
323
325
|
* ```
|
|
324
326
|
*/
|
|
325
|
-
declare class
|
|
327
|
+
declare class LmAccordionContentDirective {
|
|
326
328
|
protected item: _lumaui_angular.AccordionItemBase;
|
|
327
|
-
protected trigger:
|
|
329
|
+
protected trigger: LmAccordionTriggerDirective | null;
|
|
328
330
|
private id;
|
|
329
331
|
contentId: string;
|
|
330
332
|
triggerId: _angular_core.Signal<string | null>;
|
|
331
333
|
classes: _angular_core.Signal<string>;
|
|
332
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
333
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
334
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmAccordionContentDirective, never>;
|
|
335
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmAccordionContentDirective, "[lumaAccordionContent]", never, {}, {}, never, never, true, never>;
|
|
334
336
|
}
|
|
335
337
|
|
|
336
|
-
declare class
|
|
338
|
+
declare class LmTooltipDirective implements OnDestroy {
|
|
337
339
|
private el;
|
|
338
340
|
private renderer;
|
|
339
341
|
private platformId;
|
|
@@ -366,15 +368,15 @@ declare class TooltipDirective implements OnDestroy {
|
|
|
366
368
|
hide(): void;
|
|
367
369
|
toggle(): void;
|
|
368
370
|
ngOnDestroy(): void;
|
|
369
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
370
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
371
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmTooltipDirective, never>;
|
|
372
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmTooltipDirective, "[lumaTooltip]", never, { "lumaTooltip": { "alias": "lumaTooltip"; "required": true; "isSignal": true; }; "lmPosition": { "alias": "lmPosition"; "required": false; "isSignal": true; }; "lmHtml": { "alias": "lmHtml"; "required": false; "isSignal": true; }; "lmTrigger": { "alias": "lmTrigger"; "required": false; "isSignal": true; }; "lmDelay": { "alias": "lmDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
371
373
|
}
|
|
372
374
|
|
|
373
375
|
interface TabsGroupBase {
|
|
374
376
|
/** Currently selected tab value */
|
|
375
377
|
value: WritableSignal<string | null>;
|
|
376
378
|
/** Visual style of the tabs (underline, background, pill) */
|
|
377
|
-
|
|
379
|
+
lmVariant: Signal<TabsStyle>;
|
|
378
380
|
/** Whether to lazy load panel content */
|
|
379
381
|
lmLazy: Signal<boolean>;
|
|
380
382
|
/** Select a tab by value */
|
|
@@ -431,13 +433,13 @@ declare const TABS_LIST: InjectionToken<TabsListBase>;
|
|
|
431
433
|
* </luma-tabs>
|
|
432
434
|
* ```
|
|
433
435
|
*/
|
|
434
|
-
declare class
|
|
436
|
+
declare class LmTabsComponent implements TabsGroupBase {
|
|
435
437
|
/** Controlled value - currently selected tab */
|
|
436
438
|
lmValue: _angular_core.InputSignal<string | null>;
|
|
437
439
|
/** Default value for uncontrolled mode */
|
|
438
440
|
lmDefaultValue: _angular_core.InputSignal<string>;
|
|
439
441
|
/** Visual style: underline, background, or pill */
|
|
440
|
-
|
|
442
|
+
lmVariant: _angular_core.InputSignal<TabsStyle>;
|
|
441
443
|
/** Whether to lazy load panel content */
|
|
442
444
|
lmLazy: _angular_core.InputSignal<boolean>;
|
|
443
445
|
/** Emits when selected tab changes */
|
|
@@ -483,8 +485,8 @@ declare class TabsComponent implements TabsGroupBase {
|
|
|
483
485
|
focusLastTrigger(): void;
|
|
484
486
|
private getCurrentTriggerIndex;
|
|
485
487
|
private focusTriggerAtIndex;
|
|
486
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
487
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
488
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmTabsComponent, never>;
|
|
489
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmTabsComponent, "luma-tabs", never, { "lmValue": { "alias": "lmValue"; "required": false; "isSignal": true; }; "lmDefaultValue": { "alias": "lmDefaultValue"; "required": false; "isSignal": true; }; "lmVariant": { "alias": "lmVariant"; "required": false; "isSignal": true; }; "lmLazy": { "alias": "lmLazy"; "required": false; "isSignal": true; }; }, { "lmValueChange": "lmValueChange"; }, never, ["*"], true, never>;
|
|
488
490
|
}
|
|
489
491
|
|
|
490
492
|
/**
|
|
@@ -501,7 +503,7 @@ declare class TabsComponent implements TabsGroupBase {
|
|
|
501
503
|
* </div>
|
|
502
504
|
* ```
|
|
503
505
|
*/
|
|
504
|
-
declare class
|
|
506
|
+
declare class LmTabsListDirective implements TabsListBase {
|
|
505
507
|
readonly elementRef: ElementRef<any>;
|
|
506
508
|
protected readonly tabsGroup: _lumaui_angular.TabsGroupBase;
|
|
507
509
|
/** Whether horizontal scrolling is enabled */
|
|
@@ -515,8 +517,8 @@ declare class TabsListDirective implements TabsListBase {
|
|
|
515
517
|
* Handle mouse wheel for horizontal scroll
|
|
516
518
|
*/
|
|
517
519
|
onWheel(event: WheelEvent): void;
|
|
518
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
519
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
520
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmTabsListDirective, never>;
|
|
521
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmTabsListDirective, "[lumaTabsList]", never, {}, {}, never, never, true, never>;
|
|
520
522
|
}
|
|
521
523
|
|
|
522
524
|
/**
|
|
@@ -530,7 +532,7 @@ declare class TabsListDirective implements TabsListBase {
|
|
|
530
532
|
* <button lumaTabsTrigger="tab-1">Tab 1</button>
|
|
531
533
|
* ```
|
|
532
534
|
*/
|
|
533
|
-
declare class
|
|
535
|
+
declare class LmTabsTriggerDirective implements OnInit, OnDestroy {
|
|
534
536
|
private readonly el;
|
|
535
537
|
private readonly tabsGroup;
|
|
536
538
|
/** Tab value identifier */
|
|
@@ -549,8 +551,8 @@ declare class TabsTriggerDirective implements OnInit, OnDestroy {
|
|
|
549
551
|
ngOnDestroy(): void;
|
|
550
552
|
onClick(): void;
|
|
551
553
|
onKeydown(event: KeyboardEvent): void;
|
|
552
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
553
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
554
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmTabsTriggerDirective, never>;
|
|
555
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmTabsTriggerDirective, "[lumaTabsTrigger]", never, { "lumaTabsTrigger": { "alias": "lumaTabsTrigger"; "required": true; "isSignal": true; }; "lmDisabled": { "alias": "lmDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
554
556
|
}
|
|
555
557
|
|
|
556
558
|
/**
|
|
@@ -570,7 +572,7 @@ declare class TabsTriggerDirective implements OnInit, OnDestroy {
|
|
|
570
572
|
* </ng-template>
|
|
571
573
|
* ```
|
|
572
574
|
*/
|
|
573
|
-
declare class
|
|
575
|
+
declare class LmTabsPanelDirective {
|
|
574
576
|
private readonly tabsGroup;
|
|
575
577
|
private readonly templateRef;
|
|
576
578
|
private readonly viewContainer;
|
|
@@ -591,8 +593,8 @@ declare class TabsPanelDirective {
|
|
|
591
593
|
/** Computed: CSS classes from CVA */
|
|
592
594
|
classes: _angular_core.Signal<string>;
|
|
593
595
|
constructor();
|
|
594
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
595
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
596
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmTabsPanelDirective, never>;
|
|
597
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmTabsPanelDirective, "[lumaTabsPanel]", never, { "lumaTabsPanel": { "alias": "lumaTabsPanel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
596
598
|
}
|
|
597
599
|
|
|
598
600
|
/**
|
|
@@ -610,7 +612,7 @@ declare class TabsPanelDirective {
|
|
|
610
612
|
* </div>
|
|
611
613
|
* ```
|
|
612
614
|
*/
|
|
613
|
-
declare class
|
|
615
|
+
declare class LmTabsIndicatorComponent implements AfterViewInit, OnDestroy {
|
|
614
616
|
private readonly platformId;
|
|
615
617
|
private readonly tabsGroup;
|
|
616
618
|
private readonly tabsList;
|
|
@@ -628,8 +630,8 @@ declare class TabsIndicatorComponent implements AfterViewInit, OnDestroy {
|
|
|
628
630
|
ngAfterViewInit(): void;
|
|
629
631
|
ngOnDestroy(): void;
|
|
630
632
|
private updateIndicatorPosition;
|
|
631
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
632
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
633
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmTabsIndicatorComponent, never>;
|
|
634
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmTabsIndicatorComponent, "luma-tabs-indicator", never, {}, {}, never, never, true, never>;
|
|
633
635
|
}
|
|
634
636
|
|
|
635
637
|
/**
|
|
@@ -696,7 +698,7 @@ declare const MODAL_CONTEXT: InjectionToken<ModalContext>;
|
|
|
696
698
|
* <button (click)="modal.open()">Open</button>
|
|
697
699
|
* ```
|
|
698
700
|
*/
|
|
699
|
-
declare class
|
|
701
|
+
declare class LmModalComponent implements ModalContext, OnDestroy {
|
|
700
702
|
private readonly platformId;
|
|
701
703
|
private readonly document;
|
|
702
704
|
/** Controlled open state (null = uncontrolled mode) */
|
|
@@ -743,8 +745,8 @@ declare class ModalComponent implements ModalContext, OnDestroy {
|
|
|
743
745
|
private unlockBodyScroll;
|
|
744
746
|
private registerEscapeHandler;
|
|
745
747
|
private unregisterEscapeHandler;
|
|
746
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
747
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
748
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmModalComponent, never>;
|
|
749
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmModalComponent, "luma-modal", never, { "lmOpen": { "alias": "lmOpen"; "required": false; "isSignal": true; }; "lmDefaultOpen": { "alias": "lmDefaultOpen"; "required": false; "isSignal": true; }; "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; "lmCloseOnOverlay": { "alias": "lmCloseOnOverlay"; "required": false; "isSignal": true; }; "lmCloseOnEscape": { "alias": "lmCloseOnEscape"; "required": false; "isSignal": true; }; }, { "lmOpenChange": "lmOpenChange"; }, never, ["*"], true, never>;
|
|
748
750
|
}
|
|
749
751
|
|
|
750
752
|
/**
|
|
@@ -762,7 +764,7 @@ declare class ModalComponent implements ModalContext, OnDestroy {
|
|
|
762
764
|
* </luma-modal>
|
|
763
765
|
* ```
|
|
764
766
|
*/
|
|
765
|
-
declare class
|
|
767
|
+
declare class LmModalOverlayComponent {
|
|
766
768
|
private readonly modal;
|
|
767
769
|
/** Computed classes from CVA */
|
|
768
770
|
classes: _angular_core.Signal<string>;
|
|
@@ -770,8 +772,8 @@ declare class ModalOverlayComponent {
|
|
|
770
772
|
* Handle click on overlay (not on children)
|
|
771
773
|
*/
|
|
772
774
|
onOverlayClick(event: MouseEvent): void;
|
|
773
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
774
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
775
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmModalOverlayComponent, never>;
|
|
776
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmModalOverlayComponent, "luma-modal-overlay", never, {}, {}, never, ["*"], true, never>;
|
|
775
777
|
}
|
|
776
778
|
|
|
777
779
|
/**
|
|
@@ -793,7 +795,7 @@ declare class ModalOverlayComponent {
|
|
|
793
795
|
* </luma-modal-overlay>
|
|
794
796
|
* ```
|
|
795
797
|
*/
|
|
796
|
-
declare class
|
|
798
|
+
declare class LmModalContainerComponent implements AfterViewInit, OnDestroy {
|
|
797
799
|
readonly modal: _lumaui_angular.ModalContext;
|
|
798
800
|
private readonly elementRef;
|
|
799
801
|
private readonly platformId;
|
|
@@ -822,8 +824,8 @@ declare class ModalContainerComponent implements AfterViewInit, OnDestroy {
|
|
|
822
824
|
* Remove focus trap handler
|
|
823
825
|
*/
|
|
824
826
|
private removeFocusTrap;
|
|
825
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
826
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
827
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmModalContainerComponent, never>;
|
|
828
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmModalContainerComponent, "luma-modal-container", never, {}, {}, never, ["*"], true, never>;
|
|
827
829
|
}
|
|
828
830
|
|
|
829
831
|
/**
|
|
@@ -840,11 +842,11 @@ declare class ModalContainerComponent implements AfterViewInit, OnDestroy {
|
|
|
840
842
|
* </div>
|
|
841
843
|
* ```
|
|
842
844
|
*/
|
|
843
|
-
declare class
|
|
845
|
+
declare class LmModalHeaderDirective {
|
|
844
846
|
/** Computed classes from CVA */
|
|
845
847
|
classes: _angular_core.Signal<string>;
|
|
846
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
847
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
848
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmModalHeaderDirective, never>;
|
|
849
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmModalHeaderDirective, "[lumaModalHeader]", never, {}, {}, never, never, true, never>;
|
|
848
850
|
}
|
|
849
851
|
|
|
850
852
|
/**
|
|
@@ -859,7 +861,7 @@ declare class ModalHeaderDirective {
|
|
|
859
861
|
* <h2 lumaModalTitle lmSize="lg">Large Title</h2>
|
|
860
862
|
* ```
|
|
861
863
|
*/
|
|
862
|
-
declare class
|
|
864
|
+
declare class LmModalTitleDirective {
|
|
863
865
|
private readonly modal;
|
|
864
866
|
/** Title size variant */
|
|
865
867
|
lmSize: _angular_core.InputSignal<"sm" | "md" | "lg">;
|
|
@@ -867,8 +869,8 @@ declare class ModalTitleDirective {
|
|
|
867
869
|
titleId: _angular_core.Signal<string>;
|
|
868
870
|
/** Computed classes from CVA */
|
|
869
871
|
classes: _angular_core.Signal<string>;
|
|
870
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
871
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
872
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmModalTitleDirective, never>;
|
|
873
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmModalTitleDirective, "[lumaModalTitle]", never, { "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
872
874
|
}
|
|
873
875
|
|
|
874
876
|
/**
|
|
@@ -888,13 +890,13 @@ declare class ModalTitleDirective {
|
|
|
888
890
|
* </div>
|
|
889
891
|
* ```
|
|
890
892
|
*/
|
|
891
|
-
declare class
|
|
893
|
+
declare class LmModalContentDirective {
|
|
892
894
|
/** Enable scroll when content overflows */
|
|
893
895
|
lmScrollable: _angular_core.InputSignal<boolean>;
|
|
894
896
|
/** Computed classes from CVA */
|
|
895
897
|
classes: _angular_core.Signal<string>;
|
|
896
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
897
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
898
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmModalContentDirective, never>;
|
|
899
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmModalContentDirective, "[lumaModalContent]", never, { "lmScrollable": { "alias": "lmScrollable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
898
900
|
}
|
|
899
901
|
|
|
900
902
|
/**
|
|
@@ -916,13 +918,13 @@ declare class ModalContentDirective {
|
|
|
916
918
|
* </div>
|
|
917
919
|
* ```
|
|
918
920
|
*/
|
|
919
|
-
declare class
|
|
921
|
+
declare class LmModalFooterDirective {
|
|
920
922
|
/** Alignment of footer content */
|
|
921
923
|
lmAlign: _angular_core.InputSignal<"start" | "center" | "end" | "between">;
|
|
922
924
|
/** Computed classes from CVA */
|
|
923
925
|
classes: _angular_core.Signal<string>;
|
|
924
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
925
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
926
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmModalFooterDirective, never>;
|
|
927
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LmModalFooterDirective, "[lumaModalFooter]", never, { "lmAlign": { "alias": "lmAlign"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
926
928
|
}
|
|
927
929
|
|
|
928
930
|
/**
|
|
@@ -945,7 +947,7 @@ declare class ModalFooterDirective {
|
|
|
945
947
|
* </luma-modal-close>
|
|
946
948
|
* ```
|
|
947
949
|
*/
|
|
948
|
-
declare class
|
|
950
|
+
declare class LmModalCloseComponent {
|
|
949
951
|
readonly modal: _lumaui_angular.ModalContext;
|
|
950
952
|
/** Accessible label for the close button */
|
|
951
953
|
lmAriaLabel: _angular_core.InputSignal<string>;
|
|
@@ -953,9 +955,281 @@ declare class ModalCloseComponent {
|
|
|
953
955
|
ariaLabel: _angular_core.Signal<string>;
|
|
954
956
|
/** Computed classes from CVA */
|
|
955
957
|
classes: _angular_core.Signal<string>;
|
|
956
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
957
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
958
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmModalCloseComponent, never>;
|
|
959
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmModalCloseComponent, "luma-modal-close", never, { "lmAriaLabel": { "alias": "lmAriaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
958
960
|
}
|
|
959
961
|
|
|
960
|
-
|
|
961
|
-
|
|
962
|
+
/**
|
|
963
|
+
* Toast variant types
|
|
964
|
+
*/
|
|
965
|
+
type ToastVariant = 'info' | 'success' | 'warning' | 'error';
|
|
966
|
+
/**
|
|
967
|
+
* Toast position options
|
|
968
|
+
*/
|
|
969
|
+
type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
970
|
+
/**
|
|
971
|
+
* Toast configuration options passed to ToastService.show()
|
|
972
|
+
*/
|
|
973
|
+
interface ToastOptions {
|
|
974
|
+
/** Toast message (required) */
|
|
975
|
+
message: string;
|
|
976
|
+
/** Optional title */
|
|
977
|
+
title?: string;
|
|
978
|
+
/** Visual variant */
|
|
979
|
+
variant?: ToastVariant;
|
|
980
|
+
/** Screen position */
|
|
981
|
+
position?: ToastPosition;
|
|
982
|
+
/** Auto-close duration in milliseconds (0 = no auto-close) */
|
|
983
|
+
duration?: number;
|
|
984
|
+
/** Show close button */
|
|
985
|
+
dismissible?: boolean;
|
|
986
|
+
/** Pause timer on hover */
|
|
987
|
+
pauseOnHover?: boolean;
|
|
988
|
+
/** ARIA role override */
|
|
989
|
+
role?: 'alert' | 'status';
|
|
990
|
+
}
|
|
991
|
+
/**
|
|
992
|
+
* Internal toast representation with all required fields
|
|
993
|
+
*/
|
|
994
|
+
interface Toast extends Required<Omit<ToastOptions, 'role'>> {
|
|
995
|
+
/** Unique identifier */
|
|
996
|
+
id: string;
|
|
997
|
+
/** Creation timestamp */
|
|
998
|
+
createdAt: number;
|
|
999
|
+
/** Whether toast is currently animating out */
|
|
1000
|
+
isExiting: boolean;
|
|
1001
|
+
/** ARIA role */
|
|
1002
|
+
role: 'alert' | 'status';
|
|
1003
|
+
}
|
|
1004
|
+
/**
|
|
1005
|
+
* Toast reference for programmatic control
|
|
1006
|
+
*/
|
|
1007
|
+
interface ToastRef {
|
|
1008
|
+
/** Unique toast ID */
|
|
1009
|
+
readonly id: string;
|
|
1010
|
+
/** Dismiss this toast */
|
|
1011
|
+
dismiss(): void;
|
|
1012
|
+
/** Observable that emits when dismissed */
|
|
1013
|
+
readonly afterDismissed: Observable<void>;
|
|
1014
|
+
}
|
|
1015
|
+
/**
|
|
1016
|
+
* Global toast configuration
|
|
1017
|
+
*/
|
|
1018
|
+
interface ToastConfig {
|
|
1019
|
+
/** Default position */
|
|
1020
|
+
position: ToastPosition;
|
|
1021
|
+
/** Default duration in milliseconds */
|
|
1022
|
+
duration: number;
|
|
1023
|
+
/** Default dismissible state */
|
|
1024
|
+
dismissible: boolean;
|
|
1025
|
+
/** Maximum visible toasts */
|
|
1026
|
+
maxVisible: number;
|
|
1027
|
+
/** Pause on hover by default */
|
|
1028
|
+
pauseOnHover: boolean;
|
|
1029
|
+
}
|
|
1030
|
+
/**
|
|
1031
|
+
* Default toast configuration
|
|
1032
|
+
*/
|
|
1033
|
+
declare const DEFAULT_TOAST_CONFIG: ToastConfig;
|
|
1034
|
+
/**
|
|
1035
|
+
* Injection token for global toast configuration
|
|
1036
|
+
*/
|
|
1037
|
+
declare const TOAST_CONFIG: InjectionToken<ToastConfig>;
|
|
1038
|
+
/**
|
|
1039
|
+
* Provider function for custom toast configuration
|
|
1040
|
+
*/
|
|
1041
|
+
declare function provideToastConfig(config: Partial<ToastConfig>): {
|
|
1042
|
+
provide: InjectionToken<ToastConfig>;
|
|
1043
|
+
useValue: {
|
|
1044
|
+
position: ToastPosition;
|
|
1045
|
+
duration: number;
|
|
1046
|
+
dismissible: boolean;
|
|
1047
|
+
maxVisible: number;
|
|
1048
|
+
pauseOnHover: boolean;
|
|
1049
|
+
};
|
|
1050
|
+
};
|
|
1051
|
+
|
|
1052
|
+
/**
|
|
1053
|
+
* ToastService
|
|
1054
|
+
*
|
|
1055
|
+
* Injectable service for showing toast notifications programmatically.
|
|
1056
|
+
* Provides convenience methods for info, success, warning, and error toasts.
|
|
1057
|
+
*
|
|
1058
|
+
* @example
|
|
1059
|
+
* ```typescript
|
|
1060
|
+
* private toast = inject(ToastService);
|
|
1061
|
+
*
|
|
1062
|
+
* showSuccess() {
|
|
1063
|
+
* this.toast.success('Changes saved successfully!');
|
|
1064
|
+
* }
|
|
1065
|
+
*
|
|
1066
|
+
* showError() {
|
|
1067
|
+
* this.toast.error('Failed to save', {
|
|
1068
|
+
* title: 'Error',
|
|
1069
|
+
* duration: 0
|
|
1070
|
+
* });
|
|
1071
|
+
* }
|
|
1072
|
+
* ```
|
|
1073
|
+
*/
|
|
1074
|
+
declare class LmToastService implements OnDestroy {
|
|
1075
|
+
private readonly config;
|
|
1076
|
+
private readonly appRef;
|
|
1077
|
+
private readonly injector;
|
|
1078
|
+
private readonly document;
|
|
1079
|
+
private readonly platformId;
|
|
1080
|
+
private readonly _toasts;
|
|
1081
|
+
private containerRef;
|
|
1082
|
+
private nextId;
|
|
1083
|
+
private readonly toastRefs;
|
|
1084
|
+
/** Observable list of current toasts */
|
|
1085
|
+
readonly toasts: _angular_core.Signal<Toast[]>;
|
|
1086
|
+
ngOnDestroy(): void;
|
|
1087
|
+
/**
|
|
1088
|
+
* Show a toast notification
|
|
1089
|
+
* @param options - Toast configuration options
|
|
1090
|
+
* @returns ToastRef for programmatic control
|
|
1091
|
+
*/
|
|
1092
|
+
show(options: ToastOptions): ToastRef;
|
|
1093
|
+
/**
|
|
1094
|
+
* Show info toast
|
|
1095
|
+
* @param message - Toast message
|
|
1096
|
+
* @param options - Additional options
|
|
1097
|
+
*/
|
|
1098
|
+
info(message: string, options?: Partial<ToastOptions>): ToastRef;
|
|
1099
|
+
/**
|
|
1100
|
+
* Show success toast
|
|
1101
|
+
* @param message - Toast message
|
|
1102
|
+
* @param options - Additional options
|
|
1103
|
+
*/
|
|
1104
|
+
success(message: string, options?: Partial<ToastOptions>): ToastRef;
|
|
1105
|
+
/**
|
|
1106
|
+
* Show warning toast
|
|
1107
|
+
* @param message - Toast message
|
|
1108
|
+
* @param options - Additional options
|
|
1109
|
+
*/
|
|
1110
|
+
warning(message: string, options?: Partial<ToastOptions>): ToastRef;
|
|
1111
|
+
/**
|
|
1112
|
+
* Show error toast
|
|
1113
|
+
* @param message - Toast message
|
|
1114
|
+
* @param options - Additional options
|
|
1115
|
+
*/
|
|
1116
|
+
error(message: string, options?: Partial<ToastOptions>): ToastRef;
|
|
1117
|
+
/**
|
|
1118
|
+
* Dismiss a specific toast
|
|
1119
|
+
* @param id - Toast ID to dismiss
|
|
1120
|
+
*/
|
|
1121
|
+
dismiss(id: string): void;
|
|
1122
|
+
/**
|
|
1123
|
+
* Dismiss all toasts
|
|
1124
|
+
*/
|
|
1125
|
+
dismissAll(): void;
|
|
1126
|
+
/**
|
|
1127
|
+
* Ensure toast container exists in DOM
|
|
1128
|
+
*/
|
|
1129
|
+
private ensureContainer;
|
|
1130
|
+
/**
|
|
1131
|
+
* Remove container from DOM
|
|
1132
|
+
*/
|
|
1133
|
+
private destroyContainer;
|
|
1134
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmToastService, never>;
|
|
1135
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<LmToastService>;
|
|
1136
|
+
}
|
|
1137
|
+
|
|
1138
|
+
/**
|
|
1139
|
+
* ToastContainerComponent
|
|
1140
|
+
*
|
|
1141
|
+
* Fixed-position container that renders all active toasts.
|
|
1142
|
+
* Supports all 6 positions simultaneously by grouping toasts by their position.
|
|
1143
|
+
*
|
|
1144
|
+
* @internal This component is created programmatically by ToastService
|
|
1145
|
+
*/
|
|
1146
|
+
declare class LmToastContainerComponent {
|
|
1147
|
+
/** Toasts signal passed from ToastService */
|
|
1148
|
+
_toasts: Signal<Toast[]>;
|
|
1149
|
+
/** Dismiss callback passed from ToastService */
|
|
1150
|
+
_onDismiss: (id: string) => void;
|
|
1151
|
+
/** Group toasts by their position */
|
|
1152
|
+
protected readonly toastsByPosition: Signal<Record<ToastPosition$1, Toast[]>>;
|
|
1153
|
+
/** Get CSS classes for a specific position */
|
|
1154
|
+
protected getPositionClasses(position: ToastPosition$1): string;
|
|
1155
|
+
/** Handle dismiss event from toast item */
|
|
1156
|
+
protected onDismiss(id: string): void;
|
|
1157
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmToastContainerComponent, never>;
|
|
1158
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmToastContainerComponent, "luma-toast-container", never, {}, {}, never, never, true, never>;
|
|
1159
|
+
}
|
|
1160
|
+
|
|
1161
|
+
/**
|
|
1162
|
+
* ToastItemComponent
|
|
1163
|
+
*
|
|
1164
|
+
* Individual toast notification with timer and icon.
|
|
1165
|
+
*
|
|
1166
|
+
* @internal Created by ToastContainerComponent
|
|
1167
|
+
*/
|
|
1168
|
+
declare class LmToastItemComponent implements OnInit, OnDestroy {
|
|
1169
|
+
/** Toast data */
|
|
1170
|
+
toast: _angular_core.InputSignal<Toast>;
|
|
1171
|
+
/** Emits when toast should be dismissed */
|
|
1172
|
+
dismiss: _angular_core.OutputEmitterRef<string>;
|
|
1173
|
+
/** Timer subscription */
|
|
1174
|
+
private timerSubscription;
|
|
1175
|
+
/** Remaining time in ms */
|
|
1176
|
+
private remainingTime;
|
|
1177
|
+
/** Whether timer is paused */
|
|
1178
|
+
private isPaused;
|
|
1179
|
+
/** Animation state */
|
|
1180
|
+
private animationState;
|
|
1181
|
+
/** Item CSS classes */
|
|
1182
|
+
protected readonly itemClasses: _angular_core.Signal<string>;
|
|
1183
|
+
/** Icon CSS classes */
|
|
1184
|
+
protected readonly iconClasses: _angular_core.Signal<string>;
|
|
1185
|
+
/** Content CSS classes */
|
|
1186
|
+
protected readonly contentClasses: _angular_core.Signal<string>;
|
|
1187
|
+
/** Title CSS classes */
|
|
1188
|
+
protected readonly titleClasses: _angular_core.Signal<string>;
|
|
1189
|
+
/** Message CSS classes */
|
|
1190
|
+
protected readonly messageClasses: _angular_core.Signal<string>;
|
|
1191
|
+
/** Whether toast has interactive elements */
|
|
1192
|
+
protected readonly hasInteractiveElements: _angular_core.Signal<boolean>;
|
|
1193
|
+
ngOnInit(): void;
|
|
1194
|
+
ngOnDestroy(): void;
|
|
1195
|
+
/** Start auto-close timer */
|
|
1196
|
+
private startTimer;
|
|
1197
|
+
/** Stop timer */
|
|
1198
|
+
private stopTimer;
|
|
1199
|
+
/** Dismiss this toast */
|
|
1200
|
+
private dismissToast;
|
|
1201
|
+
/** Handle close button click */
|
|
1202
|
+
protected onClose(): void;
|
|
1203
|
+
/** Pause timer on mouse enter */
|
|
1204
|
+
protected onMouseEnter(): void;
|
|
1205
|
+
/** Resume timer on mouse leave */
|
|
1206
|
+
protected onMouseLeave(): void;
|
|
1207
|
+
/** Pause timer on focus */
|
|
1208
|
+
protected onFocus(): void;
|
|
1209
|
+
/** Resume timer on blur */
|
|
1210
|
+
protected onBlur(): void;
|
|
1211
|
+
/** Dismiss on Escape key */
|
|
1212
|
+
protected onEscapeKey(): void;
|
|
1213
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmToastItemComponent, never>;
|
|
1214
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmToastItemComponent, "luma-toast-item", never, { "toast": { "alias": "toast"; "required": true; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
|
|
1215
|
+
}
|
|
1216
|
+
|
|
1217
|
+
/**
|
|
1218
|
+
* ToastCloseComponent
|
|
1219
|
+
*
|
|
1220
|
+
* Close button for toast notifications.
|
|
1221
|
+
* Styled according to the toast variant.
|
|
1222
|
+
*
|
|
1223
|
+
* @internal Used by ToastItemComponent
|
|
1224
|
+
*/
|
|
1225
|
+
declare class LmToastCloseComponent {
|
|
1226
|
+
/** Toast variant for styling */
|
|
1227
|
+
lmVariant: _angular_core.InputSignal<ToastVariant$1>;
|
|
1228
|
+
/** CSS classes */
|
|
1229
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
1230
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LmToastCloseComponent, never>;
|
|
1231
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LmToastCloseComponent, "luma-toast-close", never, { "lmVariant": { "alias": "lmVariant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1232
|
+
}
|
|
1233
|
+
|
|
1234
|
+
export { ACCORDION_ITEM, DEFAULT_TOAST_CONFIG, LmAccordionContentDirective, LmAccordionGroupComponent, LmAccordionIconDirective, LmAccordionItemComponent, LmAccordionTitleDirective, LmAccordionTriggerDirective, LmBadgeDirective, LmButtonDirective, LmCardComponent, LmCardContentDirective, LmCardDescriptionDirective, LmCardHeaderDirective, LmCardTitleDirective, LmModalCloseComponent, LmModalComponent, LmModalContainerComponent, LmModalContentDirective, LmModalFooterDirective, LmModalHeaderDirective, LmModalOverlayComponent, LmModalTitleDirective, LmTabsComponent, LmTabsIndicatorComponent, LmTabsListDirective, LmTabsPanelDirective, LmTabsTriggerDirective, LmToastCloseComponent, LmToastContainerComponent, LmToastItemComponent, LmToastService, LmTooltipDirective, MODAL_CONTEXT, TABS_GROUP, TABS_LIST, TOAST_CONFIG, provideToastConfig };
|
|
1235
|
+
export type { AccordionItemBase, ModalContext, ModalSize, TabsGroupBase, TabsListBase, Toast, ToastConfig, ToastOptions, ToastPosition, ToastRef, ToastVariant };
|