@edmicro/olkit 1.0.3 → 1.0.5

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.
Files changed (8) hide show
  1. package/README.md +7 -39
  2. package/fesm2022/edmicro-olkit.mjs +5463 -3624
  3. package/fesm2022/edmicro-olkit.mjs.map +1 -1
  4. package/olkit.css +1 -1
  5. package/package.json +1 -1
  6. package/types/edmicro-olkit.d.ts +557 -55
  7. package/types/edmicro-olkit.d.ts.map +1 -1
  8. package/version.txt +2 -2
package/types/edmicro-olkit.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { OnDestroy, QueryList, ElementRef } from '@angular/core';
2
+ import { OnDestroy, ElementRef, QueryList, TemplateRef } from '@angular/core';
3
3
  import { ControlValueAccessor } from '@angular/forms';
4
4
  import * as _edmicro_olkit from '@edmicro/olkit';
5
5
  import { SafeHtml } from '@angular/platform-browser';
@@ -60,53 +60,104 @@ declare class AlertComponent {
60
60
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "ol-alert", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "isVisible": { "alias": "isVisible"; "required": false; "isSignal": true; }; }, { "isVisible": "isVisibleChange"; "dismissed": "dismissed"; }, never, ["[badge]", "*", "[icon]", "[title]", "*", "[actions]", "[icon]", "*"], true, never>;
61
61
  }
62
62
 
63
- type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
63
+ type AvatarSize = '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
64
64
  type AvatarShape = 'rounded' | 'circle';
65
+ type AvatarStatus = 'online' | 'offline' | 'alternative' | 'busy' | 'away';
65
66
  declare class AvatarComponent {
66
67
  readonly src: _angular_core.InputSignal<string>;
67
68
  readonly alt: _angular_core.InputSignal<string>;
69
+ readonly text: _angular_core.InputSignal<string>;
70
+ readonly initials: _angular_core.InputSignal<string>;
68
71
  readonly size: _angular_core.InputSignal<AvatarSize>;
69
72
  readonly shape: _angular_core.InputSignal<AvatarShape>;
70
73
  readonly bordered: _angular_core.InputSignal<boolean>;
71
- readonly status: _angular_core.InputSignal<"online" | "offline" | "busy" | "away" | null>;
74
+ readonly status: _angular_core.InputSignal<AvatarStatus | null>;
75
+ readonly statusPosition: _angular_core.InputSignal<"bottom-right" | "top-right">;
76
+ readonly removable: _angular_core.InputSignal<boolean>;
77
+ readonly name: _angular_core.InputSignal<string>;
78
+ readonly helper: _angular_core.InputSignal<string>;
79
+ readonly showHelper: _angular_core.InputSignal<boolean>;
80
+ readonly remove: _angular_core.OutputEmitterRef<MouseEvent>;
81
+ onRemoveClick(event: MouseEvent): void;
72
82
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarComponent, never>;
73
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "ol-avatar", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
83
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "ol-avatar", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusPosition": { "alias": "statusPosition"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "showHelper": { "alias": "showHelper"; "required": false; "isSignal": true; }; }, { "remove": "remove"; }, never, ["*"], true, never>;
74
84
  }
75
85
 
76
86
  declare class AvatarGroupComponent {
87
+ readonly size: _angular_core.InputSignal<AvatarSize>;
88
+ readonly counter: _angular_core.InputSignal<string | number | null>;
89
+ readonly counterAriaLabel: _angular_core.InputSignal<string>;
77
90
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
78
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "ol-avatar-group", never, {}, {}, never, ["*"], true, never>;
91
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "ol-avatar-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "counterAriaLabel": { "alias": "counterAriaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
79
92
  }
80
93
 
81
- type BadgeColor = 'default' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink';
82
- type BadgeSize = 'xs' | 'sm';
94
+ type BadgeTheme = 'brand' | 'gray' | 'white' | 'danger' | 'warning' | 'success' | 'default' | 'dark' | 'red' | 'yellow' | 'green';
95
+ type BadgeSize = 'sm' | 'lg' | 'xs';
96
+ type BadgeShape = 'square' | 'pill';
97
+ type BadgeType = 'default' | 'dot' | 'icon' | 'avatar' | 'loader' | 'secondary';
83
98
  declare class BadgeComponent {
84
- readonly color: _angular_core.InputSignal<BadgeColor>;
99
+ readonly theme: _angular_core.InputSignal<BadgeTheme>;
100
+ readonly color: _angular_core.InputSignal<BadgeTheme>;
85
101
  readonly size: _angular_core.InputSignal<BadgeSize>;
102
+ readonly shape: _angular_core.InputSignal<BadgeShape>;
86
103
  readonly rounded: _angular_core.InputSignal<boolean>;
104
+ readonly type: _angular_core.InputSignal<BadgeType>;
105
+ readonly dot: _angular_core.InputSignal<boolean>;
106
+ readonly leftIcon: _angular_core.InputSignal<string | null>;
107
+ readonly rightIcon: _angular_core.InputSignal<string | null>;
108
+ readonly avatar: _angular_core.InputSignal<string | null>;
109
+ readonly avatarText: _angular_core.InputSignal<string | null>;
110
+ readonly secondaryText: _angular_core.InputSignal<string | null>;
111
+ readonly loading: _angular_core.InputSignal<boolean>;
112
+ readonly removable: _angular_core.InputSignal<boolean>;
87
113
  readonly href: _angular_core.InputSignal<string | null>;
114
+ readonly dismiss: _angular_core.OutputEmitterRef<MouseEvent>;
115
+ readonly normalizedTheme: _angular_core.Signal<string>;
116
+ readonly isPill: _angular_core.Signal<boolean>;
117
+ readonly badgeClasses: _angular_core.Signal<string>;
118
+ readonly dotClasses: _angular_core.Signal<"bg-[#2B4182] dark:bg-blue-400" | "bg-[#C70036] dark:bg-rose-400" | "bg-[#FF5A1F] dark:bg-amber-400" | "bg-[#007A55] dark:bg-emerald-400" | "bg-gray-700 dark:bg-gray-300" | "bg-gray-500 dark:bg-gray-400">;
119
+ onDismiss(event: MouseEvent): void;
88
120
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
89
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "ol-badge", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
121
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "ol-badge", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "rightIcon": { "alias": "rightIcon"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "avatarText": { "alias": "avatarText"; "required": false; "isSignal": true; }; "secondaryText": { "alias": "secondaryText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, ["*"], true, never>;
90
122
  }
91
123
 
92
124
  declare class BannerComponent {
93
- readonly position: _angular_core.InputSignal<"top" | "bottom">;
125
+ readonly position: _angular_core.InputSignal<"bottom" | "top">;
94
126
  readonly dismissed: _angular_core.OutputEmitterRef<void>;
95
127
  dismiss(): void;
96
128
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BannerComponent, never>;
97
129
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<BannerComponent, "ol-banner", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
98
130
  }
99
131
 
132
+ type BreadcrumbVariant = 'default' | 'background' | 'with-dropdown' | 'with-group-buttons' | 'only-buttons' | 'with-badge';
133
+ type BreadcrumbSeparator = 'chevron' | 'slash' | 'arrow' | 'dot';
100
134
  declare class BreadcrumbComponent {
135
+ readonly variant: _angular_core.InputSignal<BreadcrumbVariant>;
136
+ readonly separator: _angular_core.InputSignal<BreadcrumbSeparator>;
137
+ readonly contained: _angular_core.InputSignal<boolean>;
138
+ readonly isBackground: _angular_core.Signal<boolean>;
139
+ readonly navClasses: _angular_core.Signal<"flex items-center text-sm font-medium px-3 py-2 bg-gray-50 dark:bg-slate-800/80 rounded-xl border border-gray-200 dark:border-slate-700/80 shadow-xs w-fit max-w-full overflow-x-auto" | "flex items-center text-sm font-medium w-full overflow-x-auto">;
101
140
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
102
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "ol-breadcrumb", never, {}, {}, never, ["*"], true, never>;
141
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "ol-breadcrumb", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "contained": { "alias": "contained"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
103
142
  }
104
143
 
144
+ type BreadcrumbItemStatus = 'initial' | 'hover' | 'active';
105
145
  declare class BreadcrumbItemComponent {
146
+ readonly label: _angular_core.InputSignal<string>;
147
+ readonly routerLink: _angular_core.InputSignal<string | any[] | null>;
106
148
  readonly href: _angular_core.InputSignal<string | null>;
107
- readonly isHome: _angular_core.InputSignal<boolean>;
149
+ readonly icon: _angular_core.InputSignal<string | null>;
150
+ readonly current: _angular_core.InputSignal<boolean>;
151
+ readonly active: _angular_core.InputSignal<boolean>;
152
+ readonly status: _angular_core.InputSignal<BreadcrumbItemStatus>;
153
+ readonly showSeparator: _angular_core.InputSignal<boolean>;
154
+ readonly separator: _angular_core.InputSignal<BreadcrumbSeparator | null>;
155
+ private readonly parentBreadcrumb;
156
+ readonly isCurrent: _angular_core.Signal<boolean>;
157
+ readonly effectiveSeparator: _angular_core.Signal<BreadcrumbSeparator>;
158
+ readonly isLink: _angular_core.Signal<boolean>;
108
159
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
109
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbItemComponent, "ol-breadcrumb-item", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "isHome": { "alias": "isHome"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
160
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbItemComponent, "ol-breadcrumb-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "showSeparator": { "alias": "showSeparator"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
110
161
  }
111
162
 
112
163
  type ButtonColor = 'default' | 'brand' | 'primary' | 'alternative' | 'secondary' | 'tertiary' | 'ghost' | 'success' | 'green' | 'danger' | 'red' | 'warning' | 'yellow' | 'purple' | 'dark' | 'light';
@@ -127,7 +178,7 @@ declare class ButtonComponent {
127
178
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ol-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pill": { "alias": "pill"; "required": false; "isSignal": true; }; "outline": { "alias": "outline"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "btnClick": "btnClick"; }, never, ["[leftIcon]", "[logo]", "*", "[rightIcon]"], true, never>;
128
179
  }
129
180
 
130
- type AppDevice = 'appstore' | 'googleplay' | 'google-play';
181
+ type AppDevice = 'appstore' | 'googleplay' | 'google-play' | 'apple' | 'google';
131
182
  type AppTheme = 'light' | 'dark' | 'auto';
132
183
  declare class DownloadAppButtonComponent {
133
184
  readonly store: _angular_core.InputSignal<AppDevice>;
@@ -141,18 +192,38 @@ declare class DownloadAppButtonComponent {
141
192
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<DownloadAppButtonComponent, "ol-download-app-button", never, { "store": { "alias": "store"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "btnClick": "btnClick"; }, never, never, true, never>;
142
193
  }
143
194
 
195
+ type ButtonGroupOrientation = 'horizontal' | 'vertical';
196
+ type ButtonGroupSize = 'xs' | 'sm' | 'base' | 'l';
197
+ type ButtonGroupColor = 'gray' | 'white' | 'brand';
144
198
  declare class ButtonGroupComponent {
199
+ readonly orientation: _angular_core.InputSignal<ButtonGroupOrientation>;
200
+ readonly size: _angular_core.InputSignal<ButtonGroupSize>;
201
+ readonly color: _angular_core.InputSignal<ButtonGroupColor>;
202
+ readonly shadow: _angular_core.InputSignal<boolean>;
203
+ readonly fullWidth: _angular_core.InputSignal<boolean>;
204
+ readonly containerClasses: _angular_core.Signal<string>;
145
205
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
146
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupComponent, "ol-button-group", never, {}, {}, never, ["*"], true, never>;
206
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupComponent, "ol-button-group", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
147
207
  }
148
208
 
209
+ type CardVariant = 'default' | 'flat' | 'outline' | 'interactive' | 'selected' | 'disabled';
210
+ type CardPadding = 'none' | 'sm' | 'md' | 'lg';
211
+ type CardShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg';
212
+ type CardRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
149
213
  declare class CardComponent {
150
- readonly href: _angular_core.InputSignal<string | null>;
214
+ readonly variant: _angular_core.InputSignal<CardVariant>;
215
+ readonly padding: _angular_core.InputSignal<CardPadding>;
216
+ readonly shadow: _angular_core.InputSignal<CardShadow>;
217
+ readonly rounded: _angular_core.InputSignal<CardRadius>;
218
+ readonly horizontal: _angular_core.InputSignal<boolean>;
151
219
  readonly imgSrc: _angular_core.InputSignal<string | null>;
152
220
  readonly imgAlt: _angular_core.InputSignal<string>;
153
- readonly horizontal: _angular_core.InputSignal<boolean>;
221
+ readonly href: _angular_core.InputSignal<string | null>;
222
+ readonly interactive: _angular_core.InputSignal<boolean>;
223
+ readonly selected: _angular_core.InputSignal<boolean>;
224
+ readonly disabled: _angular_core.InputSignal<boolean>;
154
225
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
155
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ol-card", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "imgSrc": { "alias": "imgSrc"; "required": false; "isSignal": true; }; "imgAlt": { "alias": "imgAlt"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
226
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ol-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "imgSrc": { "alias": "imgSrc"; "required": false; "isSignal": true; }; "imgAlt": { "alias": "imgAlt"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
156
227
  }
157
228
 
158
229
  declare class CarouselComponent {
@@ -300,7 +371,7 @@ declare class DatepickerComponent implements ControlValueAccessor {
300
371
  private onTouched;
301
372
  constructor();
302
373
  readonly inputSizeClasses: _angular_core.Signal<"py-2 px-3 ps-9 text-xs rounded-lg" | "py-3.5 px-4 ps-11 text-base rounded-xl" | "py-2.5 px-3.5 ps-10 text-sm rounded-xl">;
303
- readonly iconSizeClasses: _angular_core.Signal<"w-3.5 h-3.5 text-gray-500 start-3" | "w-5 h-5 text-gray-500 start-3.5" | "w-4 h-4 text-gray-500 start-3.5">;
374
+ readonly iconSizeClasses: _angular_core.Signal<"w-3.5 h-3.5 text-gray-500 inset-s-3" | "w-5 h-5 text-gray-500 inset-s-3.5" | "w-4 h-4 text-gray-500 inset-s-3.5">;
304
375
  writeValue(val: Date | null | string): void;
305
376
  registerOnChange(fn: (val: Date | null) => void): void;
306
377
  registerOnTouched(fn: () => void): void;
@@ -497,14 +568,26 @@ declare class DrawerComponent {
497
568
 
498
569
  type DropdownPlacement = 'bottom' | 'top' | 'left' | 'right' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
499
570
  type DropdownTrigger = 'click' | 'hover';
571
+ type DropdownAutoClose = boolean | 'inside' | 'outside';
500
572
  declare class DropdownComponent {
501
573
  private readonly elementRef;
502
- readonly label: _angular_core.InputSignal<string>;
574
+ private readonly destroyRef;
575
+ private readonly uid;
576
+ readonly buttonId: string;
577
+ readonly menuId: string;
578
+ private readonly triggerButtonRef;
579
+ private hideTimeoutId;
580
+ readonly label: _angular_core.InputSignal<string | null>;
503
581
  readonly isOpen: _angular_core.ModelSignal<boolean>;
504
582
  readonly placement: _angular_core.InputSignal<DropdownPlacement>;
505
583
  readonly trigger: _angular_core.InputSignal<DropdownTrigger>;
584
+ readonly autoClose: _angular_core.InputSignal<DropdownAutoClose>;
585
+ readonly disabled: _angular_core.InputSignal<boolean>;
586
+ readonly triggerClass: _angular_core.InputSignal<string>;
587
+ readonly menuClass: _angular_core.InputSignal<string>;
506
588
  readonly opened: _angular_core.OutputEmitterRef<void>;
507
589
  readonly closed: _angular_core.OutputEmitterRef<void>;
590
+ constructor();
508
591
  readonly menuPlacementClasses: _angular_core.Signal<"bottom-full left-0 mb-2" | "bottom-full right-0 mb-2" | "right-full top-0 me-2" | "left-full top-0 ms-2" | "top-full right-0 mt-2" | "top-full left-0 mt-2">;
509
592
  onDocumentClick(event: MouseEvent): void;
510
593
  onEscape(): void;
@@ -513,17 +596,30 @@ declare class DropdownComponent {
513
596
  show(): void;
514
597
  hide(): void;
515
598
  toggle(): void;
516
- isVisible(): boolean;
599
+ private clearHideTimeout;
517
600
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
518
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ol-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "opened": "opened"; "closed": "closed"; }, never, ["*"], true, never>;
601
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ol-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; "menuClass": { "alias": "menuClass"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "opened": "opened"; "closed": "closed"; }, never, ["[slot=trigger], [trigger]", "[triggerIcon]", "[triggerIcon]", "*"], true, never>;
519
602
  }
520
603
 
521
604
  declare class DropdownItemComponent {
605
+ readonly routerLink: _angular_core.InputSignal<string | any[] | null>;
522
606
  readonly href: _angular_core.InputSignal<string | null>;
607
+ readonly icon: _angular_core.InputSignal<string | null>;
608
+ readonly label: _angular_core.InputSignal<string | null>;
609
+ readonly secondaryText: _angular_core.InputSignal<string | null>;
610
+ readonly kbd: _angular_core.InputSignal<string | null>;
611
+ readonly suffixIcon: _angular_core.InputSignal<string | null>;
612
+ readonly selected: _angular_core.InputSignal<boolean>;
613
+ readonly active: _angular_core.InputSignal<boolean>;
614
+ readonly danger: _angular_core.InputSignal<boolean>;
615
+ readonly disabled: _angular_core.InputSignal<boolean>;
523
616
  readonly itemClick: _angular_core.OutputEmitterRef<MouseEvent>;
617
+ private readonly parentDropdown;
618
+ readonly isItemActive: _angular_core.Signal<boolean>;
619
+ readonly itemClasses: _angular_core.Signal<string>;
524
620
  handleClick(event: MouseEvent): void;
525
621
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
526
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownItemComponent, "ol-dropdown-item", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*", "*"], true, never>;
622
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownItemComponent, "ol-dropdown-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "secondaryText": { "alias": "secondaryText"; "required": false; "isSignal": true; }; "kbd": { "alias": "kbd"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "danger": { "alias": "danger"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
527
623
  }
528
624
 
529
625
  declare class FooterComponent {
@@ -603,17 +699,34 @@ declare class SelectComponent {
603
699
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ol-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showAsterisk": { "alias": "showAsterisk"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[leftIcon]", "*"], true, never>;
604
700
  }
605
701
 
606
- declare class CheckboxComponent {
702
+ type CheckboxSize = 'sm' | 'md' | 'lg';
703
+ declare class CheckboxComponent implements ControlValueAccessor {
607
704
  readonly checked: _angular_core.ModelSignal<boolean>;
608
705
  readonly label: _angular_core.InputSignal<string>;
609
706
  readonly description: _angular_core.InputSignal<string>;
610
707
  readonly disabled: _angular_core.InputSignal<boolean>;
708
+ readonly size: _angular_core.InputSignal<CheckboxSize>;
709
+ readonly indeterminate: _angular_core.InputSignal<boolean>;
710
+ readonly card: _angular_core.InputSignal<boolean>;
611
711
  readonly id: _angular_core.InputSignal<string>;
712
+ nativeInput?: ElementRef<HTMLInputElement>;
713
+ private readonly generatedId;
714
+ protected readonly inputId: _angular_core.Signal<string>;
715
+ private onChange;
716
+ private onTouched;
717
+ constructor();
718
+ onModelChange(val: boolean): void;
719
+ toggleCard(): void;
720
+ writeValue(val: boolean): void;
721
+ registerOnChange(fn: any): void;
722
+ registerOnTouched(fn: any): void;
723
+ setDisabledState?(isDisabled: boolean): void;
612
724
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
613
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ol-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
725
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ol-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "card": { "alias": "card"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
614
726
  }
615
727
 
616
- declare class RadioComponent {
728
+ type RadioSize = 'sm' | 'md' | 'lg';
729
+ declare class RadioComponent implements ControlValueAccessor {
617
730
  readonly name: _angular_core.InputSignal<string>;
618
731
  readonly value: _angular_core.InputSignal<any>;
619
732
  readonly selectedValue: _angular_core.ModelSignal<any>;
@@ -621,23 +734,46 @@ declare class RadioComponent {
621
734
  readonly label: _angular_core.InputSignal<string>;
622
735
  readonly description: _angular_core.InputSignal<string>;
623
736
  readonly disabled: _angular_core.InputSignal<boolean>;
737
+ readonly size: _angular_core.InputSignal<RadioSize>;
738
+ readonly card: _angular_core.InputSignal<boolean>;
624
739
  readonly id: _angular_core.InputSignal<string>;
625
- get currentValue(): any;
626
- onModelChange(val: any): void;
740
+ readonly checked: _angular_core.InputSignal<boolean | null>;
741
+ private readonly generatedId;
742
+ protected readonly inputId: _angular_core.Signal<string>;
743
+ private onChange;
744
+ private onTouched;
745
+ get isChecked(): boolean;
746
+ onSelect(): void;
747
+ writeValue(val: any): void;
748
+ registerOnChange(fn: any): void;
749
+ registerOnTouched(fn: any): void;
750
+ setDisabledState?(isDisabled: boolean): void;
627
751
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
628
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "ol-radio", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "selectedValue": "selectedValueChange"; "modelValue": "modelValueChange"; }, never, never, true, never>;
752
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "ol-radio", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "card": { "alias": "card"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "selectedValue": "selectedValueChange"; "modelValue": "modelValueChange"; }, never, ["*"], true, never>;
629
753
  }
630
754
 
631
755
  type ToggleSize = 'sm' | 'md' | 'lg';
632
- declare class ToggleComponent {
756
+ type ToggleColor = 'brand' | 'orange' | 'green' | 'red';
757
+ declare class ToggleComponent implements ControlValueAccessor {
633
758
  readonly checked: _angular_core.ModelSignal<boolean>;
634
759
  readonly label: _angular_core.InputSignal<string>;
635
760
  readonly description: _angular_core.InputSignal<string>;
636
761
  readonly disabled: _angular_core.InputSignal<boolean>;
637
762
  readonly size: _angular_core.InputSignal<ToggleSize>;
763
+ readonly color: _angular_core.InputSignal<ToggleColor>;
764
+ readonly justifyBetween: _angular_core.InputSignal<boolean>;
638
765
  readonly id: _angular_core.InputSignal<string>;
766
+ private readonly generatedId;
767
+ protected readonly inputId: _angular_core.Signal<string>;
768
+ private onChange;
769
+ private onTouched;
770
+ onModelChange(val: boolean): void;
771
+ writeValue(val: boolean): void;
772
+ registerOnChange(fn: any): void;
773
+ registerOnTouched(fn: any): void;
774
+ setDisabledState?(isDisabled: boolean): void;
639
775
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleComponent, never>;
640
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleComponent, "ol-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
776
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleComponent, "ol-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "justifyBetween": { "alias": "justifyBetween"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
641
777
  }
642
778
 
643
779
  type FileInputSize = 'sm' | 'md' | 'lg';
@@ -663,29 +799,78 @@ declare class FileInputComponent {
663
799
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputComponent, "ol-file-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dropzone": { "alias": "dropzone"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "filesChanged": "filesChanged"; }, never, never, true, never>;
664
800
  }
665
801
 
666
- declare class RangeComponent {
802
+ declare class RangeComponent implements ControlValueAccessor {
667
803
  readonly value: _angular_core.ModelSignal<number>;
804
+ readonly minValue: _angular_core.ModelSignal<number>;
805
+ readonly maxValue: _angular_core.ModelSignal<number>;
806
+ readonly dualRange: _angular_core.InputSignal<boolean>;
668
807
  readonly min: _angular_core.InputSignal<number>;
669
808
  readonly max: _angular_core.InputSignal<number>;
670
809
  readonly step: _angular_core.InputSignal<number>;
671
810
  readonly label: _angular_core.InputSignal<string>;
672
811
  readonly helperText: _angular_core.InputSignal<string>;
673
812
  readonly showValue: _angular_core.InputSignal<boolean>;
813
+ readonly showTooltip: _angular_core.InputSignal<boolean>;
814
+ readonly showMinMaxLabels: _angular_core.InputSignal<boolean>;
815
+ readonly unit: _angular_core.InputSignal<string>;
674
816
  readonly disabled: _angular_core.InputSignal<boolean>;
675
817
  readonly id: _angular_core.InputSignal<string>;
818
+ private readonly generatedId;
819
+ protected readonly inputId: _angular_core.Signal<string>;
820
+ readonly singlePercentage: _angular_core.Signal<number>;
821
+ readonly dualMinPercentage: _angular_core.Signal<number>;
822
+ readonly dualMaxPercentage: _angular_core.Signal<number>;
823
+ private onChange;
824
+ private onTouched;
825
+ onSingleChange(val: number): void;
826
+ onMinChange(val: number): void;
827
+ onMaxChange(val: number): void;
828
+ writeValue(val: any): void;
829
+ registerOnChange(fn: any): void;
830
+ registerOnTouched(fn: any): void;
831
+ setDisabledState?(isDisabled: boolean): void;
676
832
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeComponent, never>;
677
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeComponent, "ol-range", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
833
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeComponent, "ol-range", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "dualRange": { "alias": "dualRange"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "showMinMaxLabels": { "alias": "showMinMaxLabels"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "minValue": "minValueChange"; "maxValue": "maxValueChange"; }, never, ["[slot=prefix]", "[slot=suffix]"], true, never>;
678
834
  }
679
835
 
680
- declare class FloatingLabelComponent {
836
+ type FloatingLabelVariant = 'outlined' | 'filled' | 'standard';
837
+ type FloatingLabelSize = 'sm' | 'md' | 'lg';
838
+ type FloatingLabelState = 'default' | 'error' | 'success';
839
+ declare class FloatingLabelComponent implements ControlValueAccessor {
681
840
  readonly value: _angular_core.ModelSignal<string>;
682
841
  readonly label: _angular_core.InputSignal<string>;
683
842
  readonly type: _angular_core.InputSignal<string>;
843
+ readonly variant: _angular_core.InputSignal<FloatingLabelVariant>;
844
+ readonly size: _angular_core.InputSignal<FloatingLabelSize>;
845
+ readonly state: _angular_core.InputSignal<FloatingLabelState>;
684
846
  readonly disabled: _angular_core.InputSignal<boolean>;
847
+ readonly readonly: _angular_core.InputSignal<boolean>;
685
848
  readonly helperText: _angular_core.InputSignal<string>;
849
+ readonly errorText: _angular_core.InputSignal<string>;
686
850
  readonly id: _angular_core.InputSignal<string>;
851
+ readonly autocomplete: _angular_core.InputSignal<string>;
852
+ readonly labelBg: _angular_core.InputSignal<string>;
853
+ readonly prefixIcon: _angular_core.InputSignal<string>;
854
+ readonly suffixIcon: _angular_core.InputSignal<string>;
855
+ readonly prefixVariant: _angular_core.InputSignal<string>;
856
+ readonly suffixVariant: _angular_core.InputSignal<string>;
857
+ readonly hasPrefix: _angular_core.Signal<boolean>;
858
+ readonly hasSuffix: _angular_core.Signal<boolean>;
859
+ readonly isFocused: _angular_core.WritableSignal<boolean>;
860
+ readonly isFloated: _angular_core.Signal<boolean>;
861
+ private readonly generatedId;
862
+ protected readonly inputId: _angular_core.Signal<string>;
863
+ private onChange;
864
+ private onTouched;
865
+ onFocus(): void;
866
+ onBlur(): void;
867
+ onModelChange(val: string): void;
868
+ writeValue(val: string): void;
869
+ registerOnChange(fn: any): void;
870
+ registerOnTouched(fn: any): void;
871
+ setDisabledState?(isDisabled: boolean): void;
687
872
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<FloatingLabelComponent, never>;
688
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<FloatingLabelComponent, "ol-floating-label", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
873
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FloatingLabelComponent, "ol-floating-label", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "labelBg": { "alias": "labelBg"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "prefixVariant": { "alias": "prefixVariant"; "required": false; "isSignal": true; }; "suffixVariant": { "alias": "suffixVariant"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
689
874
  }
690
875
 
691
876
  type InputCounterSize = 'sm' | 'md' | 'lg';
@@ -763,6 +948,125 @@ declare class RichTextEditorComponent {
763
948
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<RichTextEditorComponent, "ol-rich-text-editor", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "content": "contentChange"; }, never, never, true, never>;
764
949
  }
765
950
 
951
+ type TimepickerFormat = '24h' | '12h';
952
+ type TimepickerSize = 'sm' | 'md' | 'lg';
953
+ type TimepickerState = 'default' | 'error' | 'success';
954
+ declare class TimepickerComponent implements ControlValueAccessor {
955
+ private readonly elementRef;
956
+ readonly value: _angular_core.ModelSignal<string>;
957
+ readonly label: _angular_core.InputSignal<string>;
958
+ readonly placeholder: _angular_core.InputSignal<string>;
959
+ readonly format: _angular_core.InputSignal<TimepickerFormat>;
960
+ readonly size: _angular_core.InputSignal<TimepickerSize>;
961
+ readonly state: _angular_core.InputSignal<TimepickerState>;
962
+ readonly disabled: _angular_core.InputSignal<boolean>;
963
+ readonly readonly: _angular_core.InputSignal<boolean>;
964
+ readonly required: _angular_core.InputSignal<boolean>;
965
+ readonly showAsterisk: _angular_core.InputSignal<boolean>;
966
+ readonly helperText: _angular_core.InputSignal<string>;
967
+ readonly errorText: _angular_core.InputSignal<string>;
968
+ readonly id: _angular_core.InputSignal<string>;
969
+ readonly minuteStep: _angular_core.InputSignal<number>;
970
+ readonly showPresets: _angular_core.InputSignal<boolean>;
971
+ private readonly generatedId;
972
+ protected readonly inputId: _angular_core.Signal<string>;
973
+ readonly isOpen: _angular_core.WritableSignal<boolean>;
974
+ readonly selectedHour: _angular_core.WritableSignal<number>;
975
+ readonly selectedMinute: _angular_core.WritableSignal<number>;
976
+ readonly selectedPeriod: _angular_core.WritableSignal<"AM" | "PM">;
977
+ readonly presetTimes: string[];
978
+ readonly hours24: number[];
979
+ readonly hours12: number[];
980
+ readonly minutes: number[];
981
+ private onChange;
982
+ private onTouched;
983
+ constructor(elementRef: ElementRef);
984
+ onDocumentClick(event: MouseEvent): void;
985
+ toggleDropdown(): void;
986
+ private parseCurrentValue;
987
+ selectHour(h: number): void;
988
+ selectMinute(m: number): void;
989
+ selectPeriod(p: 'AM' | 'PM'): void;
990
+ selectPreset(time: string): void;
991
+ clear(event: MouseEvent): void;
992
+ apply(): void;
993
+ cancel(): void;
994
+ private updateFormattedValue;
995
+ pad(num: number): string;
996
+ writeValue(val: string): void;
997
+ registerOnChange(fn: any): void;
998
+ registerOnTouched(fn: any): void;
999
+ setDisabledState?(isDisabled: boolean): void;
1000
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimepickerComponent, never>;
1001
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimepickerComponent, "ol-timepicker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "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; }; "showAsterisk": { "alias": "showAsterisk"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "showPresets": { "alias": "showPresets"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
1002
+ }
1003
+
1004
+ type AutocompleteSize = 'sm' | 'md' | 'lg';
1005
+ type AutocompleteState = 'default' | 'error' | 'success';
1006
+ interface AutocompleteOption {
1007
+ label: string;
1008
+ value: any;
1009
+ subLabel?: string;
1010
+ avatar?: string;
1011
+ badge?: string;
1012
+ group?: string;
1013
+ disabled?: boolean;
1014
+ [key: string]: any;
1015
+ }
1016
+ declare class AutocompleteComponent implements ControlValueAccessor {
1017
+ private readonly elementRef;
1018
+ readonly value: _angular_core.ModelSignal<any>;
1019
+ readonly options: _angular_core.InputSignal<any[]>;
1020
+ readonly label: _angular_core.InputSignal<string>;
1021
+ readonly placeholder: _angular_core.InputSignal<string>;
1022
+ readonly labelKey: _angular_core.InputSignal<string>;
1023
+ readonly valueKey: _angular_core.InputSignal<string>;
1024
+ readonly multiple: _angular_core.InputSignal<boolean>;
1025
+ readonly disabled: _angular_core.InputSignal<boolean>;
1026
+ readonly readonly: _angular_core.InputSignal<boolean>;
1027
+ readonly loading: _angular_core.InputSignal<boolean>;
1028
+ readonly size: _angular_core.InputSignal<AutocompleteSize>;
1029
+ readonly state: _angular_core.InputSignal<AutocompleteState>;
1030
+ readonly required: _angular_core.InputSignal<boolean>;
1031
+ readonly showAsterisk: _angular_core.InputSignal<boolean>;
1032
+ readonly helperText: _angular_core.InputSignal<string>;
1033
+ readonly errorText: _angular_core.InputSignal<string>;
1034
+ readonly id: _angular_core.InputSignal<string>;
1035
+ readonly allowCreate: _angular_core.InputSignal<boolean>;
1036
+ readonly emptyText: _angular_core.InputSignal<string>;
1037
+ readonly groupBy: _angular_core.InputSignal<string>;
1038
+ readonly createOption: _angular_core.OutputEmitterRef<string>;
1039
+ optionTemplate?: TemplateRef<any>;
1040
+ private readonly generatedId;
1041
+ protected readonly inputId: _angular_core.Signal<string>;
1042
+ readonly searchQuery: _angular_core.WritableSignal<string>;
1043
+ readonly isOpen: _angular_core.WritableSignal<boolean>;
1044
+ readonly activeIndex: _angular_core.WritableSignal<number>;
1045
+ private onChange;
1046
+ private onTouched;
1047
+ constructor(elementRef: ElementRef);
1048
+ onDocumentClick(event: MouseEvent): void;
1049
+ readonly filteredOptions: _angular_core.Signal<any[]>;
1050
+ getItemLabel(item: any): string;
1051
+ getItemValue(item: any): any;
1052
+ isSelected(item: any): boolean;
1053
+ private areValuesEqual;
1054
+ onInputFocus(): void;
1055
+ onSearchChange(val: string): void;
1056
+ selectOption(item: any): void;
1057
+ removeTag(valToRemove: any, event: MouseEvent): void;
1058
+ clearAll(event: MouseEvent): void;
1059
+ onCreateNew(): void;
1060
+ onKeyDown(event: KeyboardEvent): void;
1061
+ getDisplayLabelForValue(val: any): string;
1062
+ writeValue(val: any): void;
1063
+ registerOnChange(fn: any): void;
1064
+ registerOnTouched(fn: any): void;
1065
+ setDisabledState?(isDisabled: boolean): void;
1066
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
1067
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutocompleteComponent, "ol-autocomplete", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "valueKey": { "alias": "valueKey"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showAsterisk": { "alias": "showAsterisk"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "allowCreate": { "alias": "allowCreate"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "createOption": "createOption"; }, ["optionTemplate"], never, true, never>;
1068
+ }
1069
+
766
1070
  declare class KbdComponent {
767
1071
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbdComponent, never>;
768
1072
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbdComponent, "ol-kbd", never, {}, {}, never, ["*"], true, never>;
@@ -807,29 +1111,89 @@ declare class ModalComponent {
807
1111
  }
808
1112
 
809
1113
  declare class NavbarComponent {
1114
+ readonly brandLogo: _angular_core.InputSignal<string>;
1115
+ readonly brandName: _angular_core.InputSignal<string>;
1116
+ readonly sticky: _angular_core.InputSignal<boolean>;
1117
+ readonly bordered: _angular_core.InputSignal<boolean>;
1118
+ readonly fluid: _angular_core.InputSignal<boolean>;
1119
+ readonly showSearch: _angular_core.InputSignal<boolean>;
1120
+ readonly searchPlaceholder: _angular_core.InputSignal<string>;
810
1121
  readonly isCollapsed: _angular_core.ModelSignal<boolean>;
811
- toggle(): void;
1122
+ readonly onSearch: _angular_core.OutputEmitterRef<string>;
1123
+ readonly onToggleMobileMenu: _angular_core.OutputEmitterRef<boolean>;
1124
+ searchQuery: string;
1125
+ private readonly elementRef;
1126
+ readonly navbarClasses: _angular_core.Signal<string>;
1127
+ readonly containerClasses: _angular_core.Signal<"w-full px-4 sm:px-6" | "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">;
1128
+ toggleMobileMenu(): void;
1129
+ handleSearchSubmit(): void;
1130
+ handleSearchInput(event: Event): void;
1131
+ handleGlobalKeydown(event: KeyboardEvent): void;
812
1132
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarComponent, never>;
813
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarComponent, "ol-navbar", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, ["[brand]", "*"], true, never>;
1133
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarComponent, "ol-navbar", never, { "brandLogo": { "alias": "brandLogo"; "required": false; "isSignal": true; }; "brandName": { "alias": "brandName"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; "onSearch": "onSearch"; "onToggleMobileMenu": "onToggleMobileMenu"; }, never, ["[slot=brand], [brand]", "[slot=navigation], [navigation], ol-navbar-item, ol-nav-dropdown", "[slot=actions], [actions]", "[slot=mobile-user]", "[slot=mobile], [slot=mobile-links]", "[slot=mobile-actions]", "[slot=mobile-footer]"], true, never>;
814
1134
  }
815
1135
 
816
1136
  declare class NavbarItemComponent {
817
- readonly href: _angular_core.InputSignal<string>;
1137
+ readonly routerLink: _angular_core.InputSignal<string | any[] | null>;
1138
+ readonly routerLinkActive: _angular_core.InputSignal<string>;
1139
+ readonly routerLinkActiveOptions: _angular_core.InputSignal<{
1140
+ exact: boolean;
1141
+ }>;
1142
+ readonly href: _angular_core.InputSignal<string | null>;
1143
+ readonly icon: _angular_core.InputSignal<string | null>;
1144
+ readonly label: _angular_core.InputSignal<string | null>;
818
1145
  readonly active: _angular_core.InputSignal<boolean>;
1146
+ readonly disabled: _angular_core.InputSignal<boolean>;
1147
+ readonly itemClasses: _angular_core.Signal<string>;
819
1148
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarItemComponent, never>;
820
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarItemComponent, "ol-navbar-item", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1149
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarItemComponent, "ol-navbar-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
821
1150
  }
822
1151
 
1152
+ declare class NavDropdownComponent {
1153
+ readonly label: _angular_core.InputSignal<string>;
1154
+ readonly icon: _angular_core.InputSignal<string | null>;
1155
+ readonly alignRight: _angular_core.InputSignal<boolean>;
1156
+ readonly isOpen: _angular_core.WritableSignal<boolean>;
1157
+ private readonly elementRef;
1158
+ toggle(): void;
1159
+ close(): void;
1160
+ handleClickOutside(event: MouseEvent): void;
1161
+ handleEscape(): void;
1162
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavDropdownComponent, never>;
1163
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavDropdownComponent, "ol-nav-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "alignRight": { "alias": "alignRight"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=trigger], [trigger]", "*"], true, never>;
1164
+ }
1165
+
1166
+ type PaginationType = 'default' | 'arrows' | 'dropdown-buttons' | 'text-buttons' | 'two-buttons' | 'buttons-helper' | 'with-dropdown' | 'with-input' | 'simple-input';
1167
+ type PaginationVariant = PaginationType | 'grouped' | 'separated';
823
1168
  declare class PaginationComponent {
1169
+ readonly type: _angular_core.InputSignal<PaginationType>;
1170
+ readonly variant: _angular_core.InputSignal<PaginationVariant>;
1171
+ readonly total: _angular_core.InputSignal<number>;
1172
+ readonly pageSize: _angular_core.ModelSignal<number>;
1173
+ readonly pageIndex: _angular_core.ModelSignal<number>;
824
1174
  readonly currentPage: _angular_core.ModelSignal<number>;
825
- readonly totalPages: _angular_core.InputSignal<number>;
826
- readonly showIcons: _angular_core.InputSignal<boolean>;
1175
+ readonly totalPagesInput: _angular_core.InputSignal<number | null>;
1176
+ readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
1177
+ readonly showText: _angular_core.InputSignal<boolean>;
1178
+ readonly text: _angular_core.InputSignal<string>;
1179
+ readonly showInfo: _angular_core.InputSignal<boolean>;
1180
+ readonly showSizeChanger: _angular_core.InputSignal<boolean>;
1181
+ readonly showQuickJumper: _angular_core.InputSignal<boolean>;
827
1182
  readonly pageChange: _angular_core.OutputEmitterRef<number>;
1183
+ jumpPageValue: _angular_core.WritableSignal<number | null>;
1184
+ readonly effectiveType: _angular_core.Signal<PaginationType>;
1185
+ readonly effectivePageIndex: _angular_core.Signal<number>;
1186
+ readonly calculatedTotalPages: _angular_core.Signal<number>;
1187
+ readonly startRecord: _angular_core.Signal<number>;
1188
+ readonly endRecord: _angular_core.Signal<number>;
1189
+ readonly visiblePages: _angular_core.Signal<(number | "ellipsis")[]>;
828
1190
  goToPage(page: number): void;
829
1191
  prev(): void;
830
1192
  next(): void;
1193
+ onPageSizeSelect(event: Event): void;
1194
+ handleJump(): void;
831
1195
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
832
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "ol-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPages": { "alias": "totalPages"; "required": false; "isSignal": true; }; "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageChange": "pageChange"; }, never, never, true, never>;
1196
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "ol-pagination", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalPagesInput": { "alias": "totalPages"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showText": { "alias": "showText"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "showInfo": { "alias": "showInfo"; "required": false; "isSignal": true; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; "isSignal": true; }; "showQuickJumper": { "alias": "showQuickJumper"; "required": false; "isSignal": true; }; }, { "pageSize": "pageSizeChange"; "pageIndex": "pageIndexChange"; "currentPage": "currentPageChange"; "pageChange": "pageChange"; }, never, never, true, never>;
833
1197
  }
834
1198
 
835
1199
  type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
@@ -863,15 +1227,53 @@ declare class RatingComponent {
863
1227
  }
864
1228
 
865
1229
  declare class SidebarComponent {
1230
+ readonly collapsed: _angular_core.ModelSignal<boolean>;
1231
+ readonly width: _angular_core.InputSignal<string>;
1232
+ readonly collapsedWidth: _angular_core.InputSignal<string>;
1233
+ readonly collapsible: _angular_core.InputSignal<boolean>;
1234
+ readonly bordered: _angular_core.InputSignal<boolean>;
1235
+ readonly currentWidth: _angular_core.Signal<string>;
1236
+ readonly sidebarClasses: _angular_core.Signal<string>;
1237
+ toggle(): void;
866
1238
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
867
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "ol-sidebar", never, {}, {}, never, ["*"], true, never>;
1239
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "ol-sidebar", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[slot=header], [header]", "*", "[slot=footer], [footer]"], true, never>;
868
1240
  }
869
1241
 
870
1242
  declare class SidebarItemComponent {
871
- readonly href: _angular_core.InputSignal<string>;
872
- readonly icon: _angular_core.InputSignal<string>;
1243
+ readonly routerLink: _angular_core.InputSignal<string | any[] | null>;
1244
+ readonly routerLinkActive: _angular_core.InputSignal<string>;
1245
+ readonly routerLinkActiveOptions: _angular_core.InputSignal<{
1246
+ exact: boolean;
1247
+ }>;
1248
+ readonly href: _angular_core.InputSignal<string | null>;
1249
+ readonly icon: _angular_core.InputSignal<string | null>;
1250
+ readonly badge: _angular_core.InputSignal<string | number | null>;
1251
+ readonly badgeTheme: _angular_core.InputSignal<BadgeTheme>;
1252
+ readonly active: _angular_core.InputSignal<boolean>;
1253
+ readonly disabled: _angular_core.InputSignal<boolean>;
1254
+ readonly dot: _angular_core.InputSignal<boolean>;
1255
+ readonly itemClasses: _angular_core.Signal<string>;
873
1256
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarItemComponent, never>;
874
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarItemComponent, "ol-sidebar-item", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["[icon]", "*"], true, never>;
1257
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarItemComponent, "ol-sidebar-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeTheme": { "alias": "badgeTheme"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*", "*"], true, never>;
1258
+ }
1259
+
1260
+ declare class SidebarGroupComponent {
1261
+ readonly title: _angular_core.InputSignal<string>;
1262
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarGroupComponent, never>;
1263
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarGroupComponent, "ol-sidebar-group", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1264
+ }
1265
+
1266
+ declare class SidebarSubmenuComponent {
1267
+ readonly label: _angular_core.InputSignal<string>;
1268
+ readonly icon: _angular_core.InputSignal<string | null>;
1269
+ readonly badge: _angular_core.InputSignal<string | number | null>;
1270
+ readonly badgeTheme: _angular_core.InputSignal<BadgeTheme>;
1271
+ readonly isOpen: _angular_core.ModelSignal<boolean>;
1272
+ readonly active: _angular_core.InputSignal<boolean>;
1273
+ readonly triggerClasses: _angular_core.Signal<string>;
1274
+ toggle(): void;
1275
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarSubmenuComponent, never>;
1276
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarSubmenuComponent, "ol-sidebar-submenu", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeTheme": { "alias": "badgeTheme"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; }, never, ["*"], true, never>;
875
1277
  }
876
1278
 
877
1279
  declare class SkeletonComponent {
@@ -904,19 +1306,33 @@ declare class TableComponent {
904
1306
 
905
1307
  declare class TabItemComponent {
906
1308
  readonly tabId: _angular_core.InputSignal<string>;
1309
+ readonly label: _angular_core.InputSignal<string>;
907
1310
  readonly title: _angular_core.InputSignal<string>;
1311
+ readonly subtitle: _angular_core.InputSignal<string>;
1312
+ readonly helper: _angular_core.InputSignal<string>;
1313
+ readonly icon: _angular_core.InputSignal<string | null>;
1314
+ readonly avatar: _angular_core.InputSignal<string | null>;
1315
+ readonly badge: _angular_core.InputSignal<string | number | null>;
1316
+ readonly badgeTheme: _angular_core.InputSignal<BadgeTheme>;
908
1317
  readonly disabled: _angular_core.InputSignal<boolean>;
909
- readonly badge: _angular_core.InputSignal<string | undefined>;
1318
+ readonly displayLabel: _angular_core.Signal<string>;
1319
+ readonly displaySubtitle: _angular_core.Signal<string>;
910
1320
  private readonly parentTabs;
911
1321
  readonly isActive: _angular_core.Signal<boolean>;
912
1322
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabItemComponent, never>;
913
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabItemComponent, "ol-tab-item", never, { "tabId": { "alias": "tabId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1323
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabItemComponent, "ol-tab-item", never, { "tabId": { "alias": "tabId"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeTheme": { "alias": "badgeTheme"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
914
1324
  }
915
1325
 
916
- type TabsVariant = 'underline' | 'pills' | 'card';
1326
+ type TabsVariant = 'default' | 'underline' | 'border-bottom' | 'pills' | 'button' | 'boxed' | 'button-group' | 'vertical' | 'vertical-pills' | 'vertical-list' | 'card';
1327
+ type TabsSize = 'sm' | 'md' | 'lg';
917
1328
  declare class TabsComponent {
918
- readonly activeTab: _angular_core.ModelSignal<string | number>;
919
1329
  readonly variant: _angular_core.InputSignal<TabsVariant>;
1330
+ readonly size: _angular_core.InputSignal<TabsSize>;
1331
+ readonly fullWidth: _angular_core.InputSignal<boolean>;
1332
+ readonly mobile: _angular_core.InputSignal<boolean>;
1333
+ readonly mobileDropdown: _angular_core.InputSignal<boolean>;
1334
+ readonly selectedIndex: _angular_core.ModelSignal<number>;
1335
+ readonly activeTab: _angular_core.ModelSignal<string | number>;
920
1336
  readonly tabChange: _angular_core.OutputEmitterRef<{
921
1337
  index: number;
922
1338
  id?: string;
@@ -924,13 +1340,16 @@ declare class TabsComponent {
924
1340
  }>;
925
1341
  readonly items: _angular_core.Signal<readonly TabItemComponent[]>;
926
1342
  readonly currentIndex: _angular_core.Signal<number>;
927
- selectTab(indexOrId: number | string): void;
1343
+ readonly currentItem: _angular_core.Signal<TabItemComponent>;
1344
+ readonly isMobileDropdown: _angular_core.Signal<boolean>;
1345
+ readonly isVertical: _angular_core.Signal<boolean>;
1346
+ readonly sizeClasses: _angular_core.Signal<"py-1.5 px-3 text-xs gap-1.5" | "py-3.5 px-6 text-base gap-2.5" | "py-2.5 px-4 text-sm gap-2">;
1347
+ selectTab(index: number): void;
928
1348
  show(indexOrId: number | string): void;
929
1349
  nextTab(): void;
930
1350
  prevTab(): void;
931
- getActiveTab(): TabItemComponent | undefined;
932
1351
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
933
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ol-tabs", never, { "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "tabChange": "tabChange"; }, ["items"], ["[tab-headers]", "*"], true, never>;
1352
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ol-tabs", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "mobile": { "alias": "mobile"; "required": false; "isSignal": true; }; "mobileDropdown": { "alias": "mobileDropdown"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "activeTab": "activeTabChange"; "tabChange": "tabChange"; }, ["items"], ["*", "*"], true, never>;
934
1353
  }
935
1354
 
936
1355
  declare class TimelineComponent {
@@ -1041,6 +1460,7 @@ declare class OlIconService {
1041
1460
  */
1042
1461
  getIcon(name: string, variant?: string): Observable<SafeHtml | null>;
1043
1462
  private fetchIconSvg;
1463
+ private readonly builtinSvgMap;
1044
1464
  private readonly aliasMap;
1045
1465
  private getCandidateUrls;
1046
1466
  private normalizeKey;
@@ -1066,6 +1486,88 @@ interface IconDefinition {
1066
1486
  }
1067
1487
  declare const OL_ICONS: Record<string, IconDefinition>;
1068
1488
 
1069
- export { AccordionComponent, AccordionItemComponent, AlertComponent, AvatarComponent, AvatarGroupComponent, BadgeComponent, BannerComponent, BreadcrumbComponent, BreadcrumbItemComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CarouselComponent, CarouselSlideComponent, CheckboxComponent, ClipboardComponent, CollapseComponent, DateRangePickerComponent, DatepickerComponent, DatepickerDirective, DatepickerFooterComponent, DatepickerHeaderComponent, DatepickerPopupComponent, DatepickerStateService, DayViewComponent, DownloadAppButtonComponent, DrawerComponent, DropdownComponent, DropdownItemComponent, FileInputComponent, FloatingLabelComponent, FooterComponent, IconComponent, InputComponent, InputCounterComponent, KbdComponent, ListGroupComponent, ListGroupItemComponent, MONTHS_FULL_EN, MONTHS_FULL_VI, MONTHS_SHORT_VI, ModalComponent, MonthViewComponent, NavbarComponent, NavbarItemComponent, OL_ICONS, OlIconService, OtpInputComponent, PaginationComponent, PopoverComponent, ProgressComponent, RadioComponent, RangeComponent, RatingComponent, RichTextEditorComponent, SelectComponent, SidebarComponent, SidebarItemComponent, SkeletonComponent, SpeedDialComponent, SpinnerComponent, TabItemComponent, TableComponent, TabsComponent, TagInputComponent, TextareaComponent, TimelineComponent, TimelineItemComponent, ToastComponent, ToggleComponent, TooltipComponent, WEEKDAYS_SHORT_EN, WEEKDAYS_SHORT_VI, YearViewComponent, cloneDate, endOfDay, formatDate, generateMonthMatrix, generateMonthsMatrix, generateYearsMatrix, isBetween, isDateDisabled, isSameDay, isSameMonth, isSameYear, isToday, parseDate, startOfDay };
1070
- export type { AlertColor, AlertVariant, AppDevice, AppTheme, AvatarShape, AvatarSize, BadgeColor, BadgeSize, ButtonColor, ButtonSize, DateCustomClass, DateRange, DatepickerPreset, DatepickerSelectionMode, DatepickerSize, DatepickerViewMode, DayCell, DrawerPlacement, DropdownPlacement, DropdownTrigger, FileInputSize, IconColor, IconDefinition, IconManifestEntry, IconSize, IconVariant, InputCounterSize, InputSize, InputState, ModalPlacement, ModalSize, MonthCell, PopoverPlacement, ProgressColor, ProgressSize, SelectOption, SelectSize, SelectState, SpinnerColor, SpinnerSize, TabsVariant, TextareaState, ToastType, ToggleSize, TooltipPlacement, TooltipTheme, TooltipTrigger, YearCell };
1489
+ type IconShapeSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';
1490
+ type IconShapeColor = 'brand' | 'white' | 'dark' | 'red' | 'gray' | 'green' | 'yellow';
1491
+ type IconShapeType = 'circle' | 'square';
1492
+ declare class IconShapeComponent {
1493
+ readonly icon: _angular_core.InputSignal<string>;
1494
+ readonly size: _angular_core.InputSignal<IconShapeSize>;
1495
+ readonly color: _angular_core.InputSignal<IconShapeColor>;
1496
+ readonly type: _angular_core.InputSignal<IconShapeType>;
1497
+ readonly iconSize: _angular_core.Signal<number>;
1498
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconShapeComponent, never>;
1499
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconShapeComponent, "ol-icon-shape", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1500
+ }
1501
+
1502
+ declare class BottomNavComponent {
1503
+ readonly bordered: _angular_core.InputSignal<boolean>;
1504
+ readonly shadow: _angular_core.InputSignal<boolean>;
1505
+ readonly safeArea: _angular_core.InputSignal<boolean>;
1506
+ readonly position: _angular_core.InputSignal<"relative" | "fixed">;
1507
+ readonly navClasses: _angular_core.Signal<string>;
1508
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<BottomNavComponent, never>;
1509
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BottomNavComponent, "ol-bottom-nav", never, { "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "safeArea": { "alias": "safeArea"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1510
+ }
1511
+
1512
+ declare class BottomNavItemComponent {
1513
+ readonly routerLink: _angular_core.InputSignal<string | any[] | null>;
1514
+ readonly routerLinkActive: _angular_core.InputSignal<string>;
1515
+ readonly routerLinkActiveOptions: _angular_core.InputSignal<{
1516
+ exact: boolean;
1517
+ }>;
1518
+ readonly href: _angular_core.InputSignal<string | null>;
1519
+ readonly icon: _angular_core.InputSignal<string>;
1520
+ readonly label: _angular_core.InputSignal<string>;
1521
+ readonly badge: _angular_core.InputSignal<string | number | null>;
1522
+ readonly badgeTheme: _angular_core.InputSignal<BadgeTheme>;
1523
+ readonly isCenterAction: _angular_core.InputSignal<boolean>;
1524
+ readonly active: _angular_core.InputSignal<boolean>;
1525
+ readonly itemClasses: _angular_core.Signal<string>;
1526
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<BottomNavItemComponent, never>;
1527
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BottomNavItemComponent, "ol-bottom-nav-item", never, { "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeTheme": { "alias": "badgeTheme"; "required": false; "isSignal": true; }; "isCenterAction": { "alias": "isCenterAction"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1528
+ }
1529
+
1530
+ type StepState = 'initial' | 'active' | 'completed' | 'error' | 'disabled';
1531
+ declare class StepItemComponent {
1532
+ readonly stepId: _angular_core.InputSignal<string>;
1533
+ readonly title: _angular_core.InputSignal<string>;
1534
+ readonly subtitle: _angular_core.InputSignal<string>;
1535
+ readonly description: _angular_core.InputSignal<string>;
1536
+ readonly icon: _angular_core.InputSignal<string | null>;
1537
+ readonly state: _angular_core.InputSignal<StepState | null>;
1538
+ readonly disabled: _angular_core.InputSignal<boolean>;
1539
+ readonly badge: _angular_core.InputSignal<string | null>;
1540
+ private readonly parentStepper;
1541
+ readonly stepIndex: _angular_core.Signal<any>;
1542
+ readonly effectiveState: _angular_core.Signal<StepState>;
1543
+ readonly isActive: _angular_core.Signal<boolean>;
1544
+ readonly effectiveSubtitle: _angular_core.Signal<string>;
1545
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepItemComponent, never>;
1546
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepItemComponent, "ol-step-item", never, { "stepId": { "alias": "stepId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1547
+ }
1548
+
1549
+ type StepperVariant = 'default' | 'only-icons' | 'icons-text' | 'with-dots' | 'vertical' | 'cards';
1550
+ type StepperOrientation = 'horizontal' | 'vertical';
1551
+ type StepperBreakpoint = 'desktop' | 'mobile';
1552
+ declare class StepperComponent {
1553
+ readonly currentStep: _angular_core.ModelSignal<number>;
1554
+ readonly variant: _angular_core.InputSignal<StepperVariant>;
1555
+ readonly orientation: _angular_core.InputSignal<StepperOrientation>;
1556
+ readonly breakpoint: _angular_core.InputSignal<StepperBreakpoint>;
1557
+ readonly linear: _angular_core.InputSignal<boolean>;
1558
+ readonly clickable: _angular_core.InputSignal<boolean>;
1559
+ readonly stepChange: _angular_core.OutputEmitterRef<number>;
1560
+ readonly steps: _angular_core.Signal<readonly StepItemComponent[]>;
1561
+ readonly isVertical: _angular_core.Signal<boolean>;
1562
+ readonly isHorizontal: _angular_core.Signal<boolean>;
1563
+ readonly isMobile: _angular_core.Signal<boolean>;
1564
+ goToStep(index: number): void;
1565
+ next(): void;
1566
+ prev(): void;
1567
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepperComponent, never>;
1568
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepperComponent, "ol-stepper", never, { "currentStep": { "alias": "currentStep"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "breakpoint": { "alias": "breakpoint"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "currentStep": "currentStepChange"; "stepChange": "stepChange"; }, ["steps"], ["*"], true, never>;
1569
+ }
1570
+
1571
+ export { AccordionComponent, AccordionItemComponent, AlertComponent, AutocompleteComponent, AvatarComponent, AvatarGroupComponent, BadgeComponent, BannerComponent, BottomNavComponent, BottomNavItemComponent, BreadcrumbComponent, BreadcrumbItemComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CarouselComponent, CarouselSlideComponent, CheckboxComponent, ClipboardComponent, CollapseComponent, DateRangePickerComponent, DatepickerComponent, DatepickerDirective, DatepickerFooterComponent, DatepickerHeaderComponent, DatepickerPopupComponent, DatepickerStateService, DayViewComponent, DownloadAppButtonComponent, DrawerComponent, DropdownComponent, DropdownItemComponent, FileInputComponent, FloatingLabelComponent, FooterComponent, IconComponent, IconShapeComponent, InputComponent, InputCounterComponent, KbdComponent, ListGroupComponent, ListGroupItemComponent, MONTHS_FULL_EN, MONTHS_FULL_VI, MONTHS_SHORT_VI, ModalComponent, MonthViewComponent, NavDropdownComponent, NavbarComponent, NavbarItemComponent, OL_ICONS, OlIconService, OtpInputComponent, PaginationComponent, PopoverComponent, ProgressComponent, RadioComponent, RangeComponent, RatingComponent, RichTextEditorComponent, SelectComponent, SidebarComponent, SidebarGroupComponent, SidebarItemComponent, SidebarSubmenuComponent, SkeletonComponent, SpeedDialComponent, SpinnerComponent, StepItemComponent, StepperComponent, TabItemComponent, TableComponent, TabsComponent, TagInputComponent, TextareaComponent, TimelineComponent, TimelineItemComponent, TimepickerComponent, ToastComponent, ToggleComponent, TooltipComponent, WEEKDAYS_SHORT_EN, WEEKDAYS_SHORT_VI, YearViewComponent, cloneDate, endOfDay, formatDate, generateMonthMatrix, generateMonthsMatrix, generateYearsMatrix, isBetween, isDateDisabled, isSameDay, isSameMonth, isSameYear, isToday, parseDate, startOfDay };
1572
+ export type { AlertColor, AlertVariant, AppDevice, AppTheme, AutocompleteOption, AutocompleteSize, AutocompleteState, AvatarShape, AvatarSize, AvatarStatus, BadgeShape, BadgeSize, BadgeTheme, BadgeType, BreadcrumbItemStatus, BreadcrumbSeparator, BreadcrumbVariant, ButtonColor, ButtonGroupColor, ButtonGroupOrientation, ButtonGroupSize, ButtonSize, CardPadding, CardRadius, CardShadow, CardVariant, CheckboxSize, DateCustomClass, DateRange, DatepickerPreset, DatepickerSelectionMode, DatepickerSize, DatepickerViewMode, DayCell, DrawerPlacement, DropdownAutoClose, DropdownPlacement, DropdownTrigger, FileInputSize, FloatingLabelSize, FloatingLabelState, FloatingLabelVariant, IconColor, IconDefinition, IconManifestEntry, IconShapeColor, IconShapeSize, IconShapeType, IconSize, IconVariant, InputCounterSize, InputSize, InputState, ModalPlacement, ModalSize, MonthCell, PaginationType, PaginationVariant, PopoverPlacement, ProgressColor, ProgressSize, RadioSize, SelectOption, SelectSize, SelectState, SpinnerColor, SpinnerSize, StepState, StepperBreakpoint, StepperOrientation, StepperVariant, TabsSize, TabsVariant, TextareaState, TimepickerFormat, TimepickerSize, TimepickerState, ToastType, ToggleColor, ToggleSize, TooltipPlacement, TooltipTheme, TooltipTrigger, YearCell };
1071
1573
  //# sourceMappingURL=edmicro-olkit.d.ts.map