@hyalo/angular 0.1.0 → 0.3.1

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 (198) hide show
  1. package/CHANGELOG.md +95 -41
  2. package/README.md +46 -32
  3. package/fesm2022/hyalo-angular-accordion.mjs +6 -6
  4. package/fesm2022/hyalo-angular-accordion.mjs.map +1 -1
  5. package/fesm2022/hyalo-angular-alert.mjs +171 -0
  6. package/fesm2022/hyalo-angular-alert.mjs.map +1 -0
  7. package/fesm2022/hyalo-angular-aspect-ratio.mjs +64 -0
  8. package/fesm2022/hyalo-angular-aspect-ratio.mjs.map +1 -0
  9. package/fesm2022/hyalo-angular-avatar.mjs +169 -0
  10. package/fesm2022/hyalo-angular-avatar.mjs.map +1 -0
  11. package/fesm2022/hyalo-angular-badge.mjs +268 -0
  12. package/fesm2022/hyalo-angular-badge.mjs.map +1 -0
  13. package/fesm2022/hyalo-angular-bento.mjs +132 -0
  14. package/fesm2022/hyalo-angular-bento.mjs.map +1 -0
  15. package/fesm2022/hyalo-angular-blocks.mjs +985 -0
  16. package/fesm2022/hyalo-angular-blocks.mjs.map +1 -0
  17. package/fesm2022/hyalo-angular-border-beam.mjs +73 -0
  18. package/fesm2022/hyalo-angular-border-beam.mjs.map +1 -0
  19. package/fesm2022/hyalo-angular-breadcrumb.mjs +77 -0
  20. package/fesm2022/hyalo-angular-breadcrumb.mjs.map +1 -0
  21. package/fesm2022/hyalo-angular-button-group.mjs +90 -0
  22. package/fesm2022/hyalo-angular-button-group.mjs.map +1 -0
  23. package/fesm2022/hyalo-angular-button.mjs +4 -3
  24. package/fesm2022/hyalo-angular-button.mjs.map +1 -1
  25. package/fesm2022/hyalo-angular-card.mjs +2 -2
  26. package/fesm2022/hyalo-angular-card.mjs.map +1 -1
  27. package/fesm2022/hyalo-angular-carousel.mjs +709 -0
  28. package/fesm2022/hyalo-angular-carousel.mjs.map +1 -0
  29. package/fesm2022/hyalo-angular-chapter-nav.mjs +336 -0
  30. package/fesm2022/hyalo-angular-chapter-nav.mjs.map +1 -0
  31. package/fesm2022/hyalo-angular-chart-engine-DSJop6He.mjs +5 -0
  32. package/fesm2022/hyalo-angular-chart-engine-DSJop6He.mjs.map +1 -0
  33. package/fesm2022/hyalo-angular-chart.mjs +391 -0
  34. package/fesm2022/hyalo-angular-chart.mjs.map +1 -0
  35. package/fesm2022/hyalo-angular-choice.mjs +2 -1
  36. package/fesm2022/hyalo-angular-choice.mjs.map +1 -1
  37. package/fesm2022/hyalo-angular-code-block-highlight-B20d5C76.mjs +40 -0
  38. package/fesm2022/hyalo-angular-code-block-highlight-B20d5C76.mjs.map +1 -0
  39. package/fesm2022/hyalo-angular-code-block.mjs +161 -0
  40. package/fesm2022/hyalo-angular-code-block.mjs.map +1 -0
  41. package/fesm2022/hyalo-angular-command.mjs +193 -0
  42. package/fesm2022/hyalo-angular-command.mjs.map +1 -0
  43. package/fesm2022/hyalo-angular-copy.mjs +138 -0
  44. package/fesm2022/hyalo-angular-copy.mjs.map +1 -0
  45. package/fesm2022/hyalo-angular-core.mjs +424 -0
  46. package/fesm2022/hyalo-angular-core.mjs.map +1 -0
  47. package/fesm2022/hyalo-angular-description-list.mjs +57 -0
  48. package/fesm2022/hyalo-angular-description-list.mjs.map +1 -0
  49. package/fesm2022/hyalo-angular-dialog.mjs +51 -22
  50. package/fesm2022/hyalo-angular-dialog.mjs.map +1 -1
  51. package/fesm2022/hyalo-angular-divider.mjs +66 -0
  52. package/fesm2022/hyalo-angular-divider.mjs.map +1 -0
  53. package/fesm2022/hyalo-angular-empty-state.mjs +123 -0
  54. package/fesm2022/hyalo-angular-empty-state.mjs.map +1 -0
  55. package/fesm2022/hyalo-angular-field.mjs +41 -9
  56. package/fesm2022/hyalo-angular-field.mjs.map +1 -1
  57. package/fesm2022/hyalo-angular-filter.mjs +309 -0
  58. package/fesm2022/hyalo-angular-filter.mjs.map +1 -0
  59. package/fesm2022/hyalo-angular-hotspot.mjs +225 -0
  60. package/fesm2022/hyalo-angular-hotspot.mjs.map +1 -0
  61. package/fesm2022/hyalo-angular-hover-card.mjs +233 -0
  62. package/fesm2022/hyalo-angular-hover-card.mjs.map +1 -0
  63. package/fesm2022/hyalo-angular-icon.mjs +42 -0
  64. package/fesm2022/hyalo-angular-icon.mjs.map +1 -1
  65. package/fesm2022/hyalo-angular-image-compare.mjs +168 -0
  66. package/fesm2022/hyalo-angular-image-compare.mjs.map +1 -0
  67. package/fesm2022/hyalo-angular-interaction.mjs +32 -41
  68. package/fesm2022/hyalo-angular-interaction.mjs.map +1 -1
  69. package/fesm2022/hyalo-angular-kbd.mjs +41 -0
  70. package/fesm2022/hyalo-angular-kbd.mjs.map +1 -0
  71. package/fesm2022/hyalo-angular-lightbox.mjs +228 -0
  72. package/fesm2022/hyalo-angular-lightbox.mjs.map +1 -0
  73. package/fesm2022/hyalo-angular-link.mjs +42 -0
  74. package/fesm2022/hyalo-angular-link.mjs.map +1 -0
  75. package/fesm2022/hyalo-angular-list.mjs +131 -0
  76. package/fesm2022/hyalo-angular-list.mjs.map +1 -0
  77. package/fesm2022/hyalo-angular-marquee.mjs +197 -0
  78. package/fesm2022/hyalo-angular-marquee.mjs.map +1 -0
  79. package/fesm2022/hyalo-angular-menu.mjs +423 -0
  80. package/fesm2022/hyalo-angular-menu.mjs.map +1 -0
  81. package/fesm2022/hyalo-angular-mesh.mjs +126 -0
  82. package/fesm2022/hyalo-angular-mesh.mjs.map +1 -0
  83. package/fesm2022/hyalo-angular-motion.mjs +620 -0
  84. package/fesm2022/hyalo-angular-motion.mjs.map +1 -0
  85. package/fesm2022/hyalo-angular-navbar.mjs +1 -1
  86. package/fesm2022/hyalo-angular-navbar.mjs.map +1 -1
  87. package/fesm2022/hyalo-angular-navigation-menu.mjs +222 -0
  88. package/fesm2022/hyalo-angular-navigation-menu.mjs.map +1 -0
  89. package/fesm2022/hyalo-angular-number-ticker.mjs +174 -0
  90. package/fesm2022/hyalo-angular-number-ticker.mjs.map +1 -0
  91. package/fesm2022/hyalo-angular-overlay.mjs +71 -2
  92. package/fesm2022/hyalo-angular-overlay.mjs.map +1 -1
  93. package/fesm2022/hyalo-angular-pagination.mjs +187 -0
  94. package/fesm2022/hyalo-angular-pagination.mjs.map +1 -0
  95. package/fesm2022/hyalo-angular-popover.mjs +34 -5
  96. package/fesm2022/hyalo-angular-popover.mjs.map +1 -1
  97. package/fesm2022/hyalo-angular-progress.mjs +209 -0
  98. package/fesm2022/hyalo-angular-progress.mjs.map +1 -0
  99. package/fesm2022/hyalo-angular-progressive-blur.mjs +73 -0
  100. package/fesm2022/hyalo-angular-progressive-blur.mjs.map +1 -0
  101. package/fesm2022/hyalo-angular-refraction-renderer-5ZA-kfsA.mjs +186 -0
  102. package/fesm2022/hyalo-angular-refraction-renderer-5ZA-kfsA.mjs.map +1 -0
  103. package/fesm2022/hyalo-angular-refraction.mjs +178 -0
  104. package/fesm2022/hyalo-angular-refraction.mjs.map +1 -0
  105. package/fesm2022/hyalo-angular-scroll-area.mjs +93 -0
  106. package/fesm2022/hyalo-angular-scroll-area.mjs.map +1 -0
  107. package/fesm2022/hyalo-angular-scroll-to-top.mjs +127 -0
  108. package/fesm2022/hyalo-angular-scroll-to-top.mjs.map +1 -0
  109. package/fesm2022/hyalo-angular-segmented.mjs +1 -1
  110. package/fesm2022/hyalo-angular-segmented.mjs.map +1 -1
  111. package/fesm2022/hyalo-angular-select.mjs +112 -15
  112. package/fesm2022/hyalo-angular-select.mjs.map +1 -1
  113. package/fesm2022/hyalo-angular-sidebar.mjs +241 -0
  114. package/fesm2022/hyalo-angular-sidebar.mjs.map +1 -0
  115. package/fesm2022/hyalo-angular-skeleton.mjs +131 -0
  116. package/fesm2022/hyalo-angular-skeleton.mjs.map +1 -0
  117. package/fesm2022/hyalo-angular-sparkline.mjs +110 -0
  118. package/fesm2022/hyalo-angular-sparkline.mjs.map +1 -0
  119. package/fesm2022/hyalo-angular-split-text.mjs +126 -0
  120. package/fesm2022/hyalo-angular-split-text.mjs.map +1 -0
  121. package/fesm2022/hyalo-angular-stat.mjs +193 -0
  122. package/fesm2022/hyalo-angular-stat.mjs.map +1 -0
  123. package/fesm2022/hyalo-angular-stepper.mjs +254 -0
  124. package/fesm2022/hyalo-angular-stepper.mjs.map +1 -0
  125. package/fesm2022/hyalo-angular-table.mjs +335 -0
  126. package/fesm2022/hyalo-angular-table.mjs.map +1 -0
  127. package/fesm2022/hyalo-angular-tabs.mjs +1 -1
  128. package/fesm2022/hyalo-angular-tabs.mjs.map +1 -1
  129. package/fesm2022/hyalo-angular-theme.mjs +1 -1
  130. package/fesm2022/hyalo-angular-theme.mjs.map +1 -1
  131. package/fesm2022/hyalo-angular-timeline.mjs +157 -0
  132. package/fesm2022/hyalo-angular-timeline.mjs.map +1 -0
  133. package/fesm2022/hyalo-angular-toast.mjs +2 -1
  134. package/fesm2022/hyalo-angular-toast.mjs.map +1 -1
  135. package/fesm2022/hyalo-angular.mjs +2 -473
  136. package/package.json +198 -2
  137. package/styles/parts/field.css +44 -36
  138. package/styles/parts/glass.css +2 -0
  139. package/styles/parts/motion.css +19 -0
  140. package/styles/parts/typography.css +17 -0
  141. package/types/hyalo-angular-accordion.d.ts +1 -1
  142. package/types/hyalo-angular-alert.d.ts +47 -0
  143. package/types/hyalo-angular-aspect-ratio.d.ts +13 -0
  144. package/types/hyalo-angular-avatar.d.ts +39 -0
  145. package/types/hyalo-angular-badge.d.ts +82 -0
  146. package/types/hyalo-angular-bento.d.ts +25 -0
  147. package/types/hyalo-angular-blocks.d.ts +272 -0
  148. package/types/hyalo-angular-border-beam.d.ts +15 -0
  149. package/types/hyalo-angular-breadcrumb.d.ts +22 -0
  150. package/types/hyalo-angular-button-group.d.ts +19 -0
  151. package/types/hyalo-angular-button.d.ts +4 -3
  152. package/types/hyalo-angular-card.d.ts +1 -1
  153. package/types/hyalo-angular-carousel.d.ts +147 -0
  154. package/types/hyalo-angular-chapter-nav.d.ts +79 -0
  155. package/types/hyalo-angular-chart.d.ts +90 -0
  156. package/types/hyalo-angular-code-block.d.ts +46 -0
  157. package/types/hyalo-angular-command.d.ts +41 -0
  158. package/types/hyalo-angular-copy.d.ts +39 -0
  159. package/types/hyalo-angular-core.d.ts +210 -0
  160. package/types/hyalo-angular-description-list.d.ts +16 -0
  161. package/types/hyalo-angular-dialog.d.ts +2 -1
  162. package/types/hyalo-angular-divider.d.ts +12 -0
  163. package/types/hyalo-angular-empty-state.d.ts +30 -0
  164. package/types/hyalo-angular-field.d.ts +10 -4
  165. package/types/hyalo-angular-filter.d.ts +122 -0
  166. package/types/hyalo-angular-hotspot.d.ts +70 -0
  167. package/types/hyalo-angular-hover-card.d.ts +47 -0
  168. package/types/hyalo-angular-image-compare.d.ts +55 -0
  169. package/types/hyalo-angular-kbd.d.ts +5 -0
  170. package/types/hyalo-angular-lightbox.d.ts +67 -0
  171. package/types/hyalo-angular-link.d.ts +5 -0
  172. package/types/hyalo-angular-list.d.ts +30 -0
  173. package/types/hyalo-angular-marquee.d.ts +48 -0
  174. package/types/hyalo-angular-menu.d.ts +105 -0
  175. package/types/hyalo-angular-mesh.d.ts +36 -0
  176. package/types/hyalo-angular-motion.d.ts +218 -0
  177. package/types/hyalo-angular-navigation-menu.d.ts +47 -0
  178. package/types/hyalo-angular-number-ticker.d.ts +52 -0
  179. package/types/hyalo-angular-overlay.d.ts +9 -0
  180. package/types/hyalo-angular-pagination.d.ts +59 -0
  181. package/types/hyalo-angular-popover.d.ts +10 -0
  182. package/types/hyalo-angular-progress.d.ts +46 -0
  183. package/types/hyalo-angular-progressive-blur.d.ts +14 -0
  184. package/types/hyalo-angular-refraction.d.ts +46 -0
  185. package/types/hyalo-angular-scroll-area.d.ts +18 -0
  186. package/types/hyalo-angular-scroll-to-top.d.ts +31 -0
  187. package/types/hyalo-angular-segmented.d.ts +1 -1
  188. package/types/hyalo-angular-select.d.ts +49 -3
  189. package/types/hyalo-angular-sidebar.d.ts +57 -0
  190. package/types/hyalo-angular-skeleton.d.ts +34 -0
  191. package/types/hyalo-angular-sparkline.d.ts +19 -0
  192. package/types/hyalo-angular-split-text.d.ts +24 -0
  193. package/types/hyalo-angular-stat.d.ts +56 -0
  194. package/types/hyalo-angular-stepper.d.ts +63 -0
  195. package/types/hyalo-angular-table.d.ts +125 -0
  196. package/types/hyalo-angular-timeline.d.ts +36 -0
  197. package/types/hyalo-angular.d.ts +2 -345
  198. package/fesm2022/hyalo-angular.mjs.map +0 -1
@@ -0,0 +1,52 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class HyNumberTicker {
3
+ readonly value: import("@angular/core").InputSignal<number>;
4
+ readonly locale: import("@angular/core").InputSignal<string | undefined>;
5
+ private readonly globalLocale;
6
+ private readonly effectiveLocale;
7
+ readonly format: import("@angular/core").InputSignal<Intl.NumberFormatOptions>;
8
+ readonly animate: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
9
+ readonly prefix: import("@angular/core").InputSignal<string>;
10
+ readonly suffix: import("@angular/core").InputSignal<string>;
11
+ private readonly target;
12
+ private readonly live;
13
+ private readonly formatter;
14
+ readonly formatted: import("@angular/core").Signal<string>;
15
+ readonly accessible: import("@angular/core").Signal<string>;
16
+ private readonly motion;
17
+ private readonly visible;
18
+ constructor();
19
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyNumberTicker, never>;
20
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyNumberTicker, "hy-number-ticker", never, {
21
+ "value": {
22
+ "alias": "value";
23
+ "required": true;
24
+ "isSignal": true;
25
+ };
26
+ "locale": {
27
+ "alias": "locale";
28
+ "required": false;
29
+ "isSignal": true;
30
+ };
31
+ "format": {
32
+ "alias": "format";
33
+ "required": false;
34
+ "isSignal": true;
35
+ };
36
+ "animate": {
37
+ "alias": "animate";
38
+ "required": false;
39
+ "isSignal": true;
40
+ };
41
+ "prefix": {
42
+ "alias": "prefix";
43
+ "required": false;
44
+ "isSignal": true;
45
+ };
46
+ "suffix": {
47
+ "alias": "suffix";
48
+ "required": false;
49
+ "isSignal": true;
50
+ };
51
+ }, {}, never, never, true, never>;
52
+ }
@@ -28,4 +28,13 @@ declare class HyPresence {
28
28
  /** Plays the exit, then calls `done`, unless `enter` turns it around first. */
29
29
  leave(el: HTMLElement, done: () => void): void;
30
30
  }
31
+ /** Bounded pointer grace; keyboard dismissal never waits for the corridor. */
32
+ export declare class HyHoverIntent {
33
+ private readonly document;
34
+ private timer?;
35
+ private abort?;
36
+ constructor(document: Document);
37
+ cancel(): void;
38
+ leave(event: PointerEvent | undefined, target: HTMLElement | undefined, close: () => void): void;
39
+ }
31
40
  export { HyPresence as ɵHyPresence };
@@ -0,0 +1,59 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class HyPagination {
3
+ readonly page: import("@angular/core").ModelSignal<number>;
4
+ readonly total: import("@angular/core").InputSignal<number>;
5
+ readonly pageSize: import("@angular/core").InputSignal<number>;
6
+ readonly locale: import("@angular/core").InputSignal<string | undefined>;
7
+ private readonly globalLocale;
8
+ private readonly effectiveLocale;
9
+ readonly label: import("@angular/core").InputSignal<string>;
10
+ readonly previousLabel: import("@angular/core").InputSignal<string>;
11
+ readonly nextLabel: import("@angular/core").InputSignal<string>;
12
+ readonly pageCount: import("@angular/core").Signal<number>;
13
+ readonly current: import("@angular/core").Signal<number>;
14
+ readonly pages: import("@angular/core").Signal<({
15
+ value: number;
16
+ label: string;
17
+ } | null)[]>;
18
+ go(page: number): void;
19
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyPagination, never>;
20
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyPagination, "hy-pagination", never, {
21
+ "page": {
22
+ "alias": "page";
23
+ "required": false;
24
+ "isSignal": true;
25
+ };
26
+ "total": {
27
+ "alias": "total";
28
+ "required": true;
29
+ "isSignal": true;
30
+ };
31
+ "pageSize": {
32
+ "alias": "pageSize";
33
+ "required": false;
34
+ "isSignal": true;
35
+ };
36
+ "locale": {
37
+ "alias": "locale";
38
+ "required": false;
39
+ "isSignal": true;
40
+ };
41
+ "label": {
42
+ "alias": "label";
43
+ "required": false;
44
+ "isSignal": true;
45
+ };
46
+ "previousLabel": {
47
+ "alias": "previousLabel";
48
+ "required": false;
49
+ "isSignal": true;
50
+ };
51
+ "nextLabel": {
52
+ "alias": "nextLabel";
53
+ "required": false;
54
+ "isSignal": true;
55
+ };
56
+ }, {
57
+ "page": "pageChange";
58
+ }, never, never, true, never>;
59
+ }
@@ -1,6 +1,7 @@
1
1
  import { HyPlacement } from "@hyalo/angular/overlay";
2
2
  import * as i0 from "@angular/core";
3
3
  import { TemplateRef } from "@angular/core";
4
+ import { HyMaterial } from "@hyalo/angular/core";
4
5
  export declare class HyTooltipPanel {
5
6
  readonly message: import("@angular/core").WritableSignal<string>;
6
7
  static ɵfac: i0.ɵɵFactoryDeclaration<HyTooltipPanel, never>;
@@ -98,10 +99,13 @@ export declare class HyPopover {
98
99
  private position;
99
100
  private readonly presence;
100
101
  private destroyed;
102
+ private positioned;
101
103
  /** The content. */
102
104
  readonly content: import("@angular/core").InputSignal<TemplateRef<unknown>>;
103
105
  /** Accessible name of the panel. */
104
106
  readonly popoverLabel: import("@angular/core").InputSignal<string | undefined>;
107
+ /** Use solid over image content when the background would reduce text contrast. */
108
+ readonly popoverMaterial: import("@angular/core").InputSignal<HyMaterial>;
105
109
  /** Preferred side. Flips when there is no room. */
106
110
  readonly popoverPlacement: import("@angular/core").InputSignal<HyPlacement>;
107
111
  /** Whether the panel is open. Two-way bindable as `[(popoverOpen)]`. */
@@ -112,6 +116,7 @@ export declare class HyPopover {
112
116
  close(restoreFocus?: boolean): void;
113
117
  protected preload(): void;
114
118
  private attach;
119
+ private reveal;
115
120
  private detach;
116
121
  private readonly onFocusOut;
117
122
  static ɵfac: i0.ɵɵFactoryDeclaration<HyPopover, never>;
@@ -126,6 +131,11 @@ export declare class HyPopover {
126
131
  "required": false;
127
132
  "isSignal": true;
128
133
  };
134
+ "popoverMaterial": {
135
+ "alias": "popoverMaterial";
136
+ "required": false;
137
+ "isSignal": true;
138
+ };
129
139
  "popoverPlacement": {
130
140
  "alias": "popoverPlacement";
131
141
  "required": false;
@@ -0,0 +1,46 @@
1
+ import { HyMotion } from "@hyalo/angular/motion";
2
+ import * as i0 from "@angular/core";
3
+ export declare class HyProgress {
4
+ protected readonly motion: HyMotion;
5
+ private readonly host;
6
+ private readonly document;
7
+ private readonly visible;
8
+ private readonly foreground;
9
+ protected readonly moving: import("@angular/core").Signal<boolean>;
10
+ constructor();
11
+ readonly value: import("@angular/core").InputSignal<number | null>;
12
+ readonly label: import("@angular/core").InputSignal<string>;
13
+ readonly variant: import("@angular/core").InputSignal<"bar" | "circle">;
14
+ readonly amount: import("@angular/core").Signal<number | null>;
15
+ readonly offset: import("@angular/core").Signal<number>;
16
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyProgress, never>;
17
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyProgress, "hy-progress", never, {
18
+ "value": {
19
+ "alias": "value";
20
+ "required": false;
21
+ "isSignal": true;
22
+ };
23
+ "label": {
24
+ "alias": "label";
25
+ "required": true;
26
+ "isSignal": true;
27
+ };
28
+ "variant": {
29
+ "alias": "variant";
30
+ "required": false;
31
+ "isSignal": true;
32
+ };
33
+ }, {}, never, never, true, never>;
34
+ }
35
+ export declare class HySpinner {
36
+ readonly label: import("@angular/core").InputSignal<string>;
37
+ static ɵfac: i0.ɵɵFactoryDeclaration<HySpinner, never>;
38
+ static ɵcmp: i0.ɵɵComponentDeclaration<HySpinner, "hy-spinner", never, {
39
+ "label": {
40
+ "alias": "label";
41
+ "required": false;
42
+ "isSignal": true;
43
+ };
44
+ }, {}, never, never, true, never>;
45
+ }
46
+ export declare const HY_PROGRESS: readonly [typeof HyProgress, typeof HySpinner];
@@ -0,0 +1,14 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class HyProgressiveBlur {
3
+ readonly edge: import("@angular/core").InputSignal<"top" | "bottom">;
4
+ private readonly fidelity;
5
+ protected readonly blur: import("@angular/core").Signal<boolean>;
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyProgressiveBlur, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyProgressiveBlur, "hy-progressive-blur", never, {
8
+ "edge": {
9
+ "alias": "edge";
10
+ "required": false;
11
+ "isSignal": true;
12
+ };
13
+ }, {}, never, never, true, never>;
14
+ }
@@ -0,0 +1,46 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "@hyalo/angular/core";
3
+ /** One WebGL context shared by all surfaces; each surface receives a 2D copy. */
4
+ interface RefractionTarget {
5
+ readonly canvas: HTMLCanvasElement;
6
+ readonly src: string;
7
+ readonly strength: () => number;
8
+ }
9
+ export declare class HyRefractionRenderer {
10
+ private readonly document;
11
+ private renderer;
12
+ constructor();
13
+ register(target: RefractionTarget): Promise<() => void>;
14
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyRefractionRenderer, never>;
15
+ static ɵprov: i0.ɵɵInjectableDeclaration<any>;
16
+ }
17
+ /** Supply the scene image explicitly. WebGL cannot sample arbitrary DOM backdrops. */
18
+ export declare class HyRefraction {
19
+ private readonly fidelity;
20
+ private readonly renderer;
21
+ private readonly ready;
22
+ private readonly canvas;
23
+ readonly src: import("@angular/core").InputSignal<string>;
24
+ readonly strength: import("@angular/core").InputSignal<number>;
25
+ constructor();
26
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyRefraction, never>;
27
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyRefraction, "hy-refraction", never, {
28
+ "src": {
29
+ "alias": "src";
30
+ "required": false;
31
+ "isSignal": true;
32
+ };
33
+ "strength": {
34
+ "alias": "strength";
35
+ "required": false;
36
+ "isSignal": true;
37
+ };
38
+ }, {}, never, ["*"], true, [{
39
+ directive: typeof i1.HyMaterialDirective;
40
+ inputs: {
41
+ "hyMaterial": "material";
42
+ };
43
+ outputs: {};
44
+ }]>;
45
+ }
46
+ export {};
@@ -0,0 +1,18 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class HyScrollArea {
3
+ readonly label: import("@angular/core").InputSignal<string>;
4
+ readonly maxHeight: import("@angular/core").InputSignal<string>;
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyScrollArea, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyScrollArea, "hy-scroll-area", never, {
7
+ "label": {
8
+ "alias": "label";
9
+ "required": true;
10
+ "isSignal": true;
11
+ };
12
+ "maxHeight": {
13
+ "alias": "maxHeight";
14
+ "required": false;
15
+ "isSignal": true;
16
+ };
17
+ }, {}, never, ["*"], true, never>;
18
+ }
@@ -0,0 +1,31 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class HyScrollToTop {
3
+ private readonly document;
4
+ private readonly motion;
5
+ private readonly browser;
6
+ readonly label: import("@angular/core").InputSignal<string>;
7
+ readonly threshold: import("@angular/core").InputSignal<number>;
8
+ /** Focus this heading or landmark after scrolling, so keyboard users return too. */
9
+ readonly targetId: import("@angular/core").InputSignal<string | null>;
10
+ protected readonly visible: import("@angular/core").WritableSignal<boolean>;
11
+ constructor();
12
+ scroll(): void;
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyScrollToTop, never>;
14
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyScrollToTop, "hy-scroll-to-top", never, {
15
+ "label": {
16
+ "alias": "label";
17
+ "required": false;
18
+ "isSignal": true;
19
+ };
20
+ "threshold": {
21
+ "alias": "threshold";
22
+ "required": false;
23
+ "isSignal": true;
24
+ };
25
+ "targetId": {
26
+ "alias": "targetId";
27
+ "required": false;
28
+ "isSignal": true;
29
+ };
30
+ }, {}, never, never, true, never>;
31
+ }
@@ -1,5 +1,5 @@
1
1
  import { FormValueControl } from "@angular/forms/signals";
2
- import { HySize } from "@hyalo/angular";
2
+ import { HySize } from "@hyalo/angular/core";
3
3
  import * as i0 from "@angular/core";
4
4
  /** One choice in a segmented control. */
5
5
  export interface HySegmentedOption<T> {
@@ -1,12 +1,22 @@
1
+ import * as i0 from "@angular/core";
2
+ import { TemplateRef } from "@angular/core";
1
3
  import { FormValueControl } from "@angular/forms/signals";
2
4
  import { HyFieldControl } from "@hyalo/angular/field";
3
- import * as i0 from "@angular/core";
4
5
  /** One choice in a select. */
5
6
  export interface HySelectOption<T> {
7
+ readonly key?: string | number;
8
+ readonly group?: {
9
+ readonly key: string;
10
+ readonly label: string;
11
+ readonly disabled?: boolean;
12
+ };
6
13
  readonly value: T;
7
14
  readonly label: string;
8
15
  readonly disabled?: boolean;
9
16
  }
17
+ export interface HySelectOptionContext<T> {
18
+ readonly $implicit: HySelectOption<T>;
19
+ }
10
20
  /**
11
21
  * A single-choice select with a glass dropdown, built on Angular Aria's
12
22
  * combobox and listbox patterns.
@@ -26,6 +36,10 @@ export interface HySelectOption<T> {
26
36
  */
27
37
  export declare class HySelect<T> implements FormValueControl<T | undefined>, HyFieldControl {
28
38
  private readonly fidelity;
39
+ private readonly host;
40
+ private readonly document;
41
+ private readonly destroy;
42
+ private readonly ready;
29
43
  protected readonly field: import("@hyalo/angular/field").HyFieldContext | null;
30
44
  private readonly trigger;
31
45
  private readonly overlay;
@@ -36,6 +50,8 @@ export declare class HySelect<T> implements FormValueControl<T | undefined>, HyF
36
50
  readonly value: import("@angular/core").ModelSignal<T | undefined>;
37
51
  /** Text shown while nothing is selected. */
38
52
  readonly placeholder: import("@angular/core").InputSignal<string>;
53
+ readonly name: import("@angular/core").InputSignal<string>;
54
+ readonly optionTemplate: import("@angular/core").InputSignal<TemplateRef<HySelectOptionContext<T>> | undefined>;
39
55
  /** Disables the select. Set automatically by Signal Forms. */
40
56
  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
41
57
  /** Marks the field as required. Set automatically by Signal Forms. */
@@ -54,6 +70,8 @@ export declare class HySelect<T> implements FormValueControl<T | undefined>, HyF
54
70
  /** Emits when the control loses focus, so forms can mark it touched. */
55
71
  readonly touch: import("@angular/core").OutputEmitterRef<void>;
56
72
  readonly labelable = true;
73
+ protected readonly nativeId: string;
74
+ protected readonly triggerId: string;
57
75
  readonly id: import("@angular/core").Signal<string>;
58
76
  readonly errorMessage: import("@angular/core").Signal<string | undefined>;
59
77
  protected readonly expanded: import("@angular/core").WritableSignal<boolean>;
@@ -61,7 +79,25 @@ export declare class HySelect<T> implements FormValueControl<T | undefined>, HyF
61
79
  protected readonly rendered: import("@angular/core").WritableSignal<boolean>;
62
80
  protected readonly positions: import("@angular/cdk/overlay").ConnectedPosition[];
63
81
  protected readonly panelWidth: import("@angular/core").WritableSignal<number>;
64
- protected readonly useNative: import("@angular/core").Signal<boolean>;
82
+ protected readonly useNative: import("@angular/core").WritableSignal<boolean>;
83
+ protected readonly keyedOptions: import("@angular/core").Signal<{
84
+ option: HySelectOption<T>;
85
+ key: string;
86
+ disabled: boolean;
87
+ context: {
88
+ $implicit: HySelectOption<T>;
89
+ };
90
+ }[]>;
91
+ protected readonly groups: import("@angular/core").Signal<{
92
+ key: string;
93
+ label: string;
94
+ options: {
95
+ option: HySelectOption<T>;
96
+ key: string;
97
+ disabled: boolean;
98
+ context: HySelectOptionContext<T>;
99
+ }[];
100
+ }[]>;
65
101
  protected readonly selectedOption: import("@angular/core").Signal<HySelectOption<T> | undefined>;
66
102
  protected readonly listValue: import("@angular/core").Signal<(T & ({} | null))[]>;
67
103
  protected readonly showsError: import("@angular/core").Signal<boolean>;
@@ -74,8 +110,8 @@ export declare class HySelect<T> implements FormValueControl<T | undefined>, HyF
74
110
  /** Closes after a click on an option, including the one already selected. */
75
111
  protected onPanelClick(event: MouseEvent): void;
76
112
  protected close(): void;
113
+ protected scheduleMode(): void;
77
114
  protected pickNative(event: Event): void;
78
- protected indexOf(value: T | undefined): number;
79
115
  static ɵfac: i0.ɵɵFactoryDeclaration<HySelect<any>, never>;
80
116
  static ɵcmp: i0.ɵɵComponentDeclaration<HySelect<any>, "hy-select", never, {
81
117
  "options": {
@@ -93,6 +129,16 @@ export declare class HySelect<T> implements FormValueControl<T | undefined>, HyF
93
129
  "required": false;
94
130
  "isSignal": true;
95
131
  };
132
+ "name": {
133
+ "alias": "name";
134
+ "required": false;
135
+ "isSignal": true;
136
+ };
137
+ "optionTemplate": {
138
+ "alias": "optionTemplate";
139
+ "required": false;
140
+ "isSignal": true;
141
+ };
96
142
  "disabled": {
97
143
  "alias": "disabled";
98
144
  "required": false;
@@ -0,0 +1,57 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class HySidebar {
3
+ readonly collapsed: import("@angular/core").ModelSignal<boolean>;
4
+ protected readonly toggle: (value: boolean) => boolean;
5
+ readonly label: import("@angular/core").InputSignal<string>;
6
+ readonly collapseLabel: import("@angular/core").InputSignal<string>;
7
+ readonly expandLabel: import("@angular/core").InputSignal<string>;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<HySidebar, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<HySidebar, "hy-sidebar", never, {
10
+ "collapsed": {
11
+ "alias": "collapsed";
12
+ "required": false;
13
+ "isSignal": true;
14
+ };
15
+ "label": {
16
+ "alias": "label";
17
+ "required": false;
18
+ "isSignal": true;
19
+ };
20
+ "collapseLabel": {
21
+ "alias": "collapseLabel";
22
+ "required": false;
23
+ "isSignal": true;
24
+ };
25
+ "expandLabel": {
26
+ "alias": "expandLabel";
27
+ "required": false;
28
+ "isSignal": true;
29
+ };
30
+ }, {
31
+ "collapsed": "collapsedChange";
32
+ }, never, ["[hySidebarBrand]", "*", "[hySidebarFooter]"], true, never>;
33
+ }
34
+ export declare class HySidebarItem {
35
+ readonly label: import("@angular/core").InputSignal<string>;
36
+ readonly icon: import("@angular/core").InputSignal<string>;
37
+ readonly active: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
38
+ static ɵfac: i0.ɵɵFactoryDeclaration<HySidebarItem, never>;
39
+ static ɵcmp: i0.ɵɵComponentDeclaration<HySidebarItem, "a[hySidebarItem]", never, {
40
+ "label": {
41
+ "alias": "label";
42
+ "required": true;
43
+ "isSignal": true;
44
+ };
45
+ "icon": {
46
+ "alias": "icon";
47
+ "required": true;
48
+ "isSignal": true;
49
+ };
50
+ "active": {
51
+ "alias": "active";
52
+ "required": false;
53
+ "isSignal": true;
54
+ };
55
+ }, {}, never, ["*"], true, never>;
56
+ }
57
+ export declare const HY_SIDEBAR: readonly [typeof HySidebar, typeof HySidebarItem];
@@ -0,0 +1,34 @@
1
+ import * as i0 from "@angular/core";
2
+ export type HySkeletonAnimation = 'shimmer' | 'pulse' | 'none';
3
+ /** Decorative placeholder. Put aria-busy on the region being loaded. */
4
+ export declare class HySkeleton {
5
+ private readonly motion;
6
+ protected readonly animate: import("@angular/core").Signal<boolean>;
7
+ readonly animation: import("@angular/core").InputSignal<HySkeletonAnimation>;
8
+ readonly shape: import("@angular/core").InputSignal<"text" | "circle" | "rect">;
9
+ readonly width: import("@angular/core").InputSignal<string>;
10
+ readonly height: import("@angular/core").InputSignal<string>;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<HySkeleton, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<HySkeleton, "hy-skeleton", never, {
13
+ "animation": {
14
+ "alias": "animation";
15
+ "required": false;
16
+ "isSignal": true;
17
+ };
18
+ "shape": {
19
+ "alias": "shape";
20
+ "required": false;
21
+ "isSignal": true;
22
+ };
23
+ "width": {
24
+ "alias": "width";
25
+ "required": false;
26
+ "isSignal": true;
27
+ };
28
+ "height": {
29
+ "alias": "height";
30
+ "required": false;
31
+ "isSignal": true;
32
+ };
33
+ }, {}, never, never, true, never>;
34
+ }
@@ -0,0 +1,19 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class HySparkline {
3
+ readonly data: import("@angular/core").InputSignal<readonly number[]>;
4
+ readonly label: import("@angular/core").InputSignal<string>;
5
+ readonly points: import("@angular/core").Signal<string>;
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<HySparkline, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<HySparkline, "hy-sparkline", never, {
8
+ "data": {
9
+ "alias": "data";
10
+ "required": true;
11
+ "isSignal": true;
12
+ };
13
+ "label": {
14
+ "alias": "label";
15
+ "required": true;
16
+ "isSignal": true;
17
+ };
18
+ }, {}, never, never, true, never>;
19
+ }
@@ -0,0 +1,24 @@
1
+ import * as i0 from "@angular/core";
2
+ /** Splits measured lines after hydration. The accessible text is read once. */
3
+ export declare class HySplitText {
4
+ private readonly el;
5
+ private readonly motion;
6
+ private readonly destroyRef;
7
+ private readonly measure;
8
+ readonly text: import("@angular/core").InputSignal<string>;
9
+ protected readonly lines: import("@angular/core").WritableSignal<readonly string[]>;
10
+ private readonly entered;
11
+ private readonly ready;
12
+ private remeasure;
13
+ protected readonly shown: import("@angular/core").Signal<boolean>;
14
+ protected readonly words: import("@angular/core").Signal<string[]>;
15
+ constructor();
16
+ static ɵfac: i0.ɵɵFactoryDeclaration<HySplitText, never>;
17
+ static ɵcmp: i0.ɵɵComponentDeclaration<HySplitText, "hy-split-text", never, {
18
+ "text": {
19
+ "alias": "text";
20
+ "required": true;
21
+ "isSignal": true;
22
+ };
23
+ }, {}, never, never, true, never>;
24
+ }
@@ -0,0 +1,56 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class HyStat {
3
+ readonly value: import("@angular/core").InputSignal<number>;
4
+ readonly label: import("@angular/core").InputSignal<string>;
5
+ readonly trend: import("@angular/core").InputSignal<string>;
6
+ readonly locale: import("@angular/core").InputSignal<string | undefined>;
7
+ readonly format: import("@angular/core").InputSignal<Intl.NumberFormatOptions>;
8
+ readonly animate: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
9
+ readonly prefix: import("@angular/core").InputSignal<string>;
10
+ readonly suffix: import("@angular/core").InputSignal<string>;
11
+ readonly formatted: import("@angular/core").Signal<string>;
12
+ readonly accessible: import("@angular/core").Signal<string>;
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyStat, never>;
14
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyStat, "hy-stat", never, {
15
+ "value": {
16
+ "alias": "value";
17
+ "required": true;
18
+ "isSignal": true;
19
+ };
20
+ "label": {
21
+ "alias": "label";
22
+ "required": true;
23
+ "isSignal": true;
24
+ };
25
+ "trend": {
26
+ "alias": "trend";
27
+ "required": false;
28
+ "isSignal": true;
29
+ };
30
+ "locale": {
31
+ "alias": "locale";
32
+ "required": false;
33
+ "isSignal": true;
34
+ };
35
+ "format": {
36
+ "alias": "format";
37
+ "required": false;
38
+ "isSignal": true;
39
+ };
40
+ "animate": {
41
+ "alias": "animate";
42
+ "required": false;
43
+ "isSignal": true;
44
+ };
45
+ "prefix": {
46
+ "alias": "prefix";
47
+ "required": false;
48
+ "isSignal": true;
49
+ };
50
+ "suffix": {
51
+ "alias": "suffix";
52
+ "required": false;
53
+ "isSignal": true;
54
+ };
55
+ }, {}, never, ["*"], true, never>;
56
+ }