@underlayerdev/ui 0.0.2 → 0.0.4
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/underlayerdev-ui.mjs +370 -370
- package/fesm2022/underlayerdev-ui.mjs.map +1 -1
- package/package.json +2 -1
- package/styles/foundations.css +4593 -4593
- package/types/underlayerdev-ui.d.ts +85 -85
|
@@ -25,7 +25,7 @@ declare class AccordionItemComponent {
|
|
|
25
25
|
onToggle(): void;
|
|
26
26
|
onKeydown(event: KeyboardEvent): void;
|
|
27
27
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
|
|
28
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItemComponent, "
|
|
28
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItemComponent, "ul-accordion-item", never, {}, {}, never, ["[ul-accordion-icon]", "[ul-accordion-label]", "[ul-accordion-status]", "[ul-accordion-content]"], true, [{ directive: typeof i1.CdkAccordionItem; inputs: { "expanded": "expanded"; "disabled": "disabled"; }; outputs: { "closed": "closed"; "opened": "opened"; "destroyed": "destroyed"; "expandedChange": "expandedChange"; }; }]>;
|
|
29
29
|
}
|
|
30
30
|
/**
|
|
31
31
|
* AccordionComponent is a standalone Angular component that acts as a container
|
|
@@ -51,7 +51,7 @@ declare class AccordionComponent implements AfterViewInit {
|
|
|
51
51
|
*/
|
|
52
52
|
private handleExpansionChange;
|
|
53
53
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
|
|
54
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "
|
|
54
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "ul-accordion", never, { "showDivider": { "alias": "showDivider"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; }, {}, ["accordionItems"], ["*"], true, never>;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
/**
|
|
@@ -59,7 +59,7 @@ declare class AccordionComponent implements AfterViewInit {
|
|
|
59
59
|
* Features a clean two-column layout following PE design guidelines.
|
|
60
60
|
*
|
|
61
61
|
* @example
|
|
62
|
-
* <
|
|
62
|
+
* <ul-area-code
|
|
63
63
|
* [content]="codeContent"
|
|
64
64
|
* [showLineNumbers]="true"
|
|
65
65
|
* />
|
|
@@ -73,7 +73,7 @@ declare class AreaCodeComponent {
|
|
|
73
73
|
readonly lineNumbers: _angular_core.Signal<number[]>;
|
|
74
74
|
readonly codeId: string;
|
|
75
75
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AreaCodeComponent, never>;
|
|
76
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AreaCodeComponent, "
|
|
76
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AreaCodeComponent, "ul-area-code", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "showLineNumbers": { "alias": "showLineNumbers"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
type UiSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -85,7 +85,7 @@ type IconSize$1 = '5' | '6' | '7' | '8';
|
|
|
85
85
|
* A reusable avatar component that displays user images, initials, or icons.
|
|
86
86
|
* Supports multiple sizes and fallback options when an image is not available.
|
|
87
87
|
* @example
|
|
88
|
-
* <
|
|
88
|
+
* <ul-avatar size="md" [src]="userImageUrl" [initials]="'JD'" />
|
|
89
89
|
*/
|
|
90
90
|
declare class AvatarComponent {
|
|
91
91
|
/** The size of the avatar */
|
|
@@ -108,7 +108,7 @@ declare class AvatarComponent {
|
|
|
108
108
|
/** Handles image loading errors */
|
|
109
109
|
protected handleImageError(): void;
|
|
110
110
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarComponent, never>;
|
|
111
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "
|
|
111
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "ul-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
/** Icon size keys from design tokens (iconography.font.size). */
|
|
@@ -123,7 +123,7 @@ declare class IconComponent {
|
|
|
123
123
|
icon: _angular_core.InputSignal<string>;
|
|
124
124
|
readonly hostClasses: _angular_core.Signal<string>;
|
|
125
125
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
126
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "
|
|
126
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "ul-icon", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
interface AvatarData {
|
|
@@ -136,7 +136,7 @@ interface AvatarData {
|
|
|
136
136
|
* A reusable avatar group component that displays multiple avatars with overflow handling.
|
|
137
137
|
* Supports maximum visible count and shows a "+X" indicator for remaining avatars.
|
|
138
138
|
* @example
|
|
139
|
-
* <
|
|
139
|
+
* <ul-avatar-group [avatars]="userAvatars" [maxVisible]="3" size="md" />
|
|
140
140
|
*/
|
|
141
141
|
declare class AvatarGroupComponent {
|
|
142
142
|
/** Array of avatar data to display */
|
|
@@ -152,7 +152,7 @@ declare class AvatarGroupComponent {
|
|
|
152
152
|
/** Computed count of remaining avatars not shown */
|
|
153
153
|
readonly remainingCount: _angular_core.Signal<number>;
|
|
154
154
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
|
|
155
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "
|
|
155
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "ul-avatar-group", never, { "avatars": { "alias": "avatars"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxVisible": { "alias": "maxVisible"; "required": false; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
156
156
|
}
|
|
157
157
|
|
|
158
158
|
interface BreadcrumbItem {
|
|
@@ -168,7 +168,7 @@ type BreadcrumbSeparator = 'chevron_right' | 'slash' | 'dot';
|
|
|
168
168
|
*
|
|
169
169
|
* @example
|
|
170
170
|
* ```html
|
|
171
|
-
* <
|
|
171
|
+
* <ul-breadcrumb
|
|
172
172
|
* [items]="[
|
|
173
173
|
* { label: 'Home', href: '/' },
|
|
174
174
|
* { label: 'Products', href: '/products' },
|
|
@@ -191,7 +191,7 @@ declare class BreadcrumbComponent {
|
|
|
191
191
|
/** Check if ellipsis should be shown on mobile */
|
|
192
192
|
shouldShowEllipsisOnMobile(): boolean;
|
|
193
193
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
|
|
194
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "
|
|
194
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "ul-breadcrumb", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
195
195
|
}
|
|
196
196
|
|
|
197
197
|
/**
|
|
@@ -219,7 +219,7 @@ declare class ButtonComponent {
|
|
|
219
219
|
/** Handles the click event and prevents it if button is disabled */
|
|
220
220
|
protected handleClick(event: MouseEvent): void;
|
|
221
221
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
222
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "
|
|
222
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ul-button", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
|
|
223
223
|
}
|
|
224
224
|
|
|
225
225
|
type CalendarMode = 'date' | 'time' | 'datetime';
|
|
@@ -301,7 +301,7 @@ declare class CalendarComponent implements FormValueControl<Date | null> {
|
|
|
301
301
|
onMenuClosed(): void;
|
|
302
302
|
focus(): void;
|
|
303
303
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarComponent, never>;
|
|
304
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "
|
|
304
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "ul-calendar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "showCalendarIcon": { "alias": "showCalendarIcon"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
|
|
305
305
|
}
|
|
306
306
|
|
|
307
307
|
type CardDirection = 'horizontal' | 'vertical';
|
|
@@ -324,12 +324,12 @@ declare class CardComponent {
|
|
|
324
324
|
cardSubtitleSingleLine: _angular_core.InputSignalWithTransform<boolean, boolean>;
|
|
325
325
|
loading: _angular_core.InputSignalWithTransform<boolean, boolean>;
|
|
326
326
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
|
|
327
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "
|
|
327
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ul-card", never, { "focused": { "alias": "focused"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "cardDirection": { "alias": "cardDirection"; "required": false; "isSignal": true; }; "cardCaptionSize": { "alias": "cardCaptionSize"; "required": false; "isSignal": true; }; "footerDist": { "alias": "footerDist"; "required": false; "isSignal": true; }; "mediaAspectRatio": { "alias": "mediaAspectRatio"; "required": false; "isSignal": true; }; "mediaBlur": { "alias": "mediaBlur"; "required": false; "isSignal": true; }; "mediaGrayscale": { "alias": "mediaGrayscale"; "required": false; "isSignal": true; }; "cardCaption": { "alias": "cardCaption"; "required": false; "isSignal": true; }; "cardTitle": { "alias": "cardTitle"; "required": false; "isSignal": true; }; "cardTitleSingleLine": { "alias": "cardTitleSingleLine"; "required": false; "isSignal": true; }; "cardSubtitle": { "alias": "cardSubtitle"; "required": false; "isSignal": true; }; "cardSubtitleSingleLine": { "alias": "cardSubtitleSingleLine"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["[udsCardMedia]", "[udsCardMediaOverlay]", "[udsCardMediaAction]", "[udsCardFooter]"], true, never>;
|
|
328
328
|
}
|
|
329
329
|
|
|
330
330
|
declare class CarouselItemComponent {
|
|
331
331
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CarouselItemComponent, never>;
|
|
332
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselItemComponent, "
|
|
332
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselItemComponent, "ul-carousel-item", never, {}, {}, never, ["*"], true, never>;
|
|
333
333
|
}
|
|
334
334
|
declare class CarouselComponent implements AfterViewInit, OnDestroy {
|
|
335
335
|
options: _angular_core.InputSignal<Options>;
|
|
@@ -349,7 +349,7 @@ declare class CarouselComponent implements AfterViewInit, OnDestroy {
|
|
|
349
349
|
private init;
|
|
350
350
|
private updateCarouselOnItemsChange;
|
|
351
351
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CarouselComponent, never>;
|
|
352
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselComponent, "
|
|
352
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselComponent, "ul-carousel", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "autoMount": { "alias": "autoMount"; "required": false; "isSignal": true; }; }, { "mounted": "mounted"; }, ["items"], ["*"], true, never>;
|
|
353
353
|
}
|
|
354
354
|
|
|
355
355
|
type CheckboxZoneType = 'none' | 'accessible' | 'visible' | 'checked-visible';
|
|
@@ -381,7 +381,7 @@ declare class CheckboxComponent implements FormCheckboxControl {
|
|
|
381
381
|
protected readonly describedBy: _angular_core.Signal<string | undefined>;
|
|
382
382
|
onChange(event: Event): void;
|
|
383
383
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
384
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "
|
|
384
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ul-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "zone": { "alias": "zone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "indeterminate": "indeterminateChange"; }, never, ["*"], true, never>;
|
|
385
385
|
}
|
|
386
386
|
|
|
387
387
|
type CollapseVariant = 'text' | 'icon';
|
|
@@ -391,9 +391,9 @@ type CollapseVariant = 'text' | 'icon';
|
|
|
391
391
|
*
|
|
392
392
|
* @example
|
|
393
393
|
* ```html
|
|
394
|
-
* <
|
|
394
|
+
* <ul-collapse [maxHeight]="300" variant="text">
|
|
395
395
|
* <div>Collapsible content here</div>
|
|
396
|
-
* </
|
|
396
|
+
* </ul-collapse>
|
|
397
397
|
* ```
|
|
398
398
|
*/
|
|
399
399
|
declare class CollapseComponent implements AfterViewInit {
|
|
@@ -435,11 +435,11 @@ declare class CollapseComponent implements AfterViewInit {
|
|
|
435
435
|
toggle(): void;
|
|
436
436
|
onToggleKeydown(event: KeyboardEvent): void;
|
|
437
437
|
computedClasses: _angular_core.Signal<{
|
|
438
|
-
'
|
|
439
|
-
'
|
|
438
|
+
'ul-collapse': boolean;
|
|
439
|
+
'ul-collapse--collapsed': boolean;
|
|
440
440
|
}>;
|
|
441
441
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CollapseComponent, never>;
|
|
442
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CollapseComponent, "
|
|
442
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CollapseComponent, "ul-collapse", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": true; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
|
|
443
443
|
}
|
|
444
444
|
|
|
445
445
|
type ListItemTheme = 'ghost-white' | 'transparent-white' | 'outline-white' | 'outline-purple';
|
|
@@ -452,7 +452,7 @@ declare class ListItemComponent {
|
|
|
452
452
|
loading: _angular_core.InputSignal<boolean>;
|
|
453
453
|
clickHandler(): void;
|
|
454
454
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListItemComponent, never>;
|
|
455
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListItemComponent, "
|
|
455
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListItemComponent, "ul-list-item", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hideFocusOutline": { "alias": "hideFocusOutline"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, ["checkbox"], ["[ul-list-item-before-label]", "[ul-list-item-label]", "[ul-list-item-after-label]"], true, never>;
|
|
456
456
|
}
|
|
457
457
|
|
|
458
458
|
/**
|
|
@@ -585,7 +585,7 @@ declare class DropdownComponent {
|
|
|
585
585
|
onMenuOpened(): void;
|
|
586
586
|
onMenuClosed(): void;
|
|
587
587
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
588
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "
|
|
588
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ul-dropdown", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "menuTriggerIcons": { "alias": "menuTriggerIcons"; "required": false; "isSignal": true; }; "triggerIconOnly": { "alias": "triggerIconOnly"; "required": false; "isSignal": true; }; "iconOnlyLabel": { "alias": "iconOnlyLabel"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "selectedItemChange": "selectedItemChange"; }, never, never, true, never>;
|
|
589
589
|
}
|
|
590
590
|
|
|
591
591
|
/** Border and hover style: border-only (hover = border only), subtle-tint (hover = border + 5% fill). */
|
|
@@ -595,7 +595,7 @@ type FileInputAppearance = 'border-only' | 'subtle-tint';
|
|
|
595
595
|
* Implements FormValueControl<FileList | null> for use with Signal Forms [formField].
|
|
596
596
|
*
|
|
597
597
|
* Uses hidden native file input + visible trigger + selected file label.
|
|
598
|
-
* Content projection: [
|
|
598
|
+
* Content projection: [ul-file-input-left-elements], [ul-file-input-right-elements].
|
|
599
599
|
*/
|
|
600
600
|
declare class FileInputComponent implements FormValueControl<FileList | null> {
|
|
601
601
|
readonly size: _angular_core.InputSignal<UiSize>;
|
|
@@ -638,7 +638,7 @@ declare class FileInputComponent implements FormValueControl<FileList | null> {
|
|
|
638
638
|
triggerClick(): void;
|
|
639
639
|
focus(): void;
|
|
640
640
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileInputComponent, never>;
|
|
641
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputComponent, "
|
|
641
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputComponent, "ul-file-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "placeholderText": { "alias": "placeholderText"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, never, ["[ul-file-input-left-elements]", "[ul-file-input-right-elements]"], true, never>;
|
|
642
642
|
}
|
|
643
643
|
|
|
644
644
|
declare class FooterComponent {
|
|
@@ -652,33 +652,33 @@ declare class FooterComponent {
|
|
|
652
652
|
text: string;
|
|
653
653
|
}[]>;
|
|
654
654
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FooterComponent, never>;
|
|
655
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FooterComponent, "
|
|
655
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FooterComponent, "ul-footer", never, { "copyrightText": { "alias": "copyrightText"; "required": false; "isSignal": true; }; "socialLinks": { "alias": "socialLinks"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
656
656
|
}
|
|
657
657
|
|
|
658
|
-
/** Place on the element projected into [
|
|
658
|
+
/** Place on the element projected into [ul-hero-badges] so the hero can detect custom badges content. */
|
|
659
659
|
declare class PeHeroBadgesSlotDirective {
|
|
660
660
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PeHeroBadgesSlotDirective, never>;
|
|
661
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PeHeroBadgesSlotDirective, "[
|
|
661
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PeHeroBadgesSlotDirective, "[ul-hero-badges]", never, {}, {}, never, never, true, never>;
|
|
662
662
|
}
|
|
663
|
-
/** Place on the element projected into [
|
|
663
|
+
/** Place on the element projected into [ul-hero-title] so the hero can detect custom title content. */
|
|
664
664
|
declare class PeHeroTitleSlotDirective {
|
|
665
665
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PeHeroTitleSlotDirective, never>;
|
|
666
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PeHeroTitleSlotDirective, "[
|
|
666
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PeHeroTitleSlotDirective, "[ul-hero-title]", never, {}, {}, never, never, true, never>;
|
|
667
667
|
}
|
|
668
|
-
/** Place on the element projected into [
|
|
668
|
+
/** Place on the element projected into [ul-hero-subtitle] so the hero can detect custom subtitle content. */
|
|
669
669
|
declare class PeHeroSubtitleSlotDirective {
|
|
670
670
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PeHeroSubtitleSlotDirective, never>;
|
|
671
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PeHeroSubtitleSlotDirective, "[
|
|
671
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PeHeroSubtitleSlotDirective, "[ul-hero-subtitle]", never, {}, {}, never, never, true, never>;
|
|
672
672
|
}
|
|
673
|
-
/** Place on the element projected into [
|
|
673
|
+
/** Place on the element projected into [ul-hero-actions] so the hero can detect custom actions content. */
|
|
674
674
|
declare class PeHeroActionsSlotDirective {
|
|
675
675
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PeHeroActionsSlotDirective, never>;
|
|
676
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PeHeroActionsSlotDirective, "[
|
|
676
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PeHeroActionsSlotDirective, "[ul-hero-actions]", never, {}, {}, never, never, true, never>;
|
|
677
677
|
}
|
|
678
|
-
/** Place on the element projected into [
|
|
678
|
+
/** Place on the element projected into [ul-hero-content] for optional extra content (e.g. between subtitle and actions). */
|
|
679
679
|
declare class PeHeroContentSlotDirective {
|
|
680
680
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PeHeroContentSlotDirective, never>;
|
|
681
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PeHeroContentSlotDirective, "[
|
|
681
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PeHeroContentSlotDirective, "[ul-hero-content]", never, {}, {}, never, never, true, never>;
|
|
682
682
|
}
|
|
683
683
|
|
|
684
684
|
interface HeroAction {
|
|
@@ -697,11 +697,11 @@ type HeroSize = 'sm' | 'md' | 'lg';
|
|
|
697
697
|
* Fully responsive across mobile, tablet, and desktop.
|
|
698
698
|
*
|
|
699
699
|
* When slots are not projected, inputs are used (title, subtitle, badges, primaryAction, secondaryAction).
|
|
700
|
-
* Content projection slots:
|
|
700
|
+
* Content projection slots: ul-hero-badges, ul-hero-title, ul-hero-subtitle, ul-hero-actions, ul-hero-content.
|
|
701
701
|
*
|
|
702
702
|
* @example
|
|
703
703
|
* ```html
|
|
704
|
-
* <
|
|
704
|
+
* <ul-hero
|
|
705
705
|
* title="Welcome"
|
|
706
706
|
* subtitle="Build amazing experiences"
|
|
707
707
|
* [primaryAction]="{ label: 'Get Started', href: '/signup' }"
|
|
@@ -750,7 +750,7 @@ declare class HeroComponent {
|
|
|
750
750
|
readonly hasActionsSlot: _angular_core.Signal<boolean>;
|
|
751
751
|
readonly hasContentSlot: _angular_core.Signal<boolean>;
|
|
752
752
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeroComponent, never>;
|
|
753
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeroComponent, "
|
|
753
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeroComponent, "ul-hero", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "primaryAction": { "alias": "primaryAction"; "required": false; "isSignal": true; }; "secondaryAction": { "alias": "secondaryAction"; "required": false; "isSignal": true; }; "badges": { "alias": "badges"; "required": false; "isSignal": true; }; "backgroundImage": { "alias": "backgroundImage"; "required": false; "isSignal": true; }; "backgroundOverlayGradient": { "alias": "backgroundOverlayGradient"; "required": false; "isSignal": true; }; "backgroundFilter": { "alias": "backgroundFilter"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullHeight": { "alias": "fullHeight"; "required": false; "isSignal": true; }; }, {}, ["badgesSlot", "titleSlot", "subtitleSlot", "actionsSlot", "contentSlot"], ["[ul-hero-badges]", "[ul-hero-title]", "[ul-hero-subtitle]", "[ul-hero-content]", "[ul-hero-actions]"], true, never>;
|
|
754
754
|
}
|
|
755
755
|
|
|
756
756
|
/**
|
|
@@ -783,7 +783,7 @@ type InputAppearance = 'border-only' | 'subtle-tint';
|
|
|
783
783
|
*
|
|
784
784
|
* Use [(value)] for two-way binding, or bind with [formField]="myForm().email" for Signal Forms.
|
|
785
785
|
*
|
|
786
|
-
* Content projection: [
|
|
786
|
+
* Content projection: [ul-input-left-elements], [ul-input-right-elements].
|
|
787
787
|
*/
|
|
788
788
|
declare class InputComponent implements FormValueControl<string> {
|
|
789
789
|
readonly type: _angular_core.InputSignal<InputType>;
|
|
@@ -833,7 +833,7 @@ declare class InputComponent implements FormValueControl<string> {
|
|
|
833
833
|
focus(): void;
|
|
834
834
|
select(): void;
|
|
835
835
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
|
|
836
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "
|
|
836
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "ul-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, never, ["[ul-input-left-elements]", "[ul-input-right-elements]"], true, never>;
|
|
837
837
|
}
|
|
838
838
|
|
|
839
839
|
type ModalVariant = 'default' | 'success' | 'error' | 'custom' | 'bottom-sheet' | 'confirmation';
|
|
@@ -873,23 +873,23 @@ declare class ModalComponent {
|
|
|
873
873
|
onBackdropClick(event: MouseEvent): void;
|
|
874
874
|
onEscape(): void;
|
|
875
875
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
|
|
876
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "
|
|
876
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "ul-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; "confirmed": "confirmed"; "cancelled": "cancelled"; }, never, ["*", "[ul-modal-footer]"], true, never>;
|
|
877
877
|
}
|
|
878
878
|
|
|
879
|
-
/** Place on the element projected into [
|
|
879
|
+
/** Place on the element projected into [ul-navbar-logo] so the navbar can detect logo content. */
|
|
880
880
|
declare class NavbarLogoSlotDirective {
|
|
881
881
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarLogoSlotDirective, never>;
|
|
882
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavbarLogoSlotDirective, "[
|
|
882
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavbarLogoSlotDirective, "[ul-navbar-logo]", never, {}, {}, never, never, true, never>;
|
|
883
883
|
}
|
|
884
|
-
/** Place on the element projected into [
|
|
884
|
+
/** Place on the element projected into [ul-navbar-search] so the navbar can show the mobile search toggle. */
|
|
885
885
|
declare class NavbarSearchSlotDirective {
|
|
886
886
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarSearchSlotDirective, never>;
|
|
887
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavbarSearchSlotDirective, "[
|
|
887
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavbarSearchSlotDirective, "[ul-navbar-search]", never, {}, {}, never, never, true, never>;
|
|
888
888
|
}
|
|
889
|
-
/** Place on the element projected into [
|
|
889
|
+
/** Place on the element projected into [ul-navbar-avatar] so the navbar can detect avatar content. */
|
|
890
890
|
declare class NavbarAvatarSlotDirective {
|
|
891
891
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarAvatarSlotDirective, never>;
|
|
892
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavbarAvatarSlotDirective, "[
|
|
892
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavbarAvatarSlotDirective, "[ul-navbar-avatar]", never, {}, {}, never, never, true, never>;
|
|
893
893
|
}
|
|
894
894
|
|
|
895
895
|
declare class NavbarComponent {
|
|
@@ -922,7 +922,7 @@ declare class NavbarComponent {
|
|
|
922
922
|
toggleSearch(): void;
|
|
923
923
|
toggleSidebar(): void;
|
|
924
924
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarComponent, never>;
|
|
925
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarComponent, "
|
|
925
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarComponent, "ul-navbar", never, { "logoHref": { "alias": "logoHref"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "logoAlt": { "alias": "logoAlt"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarAlt": { "alias": "avatarAlt"; "required": false; "isSignal": true; }; "sidebarOpen": { "alias": "sidebarOpen"; "required": false; "isSignal": true; }; "showSidebarToggle": { "alias": "showSidebarToggle"; "required": false; "isSignal": true; }; }, { "sidebarToggle": "sidebarToggle"; }, ["logoSlot", "searchSlot", "avatarSlot"], ["[ul-navbar-logo]", "[ul-navbar-search]", "[ul-navbar-avatar]"], true, never>;
|
|
926
926
|
}
|
|
927
927
|
|
|
928
928
|
type PillSize = 'md' | 'lg';
|
|
@@ -937,7 +937,7 @@ declare class PillComponent {
|
|
|
937
937
|
dismissibleButtonTheme: _angular_core.Signal<"ghost-purple" | "ghost-white" | "ghost-red" | "ghost-green">;
|
|
938
938
|
modifierClass: _angular_core.Signal<string[]>;
|
|
939
939
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PillComponent, never>;
|
|
940
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PillComponent, "
|
|
940
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PillComponent, "ul-pill", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, ["*"], true, never>;
|
|
941
941
|
}
|
|
942
942
|
|
|
943
943
|
type SalePosition = 'left' | 'right';
|
|
@@ -955,7 +955,7 @@ declare class PriceButtonComponent {
|
|
|
955
955
|
readonly buttonClick: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
956
956
|
protected handleClick(event: MouseEvent): void;
|
|
957
957
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PriceButtonComponent, never>;
|
|
958
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PriceButtonComponent, "
|
|
958
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PriceButtonComponent, "ul-price-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "salePosition": { "alias": "salePosition"; "required": false; "isSignal": true; }; "price": { "alias": "price"; "required": false; "isSignal": true; }; "originalPrice": { "alias": "originalPrice"; "required": false; "isSignal": true; }; "discountBasis": { "alias": "discountBasis"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
|
|
959
959
|
}
|
|
960
960
|
|
|
961
961
|
/**
|
|
@@ -972,11 +972,11 @@ declare class CustomCurrencyPipe extends CurrencyPipe implements PipeTransform {
|
|
|
972
972
|
}
|
|
973
973
|
|
|
974
974
|
/**
|
|
975
|
-
* Radio button for use inside a group. For Signal Forms use
|
|
976
|
-
* Use [(checked)] when controlling each radio manually, or place inside
|
|
975
|
+
* Radio button for use inside a group. For Signal Forms use ul-radio-group with [formField].
|
|
976
|
+
* Use [(checked)] when controlling each radio manually, or place inside ul-radio-group for [formField] binding.
|
|
977
977
|
*
|
|
978
978
|
* @example
|
|
979
|
-
* <
|
|
979
|
+
* <ul-radio value="option1" name="my-group" [checked]="isSelected">Option 1</ul-radio>
|
|
980
980
|
*/
|
|
981
981
|
declare class RadioComponent {
|
|
982
982
|
/**
|
|
@@ -1011,7 +1011,7 @@ declare class RadioComponent {
|
|
|
1011
1011
|
click: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
1012
1012
|
/**
|
|
1013
1013
|
* Emitted when this radio is selected (checked becomes true).
|
|
1014
|
-
* Used by
|
|
1014
|
+
* Used by ul-radio-group to sync the group value.
|
|
1015
1015
|
*/
|
|
1016
1016
|
selected: _angular_core.OutputEmitterRef<string>;
|
|
1017
1017
|
/**
|
|
@@ -1052,7 +1052,7 @@ declare class RadioComponent {
|
|
|
1052
1052
|
*/
|
|
1053
1053
|
onKeyDown(event: KeyboardEvent): void;
|
|
1054
1054
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
|
|
1055
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "
|
|
1055
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "ul-radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "click": "click"; "selected": "selected"; }, never, ["*"], true, never>;
|
|
1056
1056
|
}
|
|
1057
1057
|
|
|
1058
1058
|
interface RadioGroupOption {
|
|
@@ -1061,7 +1061,7 @@ interface RadioGroupOption {
|
|
|
1061
1061
|
}
|
|
1062
1062
|
/**
|
|
1063
1063
|
* Radio group that holds the selected option value. Implements FormValueControl for Signal Forms [formField].
|
|
1064
|
-
* Use [(value)] or [formField]="myForm().choice". Renders
|
|
1064
|
+
* Use [(value)] or [formField]="myForm().choice". Renders ul-radio per option; value is the selected option's value.
|
|
1065
1065
|
*/
|
|
1066
1066
|
declare class RadioGroupComponent implements FormValueControl<string | null> {
|
|
1067
1067
|
readonly name: _angular_core.InputSignal<string>;
|
|
@@ -1083,7 +1083,7 @@ declare class RadioGroupComponent implements FormValueControl<string | null> {
|
|
|
1083
1083
|
protected readonly hasError: _angular_core.Signal<boolean>;
|
|
1084
1084
|
protected readonly describedBy: _angular_core.Signal<string | undefined>;
|
|
1085
1085
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
|
|
1086
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "
|
|
1086
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "ul-radio-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
1087
1087
|
}
|
|
1088
1088
|
|
|
1089
1089
|
type RadialSize = 96 | 64 | 48 | 32 | 24 | 20 | 16;
|
|
@@ -1094,14 +1094,14 @@ declare class RadialComponent {
|
|
|
1094
1094
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
1095
1095
|
readonly lineWidth: _angular_core.Signal<number>;
|
|
1096
1096
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadialComponent, never>;
|
|
1097
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadialComponent, "
|
|
1097
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadialComponent, "ul-radial", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "infinite": { "alias": "infinite"; "required": false; "isSignal": true; }; "percentage": { "alias": "percentage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1098
1098
|
}
|
|
1099
1099
|
|
|
1100
1100
|
type RichTextTone = 'default' | 'muted' | 'inverse';
|
|
1101
1101
|
type RichTextSize = 'body-m' | 'body-l';
|
|
1102
1102
|
/**
|
|
1103
1103
|
* Display-only rich text component. Renders sanitized HTML from the API (or from
|
|
1104
|
-
*
|
|
1104
|
+
* ul-rich-text-editor) with no Quill dependency. HTML is sanitized before rendering.
|
|
1105
1105
|
*
|
|
1106
1106
|
* Use [content] for HTML strings (e.g. from API or editor), or project markup via
|
|
1107
1107
|
* ng-content when content is empty.
|
|
@@ -1112,7 +1112,7 @@ declare class RichTextComponent {
|
|
|
1112
1112
|
private readonly domSanitizer;
|
|
1113
1113
|
protected readonly sanitizedContent: _angular_core.Signal<string>;
|
|
1114
1114
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextComponent, never>;
|
|
1115
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextComponent, "
|
|
1115
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextComponent, "ul-rich-text", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1116
1116
|
}
|
|
1117
1117
|
|
|
1118
1118
|
type SkeletonVariant = 'rect' | 'text';
|
|
@@ -1132,7 +1132,7 @@ declare class SkeletonComponent {
|
|
|
1132
1132
|
readonly radiusClass: _angular_core.Signal<string | null>;
|
|
1133
1133
|
trackByIndex(index: number): number;
|
|
1134
1134
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
|
|
1135
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "
|
|
1135
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "ul-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "show": { "alias": "show"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1136
1136
|
}
|
|
1137
1137
|
|
|
1138
1138
|
type ToastKind = 'info' | 'success' | 'warning' | 'error';
|
|
@@ -1182,7 +1182,7 @@ declare class ToastContainerComponent {
|
|
|
1182
1182
|
trackById(_: number, toast: ToastWithRole): string;
|
|
1183
1183
|
dismiss(id: string): void;
|
|
1184
1184
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastContainerComponent, never>;
|
|
1185
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastContainerComponent, "
|
|
1185
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastContainerComponent, "ul-toast-container", never, {}, {}, never, never, true, never>;
|
|
1186
1186
|
}
|
|
1187
1187
|
|
|
1188
1188
|
type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
@@ -1205,7 +1205,7 @@ declare class TooltipComponent {
|
|
|
1205
1205
|
private cancelShow;
|
|
1206
1206
|
private cancelHide;
|
|
1207
1207
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent, never>;
|
|
1208
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "
|
|
1208
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "ul-tooltip", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showDelay": { "alias": "showDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1209
1209
|
}
|
|
1210
1210
|
|
|
1211
1211
|
interface SearchSelectOption {
|
|
@@ -1258,7 +1258,7 @@ declare class SearchSelectComponent implements FormValueControl<string | null> {
|
|
|
1258
1258
|
selectOption(opt: SearchSelectOption): void;
|
|
1259
1259
|
private cancelBlurClose;
|
|
1260
1260
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchSelectComponent, never>;
|
|
1261
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchSelectComponent, "
|
|
1261
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchSelectComponent, "ul-search-select", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "minCharsToOpen": { "alias": "minCharsToOpen"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
1262
1262
|
}
|
|
1263
1263
|
|
|
1264
1264
|
interface SelectOption extends DropdownItem {
|
|
@@ -1270,7 +1270,7 @@ interface SelectOption extends DropdownItem {
|
|
|
1270
1270
|
* Use [(value)] or [formField]="myForm().country".
|
|
1271
1271
|
*
|
|
1272
1272
|
* @example
|
|
1273
|
-
* <
|
|
1273
|
+
* <ul-select label="Sort by" [options]="options" [(value)]="selected" />
|
|
1274
1274
|
*/
|
|
1275
1275
|
declare class SelectComponent implements FormValueControl<string | null> {
|
|
1276
1276
|
readonly size: _angular_core.InputSignal<UiSize>;
|
|
@@ -1299,7 +1299,7 @@ declare class SelectComponent implements FormValueControl<string | null> {
|
|
|
1299
1299
|
/** Handles index changes coming from the dropdown */
|
|
1300
1300
|
protected onSelectedIndexChange(index: number): void;
|
|
1301
1301
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
|
|
1302
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "
|
|
1302
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ul-select", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "selectedIndex": "selectedIndexChange"; }, never, never, true, never>;
|
|
1303
1303
|
}
|
|
1304
1304
|
|
|
1305
1305
|
/**
|
|
@@ -1326,7 +1326,7 @@ declare class FormFieldLabelComponent {
|
|
|
1326
1326
|
readonly for: _angular_core.InputSignal<string>;
|
|
1327
1327
|
readonly size: _angular_core.InputSignal<UiSize>;
|
|
1328
1328
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldLabelComponent, never>;
|
|
1329
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldLabelComponent, "
|
|
1329
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldLabelComponent, "ul-form-field-label", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "for": { "alias": "for"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1330
1330
|
}
|
|
1331
1331
|
|
|
1332
1332
|
/**
|
|
@@ -1339,7 +1339,7 @@ declare class FormFieldHelperComponent {
|
|
|
1339
1339
|
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
1340
1340
|
readonly error: _angular_core.InputSignal<boolean>;
|
|
1341
1341
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldHelperComponent, never>;
|
|
1342
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldHelperComponent, "
|
|
1342
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldHelperComponent, "ul-form-field-helper", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1343
1343
|
}
|
|
1344
1344
|
|
|
1345
1345
|
type SidebarItem = {
|
|
@@ -1362,7 +1362,7 @@ declare class SidebarComponent {
|
|
|
1362
1362
|
onItemClick(item: SidebarItem, index: number): void;
|
|
1363
1363
|
onEscape(): void;
|
|
1364
1364
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
|
|
1365
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "
|
|
1365
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "ul-sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "hideItemFocusOutline": { "alias": "hideItemFocusOutline"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "open": "openChange"; "itemSelected": "itemSelected"; }, never, ["[ul-sidebar-header]", "[ul-sidebar-nav]", "[ul-sidebar-footer]"], true, never>;
|
|
1366
1366
|
}
|
|
1367
1367
|
|
|
1368
1368
|
type Status = 'confirm' | 'alert' | 'error' | 'pending' | 'info';
|
|
@@ -1372,15 +1372,15 @@ declare class StatusComponent {
|
|
|
1372
1372
|
loadingAnimation: _angular_core.InputSignal<boolean>;
|
|
1373
1373
|
get icon(): IconName;
|
|
1374
1374
|
computedClasses: _angular_core.Signal<{
|
|
1375
|
-
'
|
|
1376
|
-
'
|
|
1377
|
-
'
|
|
1378
|
-
'
|
|
1379
|
-
'
|
|
1380
|
-
'
|
|
1375
|
+
'ul-status': boolean;
|
|
1376
|
+
'ul-status--confirm': boolean;
|
|
1377
|
+
'ul-status--alert': boolean;
|
|
1378
|
+
'ul-status--error': boolean;
|
|
1379
|
+
'ul-status--pending': boolean;
|
|
1380
|
+
'ul-status--info': boolean;
|
|
1381
1381
|
}>;
|
|
1382
1382
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusComponent, never>;
|
|
1383
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusComponent, "
|
|
1383
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusComponent, "ul-status", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "customIcon": { "alias": "customIcon"; "required": false; "isSignal": true; }; "loadingAnimation": { "alias": "loadingAnimation"; "required": false; "isSignal": true; }; }, {}, never, ["[ul-status-title]", "[ul-status-subtitle]", "[ul-status-description]"], true, never>;
|
|
1384
1384
|
}
|
|
1385
1385
|
|
|
1386
1386
|
interface TableColumn {
|
|
@@ -1419,16 +1419,16 @@ declare class TableComponent {
|
|
|
1419
1419
|
toggleSort(columnId: string): void;
|
|
1420
1420
|
getSortAriaSort(columnId: string): 'ascending' | 'descending' | 'none';
|
|
1421
1421
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
|
|
1422
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "
|
|
1422
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "ul-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "filterLabel": { "alias": "filterLabel"; "required": false; "isSignal": true; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "sortColumn": "sortColumnChange"; "sortDirection": "sortDirectionChange"; "sortChange": "sortChange"; "filterChange": "filterChange"; }, never, never, true, never>;
|
|
1423
1423
|
}
|
|
1424
1424
|
|
|
1425
1425
|
/**
|
|
1426
|
-
* When projected into
|
|
1427
|
-
* Use with [
|
|
1426
|
+
* When projected into ul-textarea, replaces the native textarea with custom content (e.g. Quill).
|
|
1427
|
+
* Use with [ul-textarea-field] on the element to project.
|
|
1428
1428
|
*/
|
|
1429
1429
|
declare class TextareaFieldDirective {
|
|
1430
1430
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaFieldDirective, never>;
|
|
1431
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextareaFieldDirective, "[
|
|
1431
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextareaFieldDirective, "[ul-textarea-field]", never, {}, {}, never, never, true, never>;
|
|
1432
1432
|
}
|
|
1433
1433
|
|
|
1434
1434
|
type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
|
|
@@ -1436,7 +1436,7 @@ type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
|
|
|
1436
1436
|
* Reusable textarea. Implements FormValueControl for Signal Forms [formField].
|
|
1437
1437
|
* Use [(value)] for two-way binding or [formField]="myForm().message".
|
|
1438
1438
|
*
|
|
1439
|
-
* Content projection: [
|
|
1439
|
+
* Content projection: [ul-textarea-field] (replaces native textarea), [ul-textarea-left-elements], [ul-textarea-right-elements].
|
|
1440
1440
|
*/
|
|
1441
1441
|
declare class TextareaComponent implements FormValueControl<string> {
|
|
1442
1442
|
readonly size: _angular_core.InputSignal<UiSize>;
|
|
@@ -1453,7 +1453,7 @@ declare class TextareaComponent implements FormValueControl<string> {
|
|
|
1453
1453
|
readonly autocomplete: _angular_core.InputSignal<string>;
|
|
1454
1454
|
readonly rows: _angular_core.InputSignal<number>;
|
|
1455
1455
|
readonly resize: _angular_core.InputSignal<TextareaResize>;
|
|
1456
|
-
/** When using [
|
|
1456
|
+
/** When using [ul-textarea-field], pass focus state so the group border reflects it. */
|
|
1457
1457
|
readonly groupFocused: _angular_core.InputSignal<boolean | null>;
|
|
1458
1458
|
readonly invalid: _angular_core.InputSignal<boolean>;
|
|
1459
1459
|
readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
|
|
@@ -1477,7 +1477,7 @@ declare class TextareaComponent implements FormValueControl<string> {
|
|
|
1477
1477
|
focus(): void;
|
|
1478
1478
|
select(): void;
|
|
1479
1479
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
|
|
1480
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "
|
|
1480
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "ul-textarea", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "groupFocused": { "alias": "groupFocused"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, ["customField"], ["[ul-textarea-left-elements]", "[ul-textarea-field]", "[ul-textarea-right-elements]"], true, never>;
|
|
1481
1481
|
}
|
|
1482
1482
|
|
|
1483
1483
|
export { AccordionComponent, AccordionItemComponent, AreaCodeComponent, AvatarComponent, AvatarGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CardComponent, CarouselComponent, CarouselItemComponent, CheckboxComponent, CollapseComponent, CustomCurrencyPipe, DropdownComponent, FileInputComponent, FooterComponent, FormFieldHelperComponent, FormFieldLabelComponent, HeroComponent, IconComponent, ImageNotFoundDirective, InputComponent, ListItemComponent, ModalComponent, NavbarAvatarSlotDirective, NavbarComponent, NavbarLogoSlotDirective, NavbarSearchSlotDirective, PeHeroActionsSlotDirective, PeHeroBadgesSlotDirective, PeHeroContentSlotDirective, PeHeroSubtitleSlotDirective, PeHeroTitleSlotDirective, PillComponent, PriceButtonComponent, RadialComponent, RadioComponent, RadioGroupComponent, RichTextComponent, SearchSelectComponent, SelectComponent, SidebarComponent, SkeletonComponent, StatusComponent, TableComponent, TextareaComponent, TextareaFieldDirective, ToastContainerComponent, ToastService, TooltipComponent, createFormFieldIds, getFormFieldDescribedBy, toastIcon };
|