@underlayerdev/ui 0.0.3 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/design-tokens/_elevations.scss +22 -0
- package/design-tokens/_index.scss +17 -0
- package/design-tokens/_variables.scss +1925 -0
- package/fesm2022/underlayerdev-ui.mjs +397 -371
- package/fesm2022/underlayerdev-ui.mjs.map +1 -1
- package/package.json +4 -3
- package/styles/foundations.css +4593 -4593
- package/types/underlayerdev-ui.d.ts +98 -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>;
|
|
@@ -804,6 +804,10 @@ declare class InputComponent implements FormValueControl<string> {
|
|
|
804
804
|
readonly autocomplete: _angular_core.InputSignal<string>;
|
|
805
805
|
/** When provided (e.g. by a parent form field), the input element uses this id instead of the internal one. */
|
|
806
806
|
readonly controlId: _angular_core.InputSignal<string | undefined>;
|
|
807
|
+
/** Aria-label for the toggle button when the password is hidden (i.e. the action reveals it). */
|
|
808
|
+
readonly showPasswordLabel: _angular_core.InputSignal<string>;
|
|
809
|
+
/** Aria-label for the toggle button when the password is visible (i.e. the action hides it). */
|
|
810
|
+
readonly hidePasswordLabel: _angular_core.InputSignal<string>;
|
|
807
811
|
/** FormUiControl optional: bound by [formField] when invalid */
|
|
808
812
|
readonly invalid: _angular_core.InputSignal<boolean>;
|
|
809
813
|
/** FormUiControl optional: bound by [formField] for validation errors */
|
|
@@ -821,19 +825,28 @@ declare class InputComponent implements FormValueControl<string> {
|
|
|
821
825
|
protected readonly effectiveErrorId: _angular_core.Signal<string>;
|
|
822
826
|
protected readonly isFocused: _angular_core.WritableSignal<boolean>;
|
|
823
827
|
protected readonly hasError: _angular_core.Signal<boolean>;
|
|
828
|
+
protected readonly isPasswordType: _angular_core.Signal<boolean>;
|
|
829
|
+
protected readonly passwordRevealed: _angular_core.WritableSignal<boolean>;
|
|
830
|
+
protected readonly effectiveType: _angular_core.Signal<InputType>;
|
|
831
|
+
protected readonly passwordToggleIcon: _angular_core.Signal<"eye_on" | "eye_dashed">;
|
|
832
|
+
protected readonly passwordToggleLabel: _angular_core.Signal<string>;
|
|
824
833
|
protected readonly describedBy: _angular_core.Signal<string | undefined>;
|
|
825
834
|
readonly inputBlur: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
826
835
|
readonly inputFocus: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
836
|
+
/** Emitted when Enter is pressed in the field; typically used to submit a form. */
|
|
837
|
+
readonly inputEnter: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
827
838
|
onInput(event: Event): void;
|
|
828
839
|
onBlur(event: FocusEvent): void;
|
|
829
840
|
onFocus(event: FocusEvent): void;
|
|
841
|
+
onKeydown(event: KeyboardEvent): void;
|
|
842
|
+
togglePasswordVisibility(): void;
|
|
830
843
|
/**
|
|
831
844
|
* Programmatically focuses the input element
|
|
832
845
|
*/
|
|
833
846
|
focus(): void;
|
|
834
847
|
select(): void;
|
|
835
848
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
|
|
836
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "
|
|
849
|
+
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; }; "showPasswordLabel": { "alias": "showPasswordLabel"; "required": false; "isSignal": true; }; "hidePasswordLabel": { "alias": "hidePasswordLabel"; "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"; "inputEnter": "inputEnter"; }, never, ["[ul-input-left-elements]", "[ul-input-right-elements]"], true, never>;
|
|
837
850
|
}
|
|
838
851
|
|
|
839
852
|
type ModalVariant = 'default' | 'success' | 'error' | 'custom' | 'bottom-sheet' | 'confirmation';
|
|
@@ -873,23 +886,23 @@ declare class ModalComponent {
|
|
|
873
886
|
onBackdropClick(event: MouseEvent): void;
|
|
874
887
|
onEscape(): void;
|
|
875
888
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
|
|
876
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "
|
|
889
|
+
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
890
|
}
|
|
878
891
|
|
|
879
|
-
/** Place on the element projected into [
|
|
892
|
+
/** Place on the element projected into [ul-navbar-logo] so the navbar can detect logo content. */
|
|
880
893
|
declare class NavbarLogoSlotDirective {
|
|
881
894
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarLogoSlotDirective, never>;
|
|
882
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavbarLogoSlotDirective, "[
|
|
895
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavbarLogoSlotDirective, "[ul-navbar-logo]", never, {}, {}, never, never, true, never>;
|
|
883
896
|
}
|
|
884
|
-
/** Place on the element projected into [
|
|
897
|
+
/** Place on the element projected into [ul-navbar-search] so the navbar can show the mobile search toggle. */
|
|
885
898
|
declare class NavbarSearchSlotDirective {
|
|
886
899
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarSearchSlotDirective, never>;
|
|
887
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavbarSearchSlotDirective, "[
|
|
900
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavbarSearchSlotDirective, "[ul-navbar-search]", never, {}, {}, never, never, true, never>;
|
|
888
901
|
}
|
|
889
|
-
/** Place on the element projected into [
|
|
902
|
+
/** Place on the element projected into [ul-navbar-avatar] so the navbar can detect avatar content. */
|
|
890
903
|
declare class NavbarAvatarSlotDirective {
|
|
891
904
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarAvatarSlotDirective, never>;
|
|
892
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavbarAvatarSlotDirective, "[
|
|
905
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavbarAvatarSlotDirective, "[ul-navbar-avatar]", never, {}, {}, never, never, true, never>;
|
|
893
906
|
}
|
|
894
907
|
|
|
895
908
|
declare class NavbarComponent {
|
|
@@ -922,7 +935,7 @@ declare class NavbarComponent {
|
|
|
922
935
|
toggleSearch(): void;
|
|
923
936
|
toggleSidebar(): void;
|
|
924
937
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarComponent, never>;
|
|
925
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarComponent, "
|
|
938
|
+
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
939
|
}
|
|
927
940
|
|
|
928
941
|
type PillSize = 'md' | 'lg';
|
|
@@ -937,7 +950,7 @@ declare class PillComponent {
|
|
|
937
950
|
dismissibleButtonTheme: _angular_core.Signal<"ghost-purple" | "ghost-white" | "ghost-red" | "ghost-green">;
|
|
938
951
|
modifierClass: _angular_core.Signal<string[]>;
|
|
939
952
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PillComponent, never>;
|
|
940
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PillComponent, "
|
|
953
|
+
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
954
|
}
|
|
942
955
|
|
|
943
956
|
type SalePosition = 'left' | 'right';
|
|
@@ -955,7 +968,7 @@ declare class PriceButtonComponent {
|
|
|
955
968
|
readonly buttonClick: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
956
969
|
protected handleClick(event: MouseEvent): void;
|
|
957
970
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PriceButtonComponent, never>;
|
|
958
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PriceButtonComponent, "
|
|
971
|
+
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
972
|
}
|
|
960
973
|
|
|
961
974
|
/**
|
|
@@ -972,11 +985,11 @@ declare class CustomCurrencyPipe extends CurrencyPipe implements PipeTransform {
|
|
|
972
985
|
}
|
|
973
986
|
|
|
974
987
|
/**
|
|
975
|
-
* Radio button for use inside a group. For Signal Forms use
|
|
976
|
-
* Use [(checked)] when controlling each radio manually, or place inside
|
|
988
|
+
* Radio button for use inside a group. For Signal Forms use ul-radio-group with [formField].
|
|
989
|
+
* Use [(checked)] when controlling each radio manually, or place inside ul-radio-group for [formField] binding.
|
|
977
990
|
*
|
|
978
991
|
* @example
|
|
979
|
-
* <
|
|
992
|
+
* <ul-radio value="option1" name="my-group" [checked]="isSelected">Option 1</ul-radio>
|
|
980
993
|
*/
|
|
981
994
|
declare class RadioComponent {
|
|
982
995
|
/**
|
|
@@ -1011,7 +1024,7 @@ declare class RadioComponent {
|
|
|
1011
1024
|
click: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
1012
1025
|
/**
|
|
1013
1026
|
* Emitted when this radio is selected (checked becomes true).
|
|
1014
|
-
* Used by
|
|
1027
|
+
* Used by ul-radio-group to sync the group value.
|
|
1015
1028
|
*/
|
|
1016
1029
|
selected: _angular_core.OutputEmitterRef<string>;
|
|
1017
1030
|
/**
|
|
@@ -1052,7 +1065,7 @@ declare class RadioComponent {
|
|
|
1052
1065
|
*/
|
|
1053
1066
|
onKeyDown(event: KeyboardEvent): void;
|
|
1054
1067
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
|
|
1055
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "
|
|
1068
|
+
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
1069
|
}
|
|
1057
1070
|
|
|
1058
1071
|
interface RadioGroupOption {
|
|
@@ -1061,7 +1074,7 @@ interface RadioGroupOption {
|
|
|
1061
1074
|
}
|
|
1062
1075
|
/**
|
|
1063
1076
|
* Radio group that holds the selected option value. Implements FormValueControl for Signal Forms [formField].
|
|
1064
|
-
* Use [(value)] or [formField]="myForm().choice". Renders
|
|
1077
|
+
* Use [(value)] or [formField]="myForm().choice". Renders ul-radio per option; value is the selected option's value.
|
|
1065
1078
|
*/
|
|
1066
1079
|
declare class RadioGroupComponent implements FormValueControl<string | null> {
|
|
1067
1080
|
readonly name: _angular_core.InputSignal<string>;
|
|
@@ -1083,7 +1096,7 @@ declare class RadioGroupComponent implements FormValueControl<string | null> {
|
|
|
1083
1096
|
protected readonly hasError: _angular_core.Signal<boolean>;
|
|
1084
1097
|
protected readonly describedBy: _angular_core.Signal<string | undefined>;
|
|
1085
1098
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
|
|
1086
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "
|
|
1099
|
+
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
1100
|
}
|
|
1088
1101
|
|
|
1089
1102
|
type RadialSize = 96 | 64 | 48 | 32 | 24 | 20 | 16;
|
|
@@ -1094,14 +1107,14 @@ declare class RadialComponent {
|
|
|
1094
1107
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
1095
1108
|
readonly lineWidth: _angular_core.Signal<number>;
|
|
1096
1109
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadialComponent, never>;
|
|
1097
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadialComponent, "
|
|
1110
|
+
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
1111
|
}
|
|
1099
1112
|
|
|
1100
1113
|
type RichTextTone = 'default' | 'muted' | 'inverse';
|
|
1101
1114
|
type RichTextSize = 'body-m' | 'body-l';
|
|
1102
1115
|
/**
|
|
1103
1116
|
* Display-only rich text component. Renders sanitized HTML from the API (or from
|
|
1104
|
-
*
|
|
1117
|
+
* ul-rich-text-editor) with no Quill dependency. HTML is sanitized before rendering.
|
|
1105
1118
|
*
|
|
1106
1119
|
* Use [content] for HTML strings (e.g. from API or editor), or project markup via
|
|
1107
1120
|
* ng-content when content is empty.
|
|
@@ -1112,7 +1125,7 @@ declare class RichTextComponent {
|
|
|
1112
1125
|
private readonly domSanitizer;
|
|
1113
1126
|
protected readonly sanitizedContent: _angular_core.Signal<string>;
|
|
1114
1127
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RichTextComponent, never>;
|
|
1115
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextComponent, "
|
|
1128
|
+
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
1129
|
}
|
|
1117
1130
|
|
|
1118
1131
|
type SkeletonVariant = 'rect' | 'text';
|
|
@@ -1132,7 +1145,7 @@ declare class SkeletonComponent {
|
|
|
1132
1145
|
readonly radiusClass: _angular_core.Signal<string | null>;
|
|
1133
1146
|
trackByIndex(index: number): number;
|
|
1134
1147
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
|
|
1135
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "
|
|
1148
|
+
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
1149
|
}
|
|
1137
1150
|
|
|
1138
1151
|
type ToastKind = 'info' | 'success' | 'warning' | 'error';
|
|
@@ -1182,7 +1195,7 @@ declare class ToastContainerComponent {
|
|
|
1182
1195
|
trackById(_: number, toast: ToastWithRole): string;
|
|
1183
1196
|
dismiss(id: string): void;
|
|
1184
1197
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastContainerComponent, never>;
|
|
1185
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastContainerComponent, "
|
|
1198
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastContainerComponent, "ul-toast-container", never, {}, {}, never, never, true, never>;
|
|
1186
1199
|
}
|
|
1187
1200
|
|
|
1188
1201
|
type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
@@ -1205,7 +1218,7 @@ declare class TooltipComponent {
|
|
|
1205
1218
|
private cancelShow;
|
|
1206
1219
|
private cancelHide;
|
|
1207
1220
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent, never>;
|
|
1208
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "
|
|
1221
|
+
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
1222
|
}
|
|
1210
1223
|
|
|
1211
1224
|
interface SearchSelectOption {
|
|
@@ -1258,7 +1271,7 @@ declare class SearchSelectComponent implements FormValueControl<string | null> {
|
|
|
1258
1271
|
selectOption(opt: SearchSelectOption): void;
|
|
1259
1272
|
private cancelBlurClose;
|
|
1260
1273
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchSelectComponent, never>;
|
|
1261
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchSelectComponent, "
|
|
1274
|
+
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
1275
|
}
|
|
1263
1276
|
|
|
1264
1277
|
interface SelectOption extends DropdownItem {
|
|
@@ -1270,7 +1283,7 @@ interface SelectOption extends DropdownItem {
|
|
|
1270
1283
|
* Use [(value)] or [formField]="myForm().country".
|
|
1271
1284
|
*
|
|
1272
1285
|
* @example
|
|
1273
|
-
* <
|
|
1286
|
+
* <ul-select label="Sort by" [options]="options" [(value)]="selected" />
|
|
1274
1287
|
*/
|
|
1275
1288
|
declare class SelectComponent implements FormValueControl<string | null> {
|
|
1276
1289
|
readonly size: _angular_core.InputSignal<UiSize>;
|
|
@@ -1299,7 +1312,7 @@ declare class SelectComponent implements FormValueControl<string | null> {
|
|
|
1299
1312
|
/** Handles index changes coming from the dropdown */
|
|
1300
1313
|
protected onSelectedIndexChange(index: number): void;
|
|
1301
1314
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
|
|
1302
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "
|
|
1315
|
+
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
1316
|
}
|
|
1304
1317
|
|
|
1305
1318
|
/**
|
|
@@ -1326,7 +1339,7 @@ declare class FormFieldLabelComponent {
|
|
|
1326
1339
|
readonly for: _angular_core.InputSignal<string>;
|
|
1327
1340
|
readonly size: _angular_core.InputSignal<UiSize>;
|
|
1328
1341
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldLabelComponent, never>;
|
|
1329
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldLabelComponent, "
|
|
1342
|
+
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
1343
|
}
|
|
1331
1344
|
|
|
1332
1345
|
/**
|
|
@@ -1339,7 +1352,7 @@ declare class FormFieldHelperComponent {
|
|
|
1339
1352
|
readonly errorText: _angular_core.InputSignal<string | null>;
|
|
1340
1353
|
readonly error: _angular_core.InputSignal<boolean>;
|
|
1341
1354
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldHelperComponent, never>;
|
|
1342
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldHelperComponent, "
|
|
1355
|
+
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
1356
|
}
|
|
1344
1357
|
|
|
1345
1358
|
type SidebarItem = {
|
|
@@ -1362,7 +1375,7 @@ declare class SidebarComponent {
|
|
|
1362
1375
|
onItemClick(item: SidebarItem, index: number): void;
|
|
1363
1376
|
onEscape(): void;
|
|
1364
1377
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
|
|
1365
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "
|
|
1378
|
+
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
1379
|
}
|
|
1367
1380
|
|
|
1368
1381
|
type Status = 'confirm' | 'alert' | 'error' | 'pending' | 'info';
|
|
@@ -1372,15 +1385,15 @@ declare class StatusComponent {
|
|
|
1372
1385
|
loadingAnimation: _angular_core.InputSignal<boolean>;
|
|
1373
1386
|
get icon(): IconName;
|
|
1374
1387
|
computedClasses: _angular_core.Signal<{
|
|
1375
|
-
'
|
|
1376
|
-
'
|
|
1377
|
-
'
|
|
1378
|
-
'
|
|
1379
|
-
'
|
|
1380
|
-
'
|
|
1388
|
+
'ul-status': boolean;
|
|
1389
|
+
'ul-status--confirm': boolean;
|
|
1390
|
+
'ul-status--alert': boolean;
|
|
1391
|
+
'ul-status--error': boolean;
|
|
1392
|
+
'ul-status--pending': boolean;
|
|
1393
|
+
'ul-status--info': boolean;
|
|
1381
1394
|
}>;
|
|
1382
1395
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusComponent, never>;
|
|
1383
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusComponent, "
|
|
1396
|
+
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
1397
|
}
|
|
1385
1398
|
|
|
1386
1399
|
interface TableColumn {
|
|
@@ -1419,16 +1432,16 @@ declare class TableComponent {
|
|
|
1419
1432
|
toggleSort(columnId: string): void;
|
|
1420
1433
|
getSortAriaSort(columnId: string): 'ascending' | 'descending' | 'none';
|
|
1421
1434
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
|
|
1422
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "
|
|
1435
|
+
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
1436
|
}
|
|
1424
1437
|
|
|
1425
1438
|
/**
|
|
1426
|
-
* When projected into
|
|
1427
|
-
* Use with [
|
|
1439
|
+
* When projected into ul-textarea, replaces the native textarea with custom content (e.g. Quill).
|
|
1440
|
+
* Use with [ul-textarea-field] on the element to project.
|
|
1428
1441
|
*/
|
|
1429
1442
|
declare class TextareaFieldDirective {
|
|
1430
1443
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaFieldDirective, never>;
|
|
1431
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextareaFieldDirective, "[
|
|
1444
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextareaFieldDirective, "[ul-textarea-field]", never, {}, {}, never, never, true, never>;
|
|
1432
1445
|
}
|
|
1433
1446
|
|
|
1434
1447
|
type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
|
|
@@ -1436,7 +1449,7 @@ type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
|
|
|
1436
1449
|
* Reusable textarea. Implements FormValueControl for Signal Forms [formField].
|
|
1437
1450
|
* Use [(value)] for two-way binding or [formField]="myForm().message".
|
|
1438
1451
|
*
|
|
1439
|
-
* Content projection: [
|
|
1452
|
+
* Content projection: [ul-textarea-field] (replaces native textarea), [ul-textarea-left-elements], [ul-textarea-right-elements].
|
|
1440
1453
|
*/
|
|
1441
1454
|
declare class TextareaComponent implements FormValueControl<string> {
|
|
1442
1455
|
readonly size: _angular_core.InputSignal<UiSize>;
|
|
@@ -1453,7 +1466,7 @@ declare class TextareaComponent implements FormValueControl<string> {
|
|
|
1453
1466
|
readonly autocomplete: _angular_core.InputSignal<string>;
|
|
1454
1467
|
readonly rows: _angular_core.InputSignal<number>;
|
|
1455
1468
|
readonly resize: _angular_core.InputSignal<TextareaResize>;
|
|
1456
|
-
/** When using [
|
|
1469
|
+
/** When using [ul-textarea-field], pass focus state so the group border reflects it. */
|
|
1457
1470
|
readonly groupFocused: _angular_core.InputSignal<boolean | null>;
|
|
1458
1471
|
readonly invalid: _angular_core.InputSignal<boolean>;
|
|
1459
1472
|
readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
|
|
@@ -1477,7 +1490,7 @@ declare class TextareaComponent implements FormValueControl<string> {
|
|
|
1477
1490
|
focus(): void;
|
|
1478
1491
|
select(): void;
|
|
1479
1492
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
|
|
1480
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "
|
|
1493
|
+
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
1494
|
}
|
|
1482
1495
|
|
|
1483
1496
|
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 };
|