@ojiepermana/angular 22.1.14 → 22.2.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.
Files changed (252) hide show
  1. package/README.md +8 -6
  2. package/SUPPORT.md +3 -3
  3. package/chart/README.md +1 -1
  4. package/component/README.md +2 -2
  5. package/component/calendar/README.md +3 -15
  6. package/component/drawer/README.md +1 -2
  7. package/fesm2022/ojiepermana-angular-chart-area.mjs +352 -137
  8. package/fesm2022/ojiepermana-angular-chart-bar.mjs +744 -524
  9. package/fesm2022/ojiepermana-angular-chart-core.mjs +1140 -1344
  10. package/fesm2022/ojiepermana-angular-chart-line.mjs +393 -147
  11. package/fesm2022/ojiepermana-angular-chart-pie.mjs +408 -179
  12. package/fesm2022/ojiepermana-angular-chart-primitives.mjs +1262 -920
  13. package/fesm2022/ojiepermana-angular-chart-radar.mjs +473 -205
  14. package/fesm2022/ojiepermana-angular-chart-radial.mjs +425 -182
  15. package/fesm2022/ojiepermana-angular-chart-scatter.mjs +386 -210
  16. package/fesm2022/ojiepermana-angular-chart.mjs +3 -19
  17. package/fesm2022/ojiepermana-angular-component-accordion.mjs +485 -243
  18. package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs +963 -325
  19. package/fesm2022/ojiepermana-angular-component-alert.mjs +266 -103
  20. package/fesm2022/ojiepermana-angular-component-aspect-ratio.mjs +80 -35
  21. package/fesm2022/ojiepermana-angular-component-avatar.mjs +402 -135
  22. package/fesm2022/ojiepermana-angular-component-badge.mjs +109 -59
  23. package/fesm2022/ojiepermana-angular-component-breadcrumb.mjs +410 -142
  24. package/fesm2022/ojiepermana-angular-component-button-group.mjs +249 -96
  25. package/fesm2022/ojiepermana-angular-component-button.mjs +153 -75
  26. package/fesm2022/ojiepermana-angular-component-calendar.mjs +531 -418
  27. package/fesm2022/ojiepermana-angular-component-card.mjs +457 -171
  28. package/fesm2022/ojiepermana-angular-component-carousel.mjs +642 -272
  29. package/fesm2022/ojiepermana-angular-component-checkbox.mjs +312 -108
  30. package/fesm2022/ojiepermana-angular-component-collapsible.mjs +299 -115
  31. package/fesm2022/ojiepermana-angular-component-combobox.mjs +396 -183
  32. package/fesm2022/ojiepermana-angular-component-command.mjs +807 -347
  33. package/fesm2022/ojiepermana-angular-component-composer.mjs +807 -330
  34. package/fesm2022/ojiepermana-angular-component-context-menu.mjs +196 -161
  35. package/fesm2022/ojiepermana-angular-component-date-picker.mjs +650 -338
  36. package/fesm2022/ojiepermana-angular-component-dialog.mjs +710 -316
  37. package/fesm2022/ojiepermana-angular-component-drawer.mjs +2 -5
  38. package/fesm2022/ojiepermana-angular-component-dropdown-menu.mjs +1212 -646
  39. package/fesm2022/ojiepermana-angular-component-editor.mjs +987 -502
  40. package/fesm2022/ojiepermana-angular-component-empty.mjs +350 -137
  41. package/fesm2022/ojiepermana-angular-component-form.mjs +813 -434
  42. package/fesm2022/ojiepermana-angular-component-hover-card.mjs +486 -277
  43. package/fesm2022/ojiepermana-angular-component-icon.mjs +241 -140
  44. package/fesm2022/ojiepermana-angular-component-input-group.mjs +449 -176
  45. package/fesm2022/ojiepermana-angular-component-input-otp.mjs +891 -488
  46. package/fesm2022/ojiepermana-angular-component-input.mjs +86 -55
  47. package/fesm2022/ojiepermana-angular-component-item.mjs +713 -261
  48. package/fesm2022/ojiepermana-angular-component-kanban.mjs +714 -216
  49. package/fesm2022/ojiepermana-angular-component-kbd.mjs +124 -52
  50. package/fesm2022/ojiepermana-angular-component-label.mjs +82 -31
  51. package/fesm2022/ojiepermana-angular-component-menubar.mjs +479 -329
  52. package/fesm2022/ojiepermana-angular-component-native-select.mjs +167 -65
  53. package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs +683 -380
  54. package/fesm2022/ojiepermana-angular-component-pagination.mjs +277 -94
  55. package/fesm2022/ojiepermana-angular-component-pillbox.mjs +1283 -607
  56. package/fesm2022/ojiepermana-angular-component-popover.mjs +291 -204
  57. package/fesm2022/ojiepermana-angular-component-progress.mjs +176 -53
  58. package/fesm2022/ojiepermana-angular-component-radio.mjs +449 -142
  59. package/fesm2022/ojiepermana-angular-component-resizable.mjs +659 -453
  60. package/fesm2022/ojiepermana-angular-component-scroll-area.mjs +117 -39
  61. package/fesm2022/ojiepermana-angular-component-segmented-control.mjs +351 -172
  62. package/fesm2022/ojiepermana-angular-component-select.mjs +475 -345
  63. package/fesm2022/ojiepermana-angular-component-separator.mjs +102 -35
  64. package/fesm2022/ojiepermana-angular-component-sheet.mjs +797 -347
  65. package/fesm2022/ojiepermana-angular-component-skeleton.mjs +62 -29
  66. package/fesm2022/ojiepermana-angular-component-slider.mjs +592 -376
  67. package/fesm2022/ojiepermana-angular-component-spinner.mjs +135 -38
  68. package/fesm2022/ojiepermana-angular-component-switch.mjs +315 -103
  69. package/fesm2022/ojiepermana-angular-component-table.mjs +440 -153
  70. package/fesm2022/ojiepermana-angular-component-tabs.mjs +590 -317
  71. package/fesm2022/ojiepermana-angular-component-textarea.mjs +85 -50
  72. package/fesm2022/ojiepermana-angular-component-timeline.mjs +609 -231
  73. package/fesm2022/ojiepermana-angular-component-toast.mjs +229 -243
  74. package/fesm2022/ojiepermana-angular-component-toggle-group.mjs +573 -288
  75. package/fesm2022/ojiepermana-angular-component-toggle.mjs +187 -78
  76. package/fesm2022/ojiepermana-angular-component-tooltip.mjs +798 -517
  77. package/fesm2022/ojiepermana-angular-component-utils-core.mjs +159 -292
  78. package/fesm2022/ojiepermana-angular-component-utils-overlay.mjs +46 -58
  79. package/fesm2022/ojiepermana-angular-component-utils-scale.mjs +76 -38
  80. package/fesm2022/ojiepermana-angular-component-utils.mjs +2 -8
  81. package/fesm2022/ojiepermana-angular-component.mjs +0 -10
  82. package/fesm2022/ojiepermana-angular-navigation-core.mjs +13 -23
  83. package/fesm2022/ojiepermana-angular-navigation-icon.mjs +35 -24
  84. package/fesm2022/ojiepermana-angular-navigation-navigation-badge-count.component-BKCeWzml.mjs +129 -0
  85. package/fesm2022/ojiepermana-angular-navigation-navigation-dockbar-menu.component-DFEJK2jD.mjs +811 -0
  86. package/fesm2022/{ojiepermana-angular-navigation-navigation-entry-grid.component-COQ-60DS.mjs → ojiepermana-angular-navigation-navigation-entry-grid.component-mpK9Ar08.mjs} +387 -183
  87. package/fesm2022/ojiepermana-angular-navigation-navigation-flyout-menu.component-BPgH7FJk.mjs +650 -0
  88. package/fesm2022/ojiepermana-angular-navigation-navigation-horizontal.component-DMpYcD9t.mjs +662 -0
  89. package/fesm2022/ojiepermana-angular-navigation-navigation-item.component-Basp5SIk.mjs +1228 -0
  90. package/fesm2022/ojiepermana-angular-navigation-navigation-list.component-YUzHI9Pj.mjs +311 -0
  91. package/fesm2022/ojiepermana-angular-navigation-service.mjs +542 -724
  92. package/fesm2022/ojiepermana-angular-navigation-types.mjs +27 -56
  93. package/fesm2022/ojiepermana-angular-navigation.mjs +3052 -4
  94. package/fesm2022/ojiepermana-angular-sdk.mjs +91 -201
  95. package/fesm2022/ojiepermana-angular-theme-component-settings.mjs +1115 -737
  96. package/fesm2022/ojiepermana-angular-theme-layout-services.mjs +245 -328
  97. package/fesm2022/ojiepermana-angular-theme-layout-types.mjs +35 -38
  98. package/fesm2022/ojiepermana-angular-theme-layout-wrapper.mjs +1719 -552
  99. package/fesm2022/ojiepermana-angular-theme-layout.mjs +847 -496
  100. package/fesm2022/ojiepermana-angular-theme-page-core.mjs +288 -358
  101. package/fesm2022/ojiepermana-angular-theme-page-filter.mjs +362 -224
  102. package/fesm2022/ojiepermana-angular-theme-page-overview.mjs +88 -0
  103. package/fesm2022/ojiepermana-angular-theme-page-root.mjs +576 -254
  104. package/fesm2022/ojiepermana-angular-theme-page-side.mjs +317 -177
  105. package/fesm2022/ojiepermana-angular-theme-page-slots.mjs +256 -112
  106. package/fesm2022/ojiepermana-angular-theme-page.mjs +7 -12
  107. package/fesm2022/ojiepermana-angular-theme-shell-services.mjs +215 -326
  108. package/fesm2022/ojiepermana-angular-theme-shell-types.mjs +68 -129
  109. package/fesm2022/ojiepermana-angular-theme-shell.mjs +907 -378
  110. package/fesm2022/ojiepermana-angular-theme-styles.mjs +521 -720
  111. package/fesm2022/ojiepermana-angular-theme.mjs +0 -10
  112. package/fesm2022/ojiepermana-angular.mjs +5 -24
  113. package/navigation/README.md +1 -1
  114. package/package.json +16 -12
  115. package/sdk/README.md +1 -1
  116. package/sdk/src/writer/index.js +2 -2
  117. package/theme/README.md +1 -1
  118. package/theme/layout/README.md +2 -4
  119. package/theme/page/README.md +50 -0
  120. package/theme/styles/README.md +10 -10
  121. package/theme/styles/css/base/prefers-dark.css +1 -1
  122. package/theme/styles/css/base/status.css +1 -1
  123. package/theme/styles/css/color/amber.css +1 -1
  124. package/theme/styles/css/color/blue.css +1 -1
  125. package/theme/styles/css/color/cyan.css +1 -1
  126. package/theme/styles/css/color/emerald.css +1 -1
  127. package/theme/styles/css/color/fuchsia.css +1 -1
  128. package/theme/styles/css/color/green.css +1 -1
  129. package/theme/styles/css/color/indigo.css +1 -1
  130. package/theme/styles/css/color/lime.css +1 -1
  131. package/theme/styles/css/color/orange.css +1 -1
  132. package/theme/styles/css/color/pink.css +1 -1
  133. package/theme/styles/css/color/purple.css +1 -1
  134. package/theme/styles/css/color/red.css +1 -1
  135. package/theme/styles/css/color/rose.css +1 -1
  136. package/theme/styles/css/color/sky.css +1 -1
  137. package/theme/styles/css/color/teal.css +1 -1
  138. package/theme/styles/css/color/violet.css +1 -1
  139. package/theme/styles/css/color/yellow.css +1 -1
  140. package/theme/styles/css/neutral/gray.css +1 -1
  141. package/theme/styles/css/neutral/mauve.css +1 -1
  142. package/theme/styles/css/neutral/mist.css +1 -1
  143. package/theme/styles/css/neutral/neutral.css +1 -1
  144. package/theme/styles/css/neutral/olive.css +1 -1
  145. package/theme/styles/css/neutral/slate.css +1 -1
  146. package/theme/styles/css/neutral/stone.css +1 -1
  147. package/theme/styles/css/neutral/taupe.css +1 -1
  148. package/theme/styles/css/neutral/zinc.css +1 -1
  149. package/types/ojiepermana-angular-chart-area.d.ts +126 -63
  150. package/types/ojiepermana-angular-chart-bar.d.ts +244 -154
  151. package/types/ojiepermana-angular-chart-core.d.ts +409 -398
  152. package/types/ojiepermana-angular-chart-line.d.ts +141 -68
  153. package/types/ojiepermana-angular-chart-pie.d.ts +192 -121
  154. package/types/ojiepermana-angular-chart-primitives.d.ts +283 -214
  155. package/types/ojiepermana-angular-chart-radar.d.ts +189 -108
  156. package/types/ojiepermana-angular-chart-radial.d.ts +177 -106
  157. package/types/ojiepermana-angular-chart-scatter.d.ts +166 -110
  158. package/types/ojiepermana-angular-chart.d.ts +3 -2
  159. package/types/ojiepermana-angular-component-accordion.d.ts +135 -81
  160. package/types/ojiepermana-angular-component-alert-dialog.d.ts +271 -123
  161. package/types/ojiepermana-angular-component-alert.d.ts +69 -39
  162. package/types/ojiepermana-angular-component-aspect-ratio.d.ts +20 -12
  163. package/types/ojiepermana-angular-component-avatar.d.ts +103 -49
  164. package/types/ojiepermana-angular-component-badge.d.ts +36 -24
  165. package/types/ojiepermana-angular-component-breadcrumb.d.ts +79 -40
  166. package/types/ojiepermana-angular-component-button-group.d.ts +48 -24
  167. package/types/ojiepermana-angular-component-button.d.ts +44 -27
  168. package/types/ojiepermana-angular-component-calendar.d.ts +145 -107
  169. package/types/ojiepermana-angular-component-card.d.ts +112 -63
  170. package/types/ojiepermana-angular-component-carousel.d.ts +150 -81
  171. package/types/ojiepermana-angular-component-checkbox.d.ts +96 -38
  172. package/types/ojiepermana-angular-component-collapsible.d.ts +65 -39
  173. package/types/ojiepermana-angular-component-combobox.d.ts +100 -55
  174. package/types/ojiepermana-angular-component-command.d.ts +206 -121
  175. package/types/ojiepermana-angular-component-composer.d.ts +184 -84
  176. package/types/ojiepermana-angular-component-context-menu.d.ts +51 -41
  177. package/types/ojiepermana-angular-component-date-picker.d.ts +199 -109
  178. package/types/ojiepermana-angular-component-dialog.d.ts +200 -105
  179. package/types/ojiepermana-angular-component-drawer.d.ts +2 -1
  180. package/types/ojiepermana-angular-component-dropdown-menu.d.ts +324 -202
  181. package/types/ojiepermana-angular-component-editor.d.ts +215 -117
  182. package/types/ojiepermana-angular-component-empty.d.ts +80 -45
  183. package/types/ojiepermana-angular-component-form.d.ts +185 -121
  184. package/types/ojiepermana-angular-component-hover-card.d.ts +130 -72
  185. package/types/ojiepermana-angular-component-icon.d.ts +87 -57
  186. package/types/ojiepermana-angular-component-input-group.d.ts +93 -46
  187. package/types/ojiepermana-angular-component-input-otp.d.ts +243 -150
  188. package/types/ojiepermana-angular-component-input.d.ts +27 -17
  189. package/types/ojiepermana-angular-component-item.d.ts +160 -84
  190. package/types/ojiepermana-angular-component-kanban.d.ts +157 -62
  191. package/types/ojiepermana-angular-component-kbd.d.ts +24 -15
  192. package/types/ojiepermana-angular-component-label.d.ts +19 -11
  193. package/types/ojiepermana-angular-component-menubar.d.ts +120 -90
  194. package/types/ojiepermana-angular-component-native-select.d.ts +37 -24
  195. package/types/ojiepermana-angular-component-navigation-menu.d.ts +157 -98
  196. package/types/ojiepermana-angular-component-pagination.d.ts +78 -28
  197. package/types/ojiepermana-angular-component-pillbox.d.ts +361 -204
  198. package/types/ojiepermana-angular-component-popover.d.ts +94 -64
  199. package/types/ojiepermana-angular-component-progress.d.ts +45 -17
  200. package/types/ojiepermana-angular-component-radio.d.ts +129 -53
  201. package/types/ojiepermana-angular-component-resizable.d.ts +160 -112
  202. package/types/ojiepermana-angular-component-scroll-area.d.ts +33 -15
  203. package/types/ojiepermana-angular-component-segmented-control.d.ts +94 -50
  204. package/types/ojiepermana-angular-component-select.d.ts +94 -77
  205. package/types/ojiepermana-angular-component-separator.d.ts +26 -14
  206. package/types/ojiepermana-angular-component-sheet.d.ts +226 -116
  207. package/types/ojiepermana-angular-component-skeleton.d.ts +13 -10
  208. package/types/ojiepermana-angular-component-slider.d.ts +140 -75
  209. package/types/ojiepermana-angular-component-spinner.d.ts +31 -13
  210. package/types/ojiepermana-angular-component-switch.d.ts +97 -40
  211. package/types/ojiepermana-angular-component-table.d.ts +102 -50
  212. package/types/ojiepermana-angular-component-tabs.d.ts +174 -115
  213. package/types/ojiepermana-angular-component-textarea.d.ts +27 -17
  214. package/types/ojiepermana-angular-component-timeline.d.ts +141 -59
  215. package/types/ojiepermana-angular-component-toast.d.ts +51 -55
  216. package/types/ojiepermana-angular-component-toggle-group.d.ts +159 -88
  217. package/types/ojiepermana-angular-component-toggle.d.ts +47 -25
  218. package/types/ojiepermana-angular-component-tooltip.d.ts +222 -132
  219. package/types/ojiepermana-angular-component-utils-core.d.ts +81 -90
  220. package/types/ojiepermana-angular-component-utils-overlay.d.ts +7 -11
  221. package/types/ojiepermana-angular-component-utils-scale.d.ts +20 -12
  222. package/types/ojiepermana-angular-component-utils.d.ts +2 -2
  223. package/types/ojiepermana-angular-component.d.ts +1 -2
  224. package/types/ojiepermana-angular-navigation-core.d.ts +46 -50
  225. package/types/ojiepermana-angular-navigation-icon.d.ts +9 -12
  226. package/types/ojiepermana-angular-navigation-service.d.ts +112 -115
  227. package/types/ojiepermana-angular-navigation-types.d.ts +121 -125
  228. package/types/ojiepermana-angular-navigation.d.ts +663 -374
  229. package/types/ojiepermana-angular-sdk.d.ts +69 -71
  230. package/types/ojiepermana-angular-theme-component-settings.d.ts +115 -83
  231. package/types/ojiepermana-angular-theme-layout-services.d.ts +119 -124
  232. package/types/ojiepermana-angular-theme-layout-types.d.ts +27 -31
  233. package/types/ojiepermana-angular-theme-layout-wrapper.d.ts +399 -187
  234. package/types/ojiepermana-angular-theme-layout.d.ts +201 -113
  235. package/types/ojiepermana-angular-theme-page-core.d.ts +136 -142
  236. package/types/ojiepermana-angular-theme-page-filter.d.ts +112 -62
  237. package/types/ojiepermana-angular-theme-page-overview.d.ts +28 -0
  238. package/types/ojiepermana-angular-theme-page-root.d.ts +172 -88
  239. package/types/ojiepermana-angular-theme-page-side.d.ts +89 -49
  240. package/types/ojiepermana-angular-theme-page-slots.d.ts +58 -37
  241. package/types/ojiepermana-angular-theme-page.d.ts +7 -5
  242. package/types/ojiepermana-angular-theme-shell-services.d.ts +119 -125
  243. package/types/ojiepermana-angular-theme-shell-types.d.ts +38 -41
  244. package/types/ojiepermana-angular-theme-shell.d.ts +139 -61
  245. package/types/ojiepermana-angular-theme-styles.d.ts +184 -196
  246. package/types/ojiepermana-angular-theme.d.ts +1 -2
  247. package/types/ojiepermana-angular.d.ts +5 -5
  248. package/fesm2022/ojiepermana-angular-navigation-navigation-badge-count.component-Be3IqzG4.mjs +0 -91
  249. package/fesm2022/ojiepermana-angular-navigation-navigation-dockbar-menu.component-Bc7DWK3R.mjs +0 -522
  250. package/fesm2022/ojiepermana-angular-navigation-navigation-flyout-menu.component-DA8VPEn7.mjs +0 -404
  251. package/fesm2022/ojiepermana-angular-navigation-navigation-horizontal.component-U2TJTzlW.mjs +0 -466
  252. package/fesm2022/ojiepermana-angular-navigation-ojiepermana-angular-navigation-CIUhmytH.mjs +0 -2668
@@ -1,60 +1,105 @@
1
- import * as _angular_core from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
-
4
- interface ComboboxOption<T = unknown> {
5
- readonly value: T;
6
- readonly label: string;
7
- readonly disabled?: boolean;
1
+ import { ControlValueAccessor } from "@angular/forms";
2
+ import * as i0 from "@angular/core";
3
+ export interface ComboboxOption<T = unknown> {
4
+ readonly value: T;
5
+ readonly label: string;
6
+ readonly disabled?: boolean;
8
7
  }
9
8
  /**
10
9
  * Combobox with searchable option list. Options passed via `[options]`.
11
10
  * Emits two-way `value` and supports forms via ControlValueAccessor.
12
11
  */
13
- declare class ComboboxComponent<T = unknown> implements ControlValueAccessor {
14
- private readonly overlay;
15
- private readonly vcr;
16
- private readonly destroyRef;
17
- private readonly instanceId;
18
- readonly options: _angular_core.InputSignal<readonly ComboboxOption<T>[]>;
19
- readonly value: _angular_core.ModelSignal<T | null>;
20
- readonly placeholder: _angular_core.InputSignal<string>;
21
- /** Accessible name for the combobox trigger (its text content is the value, not a name). */
22
- readonly ariaLabel: _angular_core.InputSignal<string | null>;
23
- readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
24
- readonly searchPlaceholder: _angular_core.InputSignal<string>;
25
- readonly emptyText: _angular_core.InputSignal<string>;
26
- readonly disabled: _angular_core.ModelSignal<boolean>;
27
- readonly class: _angular_core.InputSignal<string>;
28
- /** Disabled state pushed by the Forms API; kept separate so it never clobbers the `disabled` binding. */
29
- private readonly cvaDisabled;
30
- protected readonly isDisabled: _angular_core.Signal<boolean>;
31
- private readonly trigger;
32
- private readonly panel;
33
- private overlayRef;
34
- readonly isOpen: _angular_core.WritableSignal<boolean>;
35
- protected readonly triggerId: string;
36
- protected readonly panelId: string;
37
- protected readonly classes: _angular_core.Signal<string>;
38
- protected readonly triggerClasses: _angular_core.Signal<string>;
39
- protected readonly selectedLabel: _angular_core.Signal<string>;
40
- private onChangeFn;
41
- private onTouchedFn;
42
- constructor();
43
- protected isSelected(opt: ComboboxOption<T>): boolean;
44
- protected toggle(): void;
45
- protected open(): void;
46
- protected close(options?: {
47
- restoreFocus?: boolean;
48
- notifyTouched?: boolean;
49
- }): void;
50
- protected pick(opt: ComboboxOption<T>): void;
51
- writeValue(v: T | null): void;
52
- registerOnChange(fn: (v: T | null) => void): void;
53
- registerOnTouched(fn: () => void): void;
54
- setDisabledState(state: boolean): void;
55
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboboxComponent<any>, never>;
56
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboboxComponent<any>, "Combobox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
57
- }
58
-
59
- export { ComboboxComponent };
60
- export type { ComboboxOption };
12
+ export declare class ComboboxComponent<T = unknown> implements ControlValueAccessor {
13
+ private readonly overlay;
14
+ private readonly vcr;
15
+ private readonly destroyRef;
16
+ private readonly instanceId;
17
+ readonly options: import("@angular/core").InputSignal<readonly ComboboxOption<T>[]>;
18
+ readonly value: import("@angular/core").ModelSignal<T | null>;
19
+ readonly placeholder: import("@angular/core").InputSignal<string>;
20
+ /** Accessible name for the combobox trigger (its text content is the value, not a name). */
21
+ readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
22
+ readonly ariaLabelledby: import("@angular/core").InputSignal<string | null>;
23
+ readonly searchPlaceholder: import("@angular/core").InputSignal<string>;
24
+ readonly emptyText: import("@angular/core").InputSignal<string>;
25
+ readonly disabled: import("@angular/core").ModelSignal<boolean>;
26
+ readonly class: import("@angular/core").InputSignal<string>;
27
+ /** Disabled state pushed by the Forms API; kept separate so it never clobbers the `disabled` binding. */
28
+ private readonly cvaDisabled;
29
+ protected readonly isDisabled: import("@angular/core").Signal<boolean>;
30
+ private readonly trigger;
31
+ private readonly panel;
32
+ private overlayRef;
33
+ readonly isOpen: import("@angular/core").WritableSignal<boolean>;
34
+ protected readonly triggerId: string;
35
+ protected readonly panelId: string;
36
+ protected readonly classes: import("@angular/core").Signal<string>;
37
+ protected readonly triggerClasses: import("@angular/core").Signal<string>;
38
+ protected readonly selectedLabel: import("@angular/core").Signal<string>;
39
+ private onChangeFn;
40
+ private onTouchedFn;
41
+ constructor();
42
+ protected isSelected(opt: ComboboxOption<T>): boolean;
43
+ protected toggle(): void;
44
+ protected open(): void;
45
+ protected close(options?: {
46
+ restoreFocus?: boolean;
47
+ notifyTouched?: boolean;
48
+ }): void;
49
+ protected pick(opt: ComboboxOption<T>): void;
50
+ writeValue(v: T | null): void;
51
+ registerOnChange(fn: (v: T | null) => void): void;
52
+ registerOnTouched(fn: () => void): void;
53
+ setDisabledState(state: boolean): void;
54
+ static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent<any>, never>;
55
+ static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent<any>, "Combobox", never, {
56
+ "options": {
57
+ "alias": "options";
58
+ "required": false;
59
+ "isSignal": true;
60
+ };
61
+ "value": {
62
+ "alias": "value";
63
+ "required": false;
64
+ "isSignal": true;
65
+ };
66
+ "placeholder": {
67
+ "alias": "placeholder";
68
+ "required": false;
69
+ "isSignal": true;
70
+ };
71
+ "ariaLabel": {
72
+ "alias": "aria-label";
73
+ "required": false;
74
+ "isSignal": true;
75
+ };
76
+ "ariaLabelledby": {
77
+ "alias": "aria-labelledby";
78
+ "required": false;
79
+ "isSignal": true;
80
+ };
81
+ "searchPlaceholder": {
82
+ "alias": "searchPlaceholder";
83
+ "required": false;
84
+ "isSignal": true;
85
+ };
86
+ "emptyText": {
87
+ "alias": "emptyText";
88
+ "required": false;
89
+ "isSignal": true;
90
+ };
91
+ "disabled": {
92
+ "alias": "disabled";
93
+ "required": false;
94
+ "isSignal": true;
95
+ };
96
+ "class": {
97
+ "alias": "class";
98
+ "required": false;
99
+ "isSignal": true;
100
+ };
101
+ }, {
102
+ "value": "valueChange";
103
+ "disabled": "disabledChange";
104
+ }, never, never, true, never>;
105
+ }
@@ -1,130 +1,215 @@
1
- import * as _angular_core from '@angular/core';
2
- import { model } from '@angular/core';
3
-
1
+ import * as i0 from "@angular/core";
2
+ import { model } from "@angular/core";
4
3
  /** Base class exposed to children for context lookup. */
5
- declare abstract class CommandContextBase {
6
- /** Shared id linking the combobox input (aria-controls) to the listbox. */
7
- readonly listboxId: string;
8
- abstract query: ReturnType<typeof model<string>>;
9
- abstract matches(text: string): boolean;
10
- abstract registerItem(item: CommandItemComponent): void;
11
- abstract unregisterItem(item: CommandItemComponent): void;
12
- abstract focusNext(delta: number): void;
13
- abstract focusFirst(): void;
14
- abstract hasVisibleItems(): boolean;
15
- abstract activateOnly(item: CommandItemComponent): void;
16
- abstract activeDescendantId(): string | null;
17
- abstract requestDismiss(): void;
18
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandContextBase, never>;
19
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CommandContextBase, never, never, {}, {}, never, never, true, never>;
4
+ export declare abstract class CommandContextBase {
5
+ /** Shared id linking the combobox input (aria-controls) to the listbox. */
6
+ readonly listboxId: string;
7
+ abstract query: ReturnType<typeof model<string>>;
8
+ abstract matches(text: string): boolean;
9
+ abstract registerItem(item: CommandItemComponent): void;
10
+ abstract unregisterItem(item: CommandItemComponent): void;
11
+ abstract focusNext(delta: number): void;
12
+ abstract focusFirst(): void;
13
+ abstract hasVisibleItems(): boolean;
14
+ abstract activateOnly(item: CommandItemComponent): void;
15
+ abstract activeDescendantId(): string | null;
16
+ abstract requestDismiss(): void;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<CommandContextBase, never>;
18
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CommandContextBase, never, never, {}, {}, never, never, true, never>;
20
19
  }
21
- declare class CommandComponent extends CommandContextBase {
22
- readonly query: _angular_core.ModelSignal<string>;
23
- readonly class: _angular_core.InputSignal<string>;
24
- /**
25
- * Escape was pressed with nothing left to clear.
26
- *
27
- * A `Command` rendered inside a dialog or a popover does not need this: the
28
- * overlay closes itself on Escape. A standalone one is not inside anything
29
- * that would, so this is how it asks its container to dismiss it.
30
- */
31
- readonly dismissed: _angular_core.OutputEmitterRef<void>;
32
- private readonly items;
33
- protected readonly classes: _angular_core.Signal<string>;
34
- matches(text: string): boolean;
35
- registerItem(item: CommandItemComponent): void;
36
- unregisterItem(item: CommandItemComponent): void;
37
- /** Items currently visible (not filtered out), disabled ones included. */
38
- private visibleItems;
39
- private navigableItems;
40
- focusNext(delta: number): void;
41
- focusFirst(): void;
42
- requestDismiss(): void;
43
- hasVisibleItems(): boolean;
44
- activateOnly(item: CommandItemComponent): void;
45
- activeDescendantId(): string | null;
46
- /** The row Enter would choose: the active one, else the first one it may land on. */
47
- getActive(): CommandItemComponent | null;
48
- private setActiveItem;
49
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandComponent, never>;
50
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandComponent, "Command", never, { "query": { "alias": "query"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "query": "queryChange"; "dismissed": "dismissed"; }, never, ["*"], true, never>;
20
+ export declare class CommandComponent extends CommandContextBase {
21
+ readonly query: import("@angular/core").ModelSignal<string>;
22
+ readonly class: import("@angular/core").InputSignal<string>;
23
+ /**
24
+ * Escape was pressed with nothing left to clear.
25
+ *
26
+ * A `Command` rendered inside a dialog or a popover does not need this: the
27
+ * overlay closes itself on Escape. A standalone one is not inside anything
28
+ * that would, so this is how it asks its container to dismiss it.
29
+ */
30
+ readonly dismissed: import("@angular/core").OutputEmitterRef<void>;
31
+ private readonly items;
32
+ protected readonly classes: import("@angular/core").Signal<string>;
33
+ matches(text: string): boolean;
34
+ registerItem(item: CommandItemComponent): void;
35
+ unregisterItem(item: CommandItemComponent): void;
36
+ /** Items currently visible (not filtered out), disabled ones included. */
37
+ private visibleItems;
38
+ private navigableItems;
39
+ focusNext(delta: number): void;
40
+ focusFirst(): void;
41
+ requestDismiss(): void;
42
+ hasVisibleItems(): boolean;
43
+ activateOnly(item: CommandItemComponent): void;
44
+ activeDescendantId(): string | null;
45
+ /** The row Enter would choose: the active one, else the first one it may land on. */
46
+ getActive(): CommandItemComponent | null;
47
+ private setActiveItem;
48
+ static ɵfac: i0.ɵɵFactoryDeclaration<CommandComponent, never>;
49
+ static ɵcmp: i0.ɵɵComponentDeclaration<CommandComponent, "Command", never, {
50
+ "query": {
51
+ "alias": "query";
52
+ "required": false;
53
+ "isSignal": true;
54
+ };
55
+ "class": {
56
+ "alias": "class";
57
+ "required": false;
58
+ "isSignal": true;
59
+ };
60
+ }, {
61
+ "query": "queryChange";
62
+ "dismissed": "dismissed";
63
+ }, never, ["*"], true, never>;
51
64
  }
52
- declare class CommandInputComponent {
53
- protected readonly ctx: CommandComponent;
54
- readonly placeholder: _angular_core.InputSignal<string>;
55
- readonly class: _angular_core.InputSignal<string>;
56
- protected readonly classes: _angular_core.Signal<string>;
57
- protected onInput(e: Event): void;
58
- protected onArrow(e: KeyboardEvent, delta: number): void;
59
- protected onEnter(e: KeyboardEvent): void;
60
- protected onEscape(e: KeyboardEvent): void;
61
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandInputComponent, never>;
62
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandInputComponent, "input[CommandInput]", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
65
+ export declare class CommandInputComponent {
66
+ protected readonly ctx: CommandComponent;
67
+ readonly placeholder: import("@angular/core").InputSignal<string>;
68
+ readonly class: import("@angular/core").InputSignal<string>;
69
+ protected readonly classes: import("@angular/core").Signal<string>;
70
+ protected onInput(e: Event): void;
71
+ protected onArrow(e: KeyboardEvent, delta: number): void;
72
+ protected onEnter(e: KeyboardEvent): void;
73
+ protected onEscape(e: KeyboardEvent): void;
74
+ static ɵfac: i0.ɵɵFactoryDeclaration<CommandInputComponent, never>;
75
+ static ɵcmp: i0.ɵɵComponentDeclaration<CommandInputComponent, "input[CommandInput]", never, {
76
+ "placeholder": {
77
+ "alias": "placeholder";
78
+ "required": false;
79
+ "isSignal": true;
80
+ };
81
+ "class": {
82
+ "alias": "class";
83
+ "required": false;
84
+ "isSignal": true;
85
+ };
86
+ }, {}, never, never, true, never>;
63
87
  }
64
- declare class CommandListComponent {
65
- protected readonly ctx: CommandContextBase;
66
- readonly class: _angular_core.InputSignal<string>;
67
- /** Accessible name for the listbox (required on role="listbox"). */
68
- readonly ariaLabel: _angular_core.InputSignal<string>;
69
- protected readonly classes: _angular_core.Signal<string>;
70
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandListComponent, never>;
71
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandListComponent, "CommandList", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
88
+ export declare class CommandListComponent {
89
+ protected readonly ctx: CommandContextBase;
90
+ readonly class: import("@angular/core").InputSignal<string>;
91
+ /** Accessible name for the listbox (required on role="listbox"). */
92
+ readonly ariaLabel: import("@angular/core").InputSignal<string>;
93
+ protected readonly classes: import("@angular/core").Signal<string>;
94
+ static ɵfac: i0.ɵɵFactoryDeclaration<CommandListComponent, never>;
95
+ static ɵcmp: i0.ɵɵComponentDeclaration<CommandListComponent, "CommandList", never, {
96
+ "class": {
97
+ "alias": "class";
98
+ "required": false;
99
+ "isSignal": true;
100
+ };
101
+ "ariaLabel": {
102
+ "alias": "aria-label";
103
+ "required": false;
104
+ "isSignal": true;
105
+ };
106
+ }, {}, never, ["*"], true, never>;
72
107
  }
73
- declare class CommandEmptyComponent {
74
- protected readonly ctx: CommandComponent;
75
- readonly class: _angular_core.InputSignal<string>;
76
- protected readonly classes: _angular_core.Signal<string>;
77
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandEmptyComponent, never>;
78
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandEmptyComponent, "CommandEmpty", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
108
+ export declare class CommandEmptyComponent {
109
+ protected readonly ctx: CommandComponent;
110
+ readonly class: import("@angular/core").InputSignal<string>;
111
+ protected readonly classes: import("@angular/core").Signal<string>;
112
+ static ɵfac: i0.ɵɵFactoryDeclaration<CommandEmptyComponent, never>;
113
+ static ɵcmp: i0.ɵɵComponentDeclaration<CommandEmptyComponent, "CommandEmpty", never, {
114
+ "class": {
115
+ "alias": "class";
116
+ "required": false;
117
+ "isSignal": true;
118
+ };
119
+ }, {}, never, ["*"], true, never>;
79
120
  }
80
- declare class CommandGroupComponent {
81
- readonly heading: _angular_core.InputSignal<string | null>;
82
- readonly class: _angular_core.InputSignal<string>;
83
- protected readonly classes: _angular_core.Signal<string>;
84
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandGroupComponent, never>;
85
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandGroupComponent, "CommandGroup", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
121
+ export declare class CommandGroupComponent {
122
+ readonly heading: import("@angular/core").InputSignal<string | null>;
123
+ readonly class: import("@angular/core").InputSignal<string>;
124
+ protected readonly classes: import("@angular/core").Signal<string>;
125
+ static ɵfac: i0.ɵɵFactoryDeclaration<CommandGroupComponent, never>;
126
+ static ɵcmp: i0.ɵɵComponentDeclaration<CommandGroupComponent, "CommandGroup", never, {
127
+ "heading": {
128
+ "alias": "heading";
129
+ "required": false;
130
+ "isSignal": true;
131
+ };
132
+ "class": {
133
+ "alias": "class";
134
+ "required": false;
135
+ "isSignal": true;
136
+ };
137
+ }, {}, never, ["*"], true, never>;
86
138
  }
87
- declare class CommandSeparatorComponent {
88
- readonly class: _angular_core.InputSignal<string>;
89
- protected readonly classes: _angular_core.Signal<string>;
90
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandSeparatorComponent, never>;
91
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandSeparatorComponent, "CommandSeparator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
139
+ export declare class CommandSeparatorComponent {
140
+ readonly class: import("@angular/core").InputSignal<string>;
141
+ protected readonly classes: import("@angular/core").Signal<string>;
142
+ static ɵfac: i0.ɵɵFactoryDeclaration<CommandSeparatorComponent, never>;
143
+ static ɵcmp: i0.ɵɵComponentDeclaration<CommandSeparatorComponent, "CommandSeparator", never, {
144
+ "class": {
145
+ "alias": "class";
146
+ "required": false;
147
+ "isSignal": true;
148
+ };
149
+ }, {}, never, never, true, never>;
92
150
  }
93
- declare class CommandItemComponent {
94
- protected readonly ctx: CommandComponent;
95
- private readonly el;
96
- readonly itemId: string;
97
- readonly value: _angular_core.InputSignal<string>;
98
- readonly disabled: _angular_core.InputSignal<boolean>;
99
- readonly class: _angular_core.InputSignal<string>;
100
- /**
101
- * Whether this option is the CHOSEN one, which is what `aria-selected`
102
- * reports.
103
- *
104
- * It used to be bound to {@link active}, the highlighted row, which told a
105
- * screen reader the wrong thing: moving the highlight looked like changing the
106
- * selection. The highlighted row is announced through `aria-activedescendant`
107
- * on the input instead, which is the listbox pattern.
108
- */
109
- readonly selectedState: _angular_core.InputSignal<boolean>;
110
- readonly selected: _angular_core.OutputEmitterRef<KeyboardEvent | MouseEvent>;
111
- /** The highlighted row. Drives styling and `aria-activedescendant`, not `aria-selected`. */
112
- readonly active: _angular_core.WritableSignal<boolean>;
113
- readonly visible: _angular_core.Signal<boolean>;
114
- protected readonly classes: _angular_core.Signal<string>;
115
- constructor();
116
- focus(): void;
117
- _setActive(active: boolean): void;
118
- _select(e: MouseEvent | KeyboardEvent): void;
119
- protected onHover(): void;
120
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandItemComponent, never>;
121
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandItemComponent, "CommandItem, button[CommandItem]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "selectedState": { "alias": "selectedState"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
151
+ export declare class CommandItemComponent {
152
+ protected readonly ctx: CommandComponent;
153
+ private readonly el;
154
+ readonly itemId: string;
155
+ readonly value: import("@angular/core").InputSignal<string>;
156
+ readonly disabled: import("@angular/core").InputSignal<boolean>;
157
+ readonly class: import("@angular/core").InputSignal<string>;
158
+ /**
159
+ * Whether this option is the CHOSEN one, which is what `aria-selected`
160
+ * reports.
161
+ *
162
+ * It used to be bound to {@link active}, the highlighted row, which told a
163
+ * screen reader the wrong thing: moving the highlight looked like changing the
164
+ * selection. The highlighted row is announced through `aria-activedescendant`
165
+ * on the input instead, which is the listbox pattern.
166
+ */
167
+ readonly selectedState: import("@angular/core").InputSignal<boolean>;
168
+ readonly selected: import("@angular/core").OutputEmitterRef<MouseEvent | KeyboardEvent>;
169
+ /** The highlighted row. Drives styling and `aria-activedescendant`, not `aria-selected`. */
170
+ readonly active: import("@angular/core").WritableSignal<boolean>;
171
+ readonly visible: import("@angular/core").Signal<boolean>;
172
+ protected readonly classes: import("@angular/core").Signal<string>;
173
+ constructor();
174
+ focus(): void;
175
+ _setActive(active: boolean): void;
176
+ _select(e: MouseEvent | KeyboardEvent): void;
177
+ protected onHover(): void;
178
+ static ɵfac: i0.ɵɵFactoryDeclaration<CommandItemComponent, never>;
179
+ static ɵcmp: i0.ɵɵComponentDeclaration<CommandItemComponent, "CommandItem, button[CommandItem]", never, {
180
+ "value": {
181
+ "alias": "value";
182
+ "required": false;
183
+ "isSignal": true;
184
+ };
185
+ "disabled": {
186
+ "alias": "disabled";
187
+ "required": false;
188
+ "isSignal": true;
189
+ };
190
+ "class": {
191
+ "alias": "class";
192
+ "required": false;
193
+ "isSignal": true;
194
+ };
195
+ "selectedState": {
196
+ "alias": "selectedState";
197
+ "required": false;
198
+ "isSignal": true;
199
+ };
200
+ }, {
201
+ "selected": "selected";
202
+ }, never, ["*"], true, never>;
122
203
  }
123
- declare class CommandShortcutComponent {
124
- readonly class: _angular_core.InputSignal<string>;
125
- protected readonly classes: _angular_core.Signal<string>;
126
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandShortcutComponent, never>;
127
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandShortcutComponent, "span[CommandShortcut]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
128
- }
129
-
130
- export { CommandComponent, CommandContextBase, CommandEmptyComponent, CommandGroupComponent, CommandInputComponent, CommandItemComponent, CommandListComponent, CommandSeparatorComponent, CommandShortcutComponent };
204
+ export declare class CommandShortcutComponent {
205
+ readonly class: import("@angular/core").InputSignal<string>;
206
+ protected readonly classes: import("@angular/core").Signal<string>;
207
+ static ɵfac: i0.ɵɵFactoryDeclaration<CommandShortcutComponent, never>;
208
+ static ɵcmp: i0.ɵɵComponentDeclaration<CommandShortcutComponent, "span[CommandShortcut]", never, {
209
+ "class": {
210
+ "alias": "class";
211
+ "required": false;
212
+ "isSignal": true;
213
+ };
214
+ }, {}, never, ["*"], true, never>;
215
+ }