@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,63 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class HyStep {
3
+ private readonly stepper;
4
+ readonly label: import("@angular/core").InputSignal<string>;
5
+ readonly completed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
6
+ readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
7
+ readonly id: string;
8
+ protected readonly active: import("@angular/core").Signal<boolean>;
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyStep, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyStep, "hy-step", never, {
11
+ "label": {
12
+ "alias": "label";
13
+ "required": true;
14
+ "isSignal": true;
15
+ };
16
+ "completed": {
17
+ "alias": "completed";
18
+ "required": false;
19
+ "isSignal": true;
20
+ };
21
+ "disabled": {
22
+ "alias": "disabled";
23
+ "required": false;
24
+ "isSignal": true;
25
+ };
26
+ }, {}, never, ["*"], true, never>;
27
+ }
28
+ /** Linear steps require each preceding step to be completed before advancing. */
29
+ export declare class HyStepper {
30
+ private readonly el;
31
+ private readonly injector;
32
+ readonly label: import("@angular/core").InputSignal<string>;
33
+ readonly linear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
34
+ readonly selected: import("@angular/core").ModelSignal<number>;
35
+ readonly steps: import("@angular/core").Signal<readonly HyStep[]>;
36
+ protected readonly available: import("@angular/core").Signal<boolean[]>;
37
+ readonly activeIndex: import("@angular/core").Signal<number>;
38
+ select(index: number): void;
39
+ next(): void;
40
+ previous(): void;
41
+ protected onKey(event: KeyboardEvent, index: number): void;
42
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyStepper, never>;
43
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyStepper, "hy-stepper", never, {
44
+ "label": {
45
+ "alias": "label";
46
+ "required": false;
47
+ "isSignal": true;
48
+ };
49
+ "linear": {
50
+ "alias": "linear";
51
+ "required": false;
52
+ "isSignal": true;
53
+ };
54
+ "selected": {
55
+ "alias": "selected";
56
+ "required": false;
57
+ "isSignal": true;
58
+ };
59
+ }, {
60
+ "selected": "selectedChange";
61
+ }, ["steps"], ["*"], true, never>;
62
+ }
63
+ export declare const HY_STEPPER: readonly [typeof HyStepper, typeof HyStep];
@@ -0,0 +1,125 @@
1
+ import * as i0 from "@angular/core";
2
+ import { TemplateRef } from "@angular/core";
3
+ export type HyRowKey = string | number;
4
+ export interface HyTableCellContext<T> {
5
+ readonly $implicit: T;
6
+ readonly value: string | number | null;
7
+ }
8
+ export interface HyTableColumn<T> {
9
+ readonly id: string;
10
+ readonly header: string;
11
+ readonly cell: (row: T) => string | number | null;
12
+ readonly sortable?: boolean;
13
+ readonly compare?: (a: T, b: T) => number;
14
+ readonly align?: 'start' | 'end' | 'center';
15
+ readonly template?: TemplateRef<HyTableCellContext<T>>;
16
+ }
17
+ export interface HyTableSort {
18
+ readonly column: string;
19
+ readonly direction: 'asc' | 'desc';
20
+ }
21
+ export declare class HyTable<T> {
22
+ readonly data: import("@angular/core").InputSignal<readonly T[]>;
23
+ readonly columns: import("@angular/core").InputSignal<readonly HyTableColumn<T>[]>;
24
+ readonly rowKey: import("@angular/core").InputSignal<(row: T) => HyRowKey>;
25
+ readonly caption: import("@angular/core").InputSignal<string>;
26
+ readonly locale: import("@angular/core").InputSignal<string | undefined>;
27
+ private readonly globalLocale;
28
+ private readonly effectiveLocale;
29
+ readonly selectable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
30
+ readonly stickyHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
31
+ readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
32
+ readonly emptyLabel: import("@angular/core").InputSignal<string>;
33
+ readonly selectionLabel: import("@angular/core").InputSignal<string>;
34
+ readonly rowLabel: import("@angular/core").InputSignal<(row: T) => string>;
35
+ readonly selected: import("@angular/core").ModelSignal<readonly HyRowKey[]>;
36
+ readonly sort: import("@angular/core").ModelSignal<HyTableSort | null>;
37
+ private readonly selectedSet;
38
+ private readonly sorted;
39
+ readonly view: import("@angular/core").Signal<{
40
+ row: T;
41
+ key: HyRowKey;
42
+ label: string;
43
+ selected: boolean;
44
+ cells: {
45
+ column: HyTableColumn<T>;
46
+ value: string | number | null;
47
+ }[];
48
+ }[]>;
49
+ readonly allSelected: import("@angular/core").Signal<boolean>;
50
+ readonly someSelected: import("@angular/core").Signal<boolean>;
51
+ toggleSort(column: HyTableColumn<T>): void;
52
+ toggleRow(key: HyRowKey): void;
53
+ toggleAll(): void;
54
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyTable<any>, never>;
55
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyTable<any>, "hy-table", never, {
56
+ "data": {
57
+ "alias": "data";
58
+ "required": true;
59
+ "isSignal": true;
60
+ };
61
+ "columns": {
62
+ "alias": "columns";
63
+ "required": true;
64
+ "isSignal": true;
65
+ };
66
+ "rowKey": {
67
+ "alias": "rowKey";
68
+ "required": true;
69
+ "isSignal": true;
70
+ };
71
+ "caption": {
72
+ "alias": "caption";
73
+ "required": true;
74
+ "isSignal": true;
75
+ };
76
+ "locale": {
77
+ "alias": "locale";
78
+ "required": false;
79
+ "isSignal": true;
80
+ };
81
+ "selectable": {
82
+ "alias": "selectable";
83
+ "required": false;
84
+ "isSignal": true;
85
+ };
86
+ "stickyHeader": {
87
+ "alias": "stickyHeader";
88
+ "required": false;
89
+ "isSignal": true;
90
+ };
91
+ "loading": {
92
+ "alias": "loading";
93
+ "required": false;
94
+ "isSignal": true;
95
+ };
96
+ "emptyLabel": {
97
+ "alias": "emptyLabel";
98
+ "required": false;
99
+ "isSignal": true;
100
+ };
101
+ "selectionLabel": {
102
+ "alias": "selectionLabel";
103
+ "required": false;
104
+ "isSignal": true;
105
+ };
106
+ "rowLabel": {
107
+ "alias": "rowLabel";
108
+ "required": false;
109
+ "isSignal": true;
110
+ };
111
+ "selected": {
112
+ "alias": "selected";
113
+ "required": false;
114
+ "isSignal": true;
115
+ };
116
+ "sort": {
117
+ "alias": "sort";
118
+ "required": false;
119
+ "isSignal": true;
120
+ };
121
+ }, {
122
+ "selected": "selectedChange";
123
+ "sort": "sortChange";
124
+ }, never, never, true, never>;
125
+ }
@@ -0,0 +1,36 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class HyTimeline {
3
+ readonly label: import("@angular/core").InputSignal<string>;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyTimeline, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyTimeline, "hy-timeline", never, {
6
+ "label": {
7
+ "alias": "label";
8
+ "required": false;
9
+ "isSignal": true;
10
+ };
11
+ }, {}, never, ["*"], true, never>;
12
+ }
13
+ export declare class HyTimelineItem {
14
+ readonly heading: import("@angular/core").InputSignal<string>;
15
+ readonly date: import("@angular/core").InputSignal<string>;
16
+ readonly dateTime: import("@angular/core").InputSignal<string | null>;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<HyTimelineItem, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<HyTimelineItem, "hy-timeline-item", never, {
19
+ "heading": {
20
+ "alias": "heading";
21
+ "required": true;
22
+ "isSignal": true;
23
+ };
24
+ "date": {
25
+ "alias": "date";
26
+ "required": false;
27
+ "isSignal": true;
28
+ };
29
+ "dateTime": {
30
+ "alias": "dateTime";
31
+ "required": false;
32
+ "isSignal": true;
33
+ };
34
+ }, {}, never, ["*"], true, never>;
35
+ }
36
+ export declare const HY_TIMELINE: readonly [typeof HyTimeline, typeof HyTimelineItem];
@@ -1,345 +1,2 @@
1
- import * as i0 from "@angular/core";
2
- import { ElementRef, InjectionToken, Provider, Signal } from "@angular/core";
3
- /**
4
- * How see-through a surface is.
5
- *
6
- * - `clear`: a light veil, most of the background shows through.
7
- * - `frosted`: the default glass, blurred and saturated.
8
- * - `tinted`: frosted glass coloured by the primary colour.
9
- * - `solid`: opaque. Used automatically when the browser cannot blur, when
10
- * the user asks for reduced transparency, and on the low fidelity tier.
11
- */
12
- export type HyMaterial = 'clear' | 'frosted' | 'tinted' | 'solid';
13
- /**
14
- * How heavy a glass surface reads. Bigger surfaces should be thicker: more
15
- * blur and a deeper shadow.
16
- *
17
- * - `thin`: chips and buttons.
18
- * - `regular`: the default, for cards, bars, popovers and toasts.
19
- * - `thick`: dialogs, drawers and sheets.
20
- */
21
- export type HyThickness = 'thin' | 'regular' | 'thick';
22
- /** Control size. All sizes keep a touch target of at least 32px. */
23
- export type HySize = 'sm' | 'md' | 'lg';
24
- /**
25
- * Colour role of a control. `secondary` uses --hy-secondary when the theme sets
26
- * it and falls back to the primary colour when it does not.
27
- */
28
- export type HyTone = 'primary' | 'secondary' | 'neutral' | 'success' | 'warning' | 'danger';
29
- /**
30
- * How much visual effort the device can afford.
31
- *
32
- * - `high`: everything, including cursor physics and (from v0.2) WebGL.
33
- * - `medium`: GSAP tilt and reveals, no WebGL.
34
- * - `low`: CSS only. Glass turns solid and nothing waits on JavaScript to
35
- * become visible.
36
- */
37
- export type HyFidelityTier = 'high' | 'medium' | 'low';
38
- /**
39
- * The small part of GSAP that Hyalo uses. Declared here so the kit compiles
40
- * without GSAP installed. The real `gsap` object satisfies it.
41
- */
42
- export interface HyGsap {
43
- to(target: Element | Element[], vars: Record<string, unknown>): unknown;
44
- set(target: Element | Element[], vars: Record<string, unknown>): unknown;
45
- quickTo(target: Element, property: string, vars?: Record<string, unknown>): (value: number) => unknown;
46
- killTweensOf(target: Element | Element[]): void;
47
- }
48
- /** Returns GSAP, usually through a dynamic import so it lands in its own chunk. */
49
- export type HyGsapLoader = () => Promise<HyGsap>;
50
- /** Global defaults read by every Hyalo component. */
51
- export interface HyConfig {
52
- /** Default material for glass surfaces. */
53
- readonly material: HyMaterial;
54
- /** Default control size. */
55
- readonly size: HySize;
56
- /** Default tone for buttons and other coloured controls. */
57
- readonly tone: HyTone;
58
- /**
59
- * Forces a fidelity tier instead of detecting it. Handy for tests,
60
- * screenshots and low-end kiosks.
61
- */
62
- readonly fidelity?: HyFidelityTier;
63
- /**
64
- * Loads GSAP on demand. Without it, Hyalo falls back to CSS transitions,
65
- * so GSAP stays an optional dependency.
66
- *
67
- * ```ts
68
- * provideHyalo({ gsap: () => import('gsap').then((m) => m.gsap) })
69
- * ```
70
- */
71
- readonly gsap?: HyGsapLoader;
72
- /**
73
- * Maps a palette name to its stylesheet URL for HyPalette. Defaults to
74
- * `palette-<name>.css`, which is what a non-injected `bundleName` entry
75
- * in angular.json produces.
76
- */
77
- readonly paletteHref?: (name: string) => string;
78
- }
79
- /** Resolved Hyalo configuration. Use {@link provideHyalo} to change it. */
80
- export declare const HY_CONFIG: InjectionToken<HyConfig>;
81
- /**
82
- * Sets Hyalo defaults. Works in `app.config.ts` and in a component's
83
- * `providers`, where it merges with whatever the parent injector provides.
84
- * That makes it easy to switch one section of a page to `solid`, for example.
85
- */
86
- export declare function provideHyalo(config?: Partial<HyConfig>): Provider;
87
- /**
88
- * Returns a unique id with the given prefix. The counter is per application,
89
- * so the server and the client produce the same ids during hydration.
90
- */
91
- export declare function injectId(prefix: string): string;
92
- interface NavigatorHints {
93
- readonly deviceMemory?: number;
94
- readonly hardwareConcurrency?: number;
95
- readonly connection?: {
96
- readonly saveData?: boolean;
97
- };
98
- }
99
- /**
100
- * Picks a tier from what the browser reports. Exported for tests and for
101
- * apps that want to run the same check themselves.
102
- *
103
- * Reduced motion is not a reason to drop a tier: it asks for less movement,
104
- * not for less glass. HyMotion already turns off decorative motion for it,
105
- * and reduced transparency is handled in CSS.
106
- */
107
- export declare function detectFidelity(nav: NavigatorHints): HyFidelityTier;
108
- /**
109
- * Holds the current fidelity tier. Every effect in Hyalo reads it.
110
- *
111
- * The server and the first client render always use `medium`, so hydration
112
- * sees the same markup. The real tier is detected right after the first
113
- * render. The tier is also written to `data-hy-fidelity` on `<html>` for
114
- * CSS that needs it.
115
- */
116
- export declare class HyFidelity {
117
- private readonly config;
118
- private readonly document;
119
- private readonly _tier;
120
- private overridden;
121
- /** The active tier. */
122
- readonly tier: import("@angular/core").Signal<HyFidelityTier>;
123
- constructor();
124
- /** Overrides the detected tier, for example from a settings toggle. */
125
- setTier(tier: HyFidelityTier): void;
126
- static ɵfac: i0.ɵɵFactoryDeclaration<HyFidelity, never>;
127
- static ɵprov: i0.ɵɵInjectableDeclaration<any>;
128
- }
129
- /** One named motion: duration in seconds plus matching GSAP and CSS easings. */
130
- export interface HyMotionPreset {
131
- readonly duration: number;
132
- readonly ease: string;
133
- readonly css: string;
134
- }
135
- /**
136
- * The shared motion vocabulary. CSS has the same values as `--hy-dur-*` and
137
- * `--hy-ease-*` tokens.
138
- *
139
- * - `settle`: the default for anything that moves into place.
140
- * - `pop`: a small overshoot. Only for motion the user caused, such as a
141
- * toggle they just pressed. Never for things that appear on their own.
142
- * - `quick`: acknowledgements, like a press or a hover.
143
- * - `scene`: large, slow movements such as section reveals.
144
- */
145
- export declare const MOTION: {
146
- readonly settle: {
147
- readonly duration: 0.44;
148
- readonly ease: "power3.out";
149
- readonly css: "cubic-bezier(0.215, 0.61, 0.355, 1)";
150
- };
151
- readonly pop: {
152
- readonly duration: 0.5;
153
- readonly ease: "back.out(1.5)";
154
- readonly css: "cubic-bezier(0.34, 1.56, 0.64, 1)";
155
- };
156
- readonly quick: {
157
- readonly duration: 0.22;
158
- readonly ease: "power2.out";
159
- readonly css: "cubic-bezier(0.25, 0.46, 0.45, 0.94)";
160
- };
161
- readonly scene: {
162
- readonly duration: 0.9;
163
- readonly ease: "expo.out";
164
- readonly css: "cubic-bezier(0.16, 1, 0.3, 1)";
165
- };
166
- };
167
- /**
168
- * Motion state for the whole app: whether the user prefers reduced motion,
169
- * whether effects may run at all, and lazy access to GSAP.
170
- */
171
- export declare class HyMotion {
172
- private readonly config;
173
- private readonly fidelity;
174
- private readonly document;
175
- private readonly isBrowser;
176
- private readonly _reduced;
177
- private gsapPromise;
178
- /** True when the OS asks for reduced motion, or the app forced it. */
179
- readonly reduced: import("@angular/core").Signal<boolean>;
180
- /** True when decorative motion (tilt, magnetic, reveal) may run. */
181
- readonly enabled: import("@angular/core").Signal<boolean>;
182
- constructor();
183
- /**
184
- * Forces reduced or full motion regardless of the OS setting, and mirrors
185
- * the choice to `data-hy-motion` so CSS tokens follow. Pass `null` to go
186
- * back to the OS setting.
187
- */
188
- setReduced(reduced: boolean | null): void;
189
- /**
190
- * Loads GSAP once, if the app provided a loader. Resolves to `null` on the
191
- * server, without a loader, or if loading fails, so callers can fall back
192
- * to CSS.
193
- */
194
- gsap(): Promise<HyGsap | null>;
195
- static ɵfac: i0.ɵɵFactoryDeclaration<HyMotion, never>;
196
- static ɵprov: i0.ɵɵInjectableDeclaration<any>;
197
- }
198
- /**
199
- * A spring in the two numbers Apple designs with.
200
- *
201
- * - `damping`: 1 settles without overshoot, lower values bounce.
202
- * - `response`: roughly how many seconds it takes to get there. Not a
203
- * duration; the settle time falls out of the physics.
204
- */
205
- export interface HySpringConfig {
206
- readonly damping: number;
207
- readonly response: number;
208
- }
209
- /**
210
- * The shared springs.
211
- *
212
- * - `settle`: the default. No bounce.
213
- * - `momentum`: after a flick or a drag, when the gesture carried speed.
214
- */
215
- export declare const SPRINGS: {
216
- readonly settle: {
217
- readonly damping: 1;
218
- readonly response: 0.4;
219
- };
220
- readonly momentum: {
221
- readonly damping: 0.8;
222
- readonly response: 0.3;
223
- };
224
- };
225
- /** Options for {@link HySpring.to}. */
226
- export interface HySpringTarget extends Partial<HySpringConfig> {
227
- /** Starting velocity in units per second. Defaults to the current one. */
228
- readonly velocity?: number;
229
- /** Runs once the value comes to rest on the target. */
230
- readonly onRest?: () => void;
231
- }
232
- /**
233
- * Animates one number on `requestAnimationFrame`. Every `to()` starts from
234
- * the live value and keeps its velocity, so the motion can be grabbed and
235
- * redirected at any moment without a jump or a sudden stop.
236
- */
237
- export declare class HySpring {
238
- private readonly onUpdate;
239
- /** The value on screen right now. */
240
- value: number;
241
- /** Units per second. */
242
- velocity: number;
243
- private target;
244
- private config;
245
- private onRest;
246
- private frame;
247
- private last;
248
- constructor(initial: number, onUpdate: (value: number) => void);
249
- /** True while the spring is moving. */
250
- get running(): boolean;
251
- /** Springs toward `target`, from wherever it is now. */
252
- to(target: number, options?: HySpringTarget): void;
253
- /** Jumps to a value and stops, as when a finger holds it. */
254
- set(value: number): void;
255
- /** Stops where it is. A pending `onRest` is dropped. */
256
- stop(): void;
257
- private readonly tick;
258
- }
259
- /**
260
- * How far a flick travels before it stops, from the velocity in px per
261
- * second. This is the deceleration curve of scrolling, so a target picked
262
- * from `position + project(velocity)` lands where the gesture was going.
263
- */
264
- export declare function project(velocity: number, decelerationRate?: number): number;
265
- /**
266
- * Resistance past a boundary. The further the overshoot, the less the
267
- * element follows, so an edge feels soft instead of frozen.
268
- */
269
- export declare function rubberband(overshoot: number, dimension: number, constant?: number): number;
270
- /** Velocity of a pointer from its last 100ms of movement. */
271
- export declare class HyVelocityTracker {
272
- private samples;
273
- add(value: number, time?: number): void;
274
- reset(): void;
275
- /** Units per second. Zero if the pointer has been still for 100ms. */
276
- velocity(now?: number): number;
277
- }
278
- /**
279
- * Turns any element into a glass surface.
280
- *
281
- * ```html
282
- * <aside hyMaterial="clear">...</aside>
283
- * <section hyMaterial thickness="thick">...</section>
284
- * ```
285
- *
286
- * The look lives in CSS (`.hy-glass[data-material]`), so effects stay cheap
287
- * and themeable. On the low fidelity tier every material renders as `solid`,
288
- * because backdrop blur is the most expensive thing on the page.
289
- */
290
- export declare class HyMaterialDirective {
291
- private readonly config;
292
- private readonly fidelity;
293
- /** The material. An empty attribute uses the configured default. */
294
- readonly material: import("@angular/core").InputSignal<"" | HyMaterial | undefined>;
295
- /** How heavy the glass reads. Use `thick` for large surfaces. */
296
- readonly thickness: import("@angular/core").InputSignal<HyThickness>;
297
- /** The material that is actually rendered after fidelity is applied. */
298
- readonly resolved: import("@angular/core").Signal<HyMaterial>;
299
- static ɵfac: i0.ɵɵFactoryDeclaration<HyMaterialDirective, never>;
300
- static ɵdir: i0.ɵɵDirectiveDeclaration<HyMaterialDirective, "[hyMaterial]", never, {
301
- "material": {
302
- "alias": "hyMaterial";
303
- "required": false;
304
- "isSignal": true;
305
- };
306
- "thickness": {
307
- "alias": "thickness";
308
- "required": false;
309
- "isSignal": true;
310
- };
311
- }, {}, never, never, true, never>;
312
- }
313
- /**
314
- * Mirrors interaction state to data attributes so glass effects can stay in
315
- * CSS: `data-hover`, `data-press` and `data-focus-visible`.
316
- *
317
- * Hover is only reported for mouse and pen, so touch screens never get a
318
- * stuck hover state.
319
- */
320
- export declare class HyInteractive {
321
- private readonly host;
322
- private readonly focusMonitor;
323
- protected readonly hovered: import("@angular/core").WritableSignal<boolean>;
324
- protected readonly pressed: import("@angular/core").WritableSignal<boolean>;
325
- protected readonly focusVisible: import("@angular/core").WritableSignal<boolean>;
326
- constructor();
327
- protected onEnter(event: PointerEvent): void;
328
- static ɵfac: i0.ɵɵFactoryDeclaration<HyInteractive, never>;
329
- static ɵdir: i0.ɵɵDirectiveDeclaration<HyInteractive, "[hyInteractive]", never, {}, {}, never, never, true, never>;
330
- }
331
- /** True in the browser, false during server rendering. Call in an injection context. */
332
- declare function injectIsBrowser(): boolean;
333
- /** Reads a media query once. Always false on the server. */
334
- declare function matchesMedia(query: string): boolean;
335
- /**
336
- * Keeps a sliding indicator under the selected item of a row by writing
337
- * `--hy-ind-x` and `--hy-ind-size` on the row. The offset is physical (from
338
- * the left edge) and the indicator is placed physically too, so the same
339
- * numbers work in both directions.
340
- *
341
- * Returns a signal that turns true after the first placement, so CSS can
342
- * enable the transition only from then on.
343
- */
344
- declare function trackIndicator(container: Signal<ElementRef<HTMLElement> | undefined>, selected: () => HTMLElement | null): Signal<boolean>;
345
- export { injectIsBrowser as ɵinjectIsBrowser, matchesMedia as ɵmatchesMedia, trackIndicator as ɵtrackIndicator };
1
+ export * from "@hyalo/angular/core";
2
+ export * from "@hyalo/angular/motion";
@@ -1 +0,0 @@
1
- {"version":3,"file":"hyalo-angular.mjs","names":[],"sources":["../../../projects/hyalo/src/lib/core/config.ts","../../../projects/hyalo/src/lib/core/ids.ts","../../../projects/hyalo/src/lib/core/platform.ts","../../../projects/hyalo/src/lib/fidelity/fidelity.ts","../../../projects/hyalo/src/lib/motion/motion.ts","../../../projects/hyalo/src/lib/motion/spring.ts","../../../projects/hyalo/src/lib/material/material.ts","../../../projects/hyalo/src/lib/interaction/state.ts","../../../projects/hyalo/src/lib/core/indicator.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport type { HyFidelityTier, HyMaterial, HySize, HyTone } from './axes';\nimport type { HyGsapLoader } from './gsap';\n\n/** Global defaults read by every Hyalo component. */\nexport interface HyConfig {\n /** Default material for glass surfaces. */\n readonly material: HyMaterial;\n /** Default control size. */\n readonly size: HySize;\n /** Default tone for buttons and other coloured controls. */\n readonly tone: HyTone;\n /**\n * Forces a fidelity tier instead of detecting it. Handy for tests,\n * screenshots and low-end kiosks.\n */\n readonly fidelity?: HyFidelityTier;\n /**\n * Loads GSAP on demand. Without it, Hyalo falls back to CSS transitions,\n * so GSAP stays an optional dependency.\n *\n * ```ts\n * provideHyalo({ gsap: () => import('gsap').then((m) => m.gsap) })\n * ```\n */\n readonly gsap?: HyGsapLoader;\n /**\n * Maps a palette name to its stylesheet URL for HyPalette. Defaults to\n * `palette-<name>.css`, which is what a non-injected `bundleName` entry\n * in angular.json produces.\n */\n readonly paletteHref?: (name: string) => string;\n}\n\nconst DEFAULTS: HyConfig = {\n material: 'frosted',\n size: 'md',\n tone: 'primary',\n};\n\n/** Resolved Hyalo configuration. Use {@link provideHyalo} to change it. */\nexport const HY_CONFIG = new InjectionToken<HyConfig>('HY_CONFIG', {\n providedIn: 'root',\n factory: () => DEFAULTS,\n});\n\n/**\n * Sets Hyalo defaults. Works in `app.config.ts` and in a component's\n * `providers`, where it merges with whatever the parent injector provides.\n * That makes it easy to switch one section of a page to `solid`, for example.\n */\nexport function provideHyalo(config: Partial<HyConfig> = {}): Provider {\n return {\n provide: HY_CONFIG,\n useFactory: (): HyConfig => {\n const parent = inject(HY_CONFIG, { skipSelf: true, optional: true }) ?? DEFAULTS;\n return { ...parent, ...config };\n },\n };\n}\n","import { inject } from '@angular/core';\nimport { _IdGenerator } from '@angular/cdk/a11y';\n\n/**\n * Returns a unique id with the given prefix. The counter is per application,\n * so the server and the client produce the same ids during hydration.\n */\nexport function injectId(prefix: string): string {\n return inject(_IdGenerator).getId(`hy-${prefix}-`);\n}\n","import { PLATFORM_ID, inject } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\n\n/** True in the browser, false during server rendering. Call in an injection context. */\nexport function injectIsBrowser(): boolean {\n return isPlatformBrowser(inject(PLATFORM_ID));\n}\n\n/** Reads a media query once. Always false on the server. */\nexport function matchesMedia(query: string): boolean {\n return typeof matchMedia === 'function' && matchMedia(query).matches;\n}\n","import { DOCUMENT, Injectable, afterNextRender, effect, inject, signal } from '@angular/core';\nimport { HY_CONFIG } from '../core/config';\nimport type { HyFidelityTier } from '../core/axes';\nimport { injectIsBrowser, matchesMedia } from '../core/platform';\n\nexport type { HyFidelityTier };\n\ninterface NavigatorHints {\n readonly deviceMemory?: number;\n readonly hardwareConcurrency?: number;\n readonly connection?: { readonly saveData?: boolean };\n}\n\n/**\n * Picks a tier from what the browser reports. Exported for tests and for\n * apps that want to run the same check themselves.\n *\n * Reduced motion is not a reason to drop a tier: it asks for less movement,\n * not for less glass. HyMotion already turns off decorative motion for it,\n * and reduced transparency is handled in CSS.\n */\nexport function detectFidelity(nav: NavigatorHints): HyFidelityTier {\n if (nav.connection?.saveData) return 'low';\n const memory = nav.deviceMemory ?? 8;\n const cores = nav.hardwareConcurrency ?? 8;\n if (memory <= 2 || cores <= 2) return 'low';\n if (memory <= 4 || cores <= 4 || matchesMedia('(pointer: coarse)')) return 'medium';\n return 'high';\n}\n\n/**\n * Holds the current fidelity tier. Every effect in Hyalo reads it.\n *\n * The server and the first client render always use `medium`, so hydration\n * sees the same markup. The real tier is detected right after the first\n * render. The tier is also written to `data-hy-fidelity` on `<html>` for\n * CSS that needs it.\n */\n@Injectable({ providedIn: 'root' })\nexport class HyFidelity {\n private readonly config = inject(HY_CONFIG);\n private readonly document = inject(DOCUMENT);\n private readonly _tier = signal<HyFidelityTier>(this.config.fidelity ?? 'medium');\n private overridden = !!this.config.fidelity;\n\n /** The active tier. */\n readonly tier = this._tier.asReadonly();\n\n constructor() {\n if (!injectIsBrowser()) return;\n afterNextRender(() => {\n if (!this.overridden) {\n this._tier.set(detectFidelity(navigator as NavigatorHints));\n }\n });\n effect(() => this.document.documentElement.setAttribute('data-hy-fidelity', this._tier()));\n }\n\n /** Overrides the detected tier, for example from a settings toggle. */\n setTier(tier: HyFidelityTier): void {\n this.overridden = true;\n this._tier.set(tier);\n }\n}\n","import { DOCUMENT, Injectable, computed, inject, signal } from '@angular/core';\nimport { HY_CONFIG } from '../core/config';\nimport { injectIsBrowser, matchesMedia } from '../core/platform';\nimport { HyFidelity } from '../fidelity/fidelity';\nimport type { HyGsap } from '../core/gsap';\n\n/** One named motion: duration in seconds plus matching GSAP and CSS easings. */\nexport interface HyMotionPreset {\n readonly duration: number;\n readonly ease: string;\n readonly css: string;\n}\n\n/**\n * The shared motion vocabulary. CSS has the same values as `--hy-dur-*` and\n * `--hy-ease-*` tokens.\n *\n * - `settle`: the default for anything that moves into place.\n * - `pop`: a small overshoot. Only for motion the user caused, such as a\n * toggle they just pressed. Never for things that appear on their own.\n * - `quick`: acknowledgements, like a press or a hover.\n * - `scene`: large, slow movements such as section reveals.\n */\nexport const MOTION = {\n settle: { duration: 0.44, ease: 'power3.out', css: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n pop: { duration: 0.5, ease: 'back.out(1.5)', css: 'cubic-bezier(0.34, 1.56, 0.64, 1)' },\n quick: { duration: 0.22, ease: 'power2.out', css: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)' },\n scene: { duration: 0.9, ease: 'expo.out', css: 'cubic-bezier(0.16, 1, 0.3, 1)' },\n} as const satisfies Record<string, HyMotionPreset>;\n\n/**\n * Motion state for the whole app: whether the user prefers reduced motion,\n * whether effects may run at all, and lazy access to GSAP.\n */\n@Injectable({ providedIn: 'root' })\nexport class HyMotion {\n private readonly config = inject(HY_CONFIG);\n private readonly fidelity = inject(HyFidelity);\n private readonly document = inject(DOCUMENT);\n private readonly isBrowser = injectIsBrowser();\n private readonly _reduced = signal(false);\n private gsapPromise: Promise<HyGsap | null> | undefined;\n\n /** True when the OS asks for reduced motion, or the app forced it. */\n readonly reduced = this._reduced.asReadonly();\n\n /** True when decorative motion (tilt, magnetic, reveal) may run. */\n readonly enabled = computed(() => !this._reduced() && this.fidelity.tier() !== 'low');\n\n constructor() {\n if (!this.isBrowser || typeof matchMedia !== 'function') return;\n const query = matchMedia('(prefers-reduced-motion: reduce)');\n const forced = this.document.documentElement.getAttribute('data-hy-motion');\n this._reduced.set(forced ? forced === 'reduced' : query.matches);\n query.addEventListener('change', (event) => {\n if (!this.document.documentElement.hasAttribute('data-hy-motion')) {\n this._reduced.set(event.matches);\n }\n });\n }\n\n /**\n * Forces reduced or full motion regardless of the OS setting, and mirrors\n * the choice to `data-hy-motion` so CSS tokens follow. Pass `null` to go\n * back to the OS setting.\n */\n setReduced(reduced: boolean | null): void {\n const root = this.document.documentElement;\n if (reduced === null) {\n root.removeAttribute('data-hy-motion');\n this._reduced.set(matchesMedia('(prefers-reduced-motion: reduce)'));\n return;\n }\n root.setAttribute('data-hy-motion', reduced ? 'reduced' : 'full');\n this._reduced.set(reduced);\n }\n\n /**\n * Loads GSAP once, if the app provided a loader. Resolves to `null` on the\n * server, without a loader, or if loading fails, so callers can fall back\n * to CSS.\n */\n gsap(): Promise<HyGsap | null> {\n const loader = this.config.gsap;\n if (!this.isBrowser || !loader) return Promise.resolve(null);\n this.gsapPromise ??= loader().catch(() => null);\n return this.gsapPromise;\n }\n}\n","/**\n * A spring in the two numbers Apple designs with.\n *\n * - `damping`: 1 settles without overshoot, lower values bounce.\n * - `response`: roughly how many seconds it takes to get there. Not a\n * duration; the settle time falls out of the physics.\n */\nexport interface HySpringConfig {\n readonly damping: number;\n readonly response: number;\n}\n\n/**\n * The shared springs.\n *\n * - `settle`: the default. No bounce.\n * - `momentum`: after a flick or a drag, when the gesture carried speed.\n */\nexport const SPRINGS = {\n settle: { damping: 1, response: 0.4 },\n momentum: { damping: 0.8, response: 0.3 },\n} as const satisfies Record<string, HySpringConfig>;\n\n/** Options for {@link HySpring.to}. */\nexport interface HySpringTarget extends Partial<HySpringConfig> {\n /** Starting velocity in units per second. Defaults to the current one. */\n readonly velocity?: number;\n /** Runs once the value comes to rest on the target. */\n readonly onRest?: () => void;\n}\n\nconst STEP = 1 / 240;\nconst REST_DELTA = 0.1;\nconst REST_VELOCITY = 2;\n\n/**\n * Animates one number on `requestAnimationFrame`. Every `to()` starts from\n * the live value and keeps its velocity, so the motion can be grabbed and\n * redirected at any moment without a jump or a sudden stop.\n */\nexport class HySpring {\n /** The value on screen right now. */\n value: number;\n /** Units per second. */\n velocity = 0;\n private target = 0;\n private config: HySpringConfig = SPRINGS.settle;\n private onRest: (() => void) | null = null;\n private frame = 0;\n private last = 0;\n\n constructor(\n initial: number,\n private readonly onUpdate: (value: number) => void,\n ) {\n this.value = initial;\n }\n\n /** True while the spring is moving. */\n get running(): boolean {\n return this.frame !== 0;\n }\n\n /** Springs toward `target`, from wherever it is now. */\n to(target: number, options: HySpringTarget = {}): void {\n this.target = target;\n this.config = {\n damping: options.damping ?? SPRINGS.settle.damping,\n response: options.response ?? SPRINGS.settle.response,\n };\n if (options.velocity !== undefined) this.velocity = options.velocity;\n this.onRest = options.onRest ?? null;\n if (this.frame) return;\n this.last = performance.now();\n this.frame = requestAnimationFrame(this.tick);\n }\n\n /** Jumps to a value and stops, as when a finger holds it. */\n set(value: number): void {\n this.stop();\n this.value = value;\n this.velocity = 0;\n this.onUpdate(value);\n }\n\n /** Stops where it is. A pending `onRest` is dropped. */\n stop(): void {\n cancelAnimationFrame(this.frame);\n this.frame = 0;\n this.onRest = null;\n }\n\n private readonly tick = (now: number): void => {\n // A long frame (a background tab, a busy main thread) is capped, so the\n // spring slows down instead of jumping. The first frame's timestamp can\n // be older than the call to to(), which would make dt negative.\n const dt = Math.max(0, Math.min((now - this.last) / 1000, 1 / 15));\n this.last = Math.max(now, this.last);\n const stiffness = ((2 * Math.PI) / this.config.response) ** 2;\n const friction = (4 * Math.PI * this.config.damping) / this.config.response;\n // Stiffer springs need finer steps to stay stable.\n const steps = Math.ceil(dt / Math.min(STEP, this.config.response / 60));\n const h = dt / steps;\n for (let i = 0; i < steps; i++) {\n this.velocity += (-stiffness * (this.value - this.target) - friction * this.velocity) * h;\n this.value += this.velocity * h;\n }\n if (\n Math.abs(this.velocity) < REST_VELOCITY &&\n Math.abs(this.value - this.target) < REST_DELTA\n ) {\n this.value = this.target;\n this.velocity = 0;\n this.frame = 0;\n const done = this.onRest;\n this.onRest = null;\n this.onUpdate(this.value);\n done?.();\n return;\n }\n this.onUpdate(this.value);\n this.frame = requestAnimationFrame(this.tick);\n };\n}\n\n/**\n * How far a flick travels before it stops, from the velocity in px per\n * second. This is the deceleration curve of scrolling, so a target picked\n * from `position + project(velocity)` lands where the gesture was going.\n */\nexport function project(velocity: number, decelerationRate = 0.998): number {\n return ((velocity / 1000) * decelerationRate) / (1 - decelerationRate);\n}\n\n/**\n * Resistance past a boundary. The further the overshoot, the less the\n * element follows, so an edge feels soft instead of frozen.\n */\nexport function rubberband(overshoot: number, dimension: number, constant = 0.55): number {\n if (dimension <= 0) return 0;\n const x = Math.abs(overshoot);\n return (Math.sign(overshoot) * (x * dimension * constant)) / (dimension + constant * x);\n}\n\n/** Velocity of a pointer from its last 100ms of movement. */\nexport class HyVelocityTracker {\n private samples: { t: number; v: number }[] = [];\n\n add(value: number, time = performance.now()): void {\n this.samples.push({ t: time, v: value });\n while (this.samples.length > 2 && time - (this.samples[0]?.t ?? time) > 100) {\n this.samples.shift();\n }\n }\n\n reset(): void {\n this.samples = [];\n }\n\n /** Units per second. Zero if the pointer has been still for 100ms. */\n velocity(now = performance.now()): number {\n const recent = this.samples.filter((s) => now - s.t <= 100);\n const first = recent[0];\n const last = recent[recent.length - 1];\n if (!first || !last || last.t === first.t) return 0;\n return ((last.v - first.v) / (last.t - first.t)) * 1000;\n }\n}\n","import { Directive, computed, inject, input } from '@angular/core';\nimport { HY_CONFIG } from '../core/config';\nimport type { HyMaterial, HyThickness } from '../core/axes';\nimport { HyFidelity } from '../fidelity/fidelity';\n\n/**\n * Turns any element into a glass surface.\n *\n * ```html\n * <aside hyMaterial=\"clear\">...</aside>\n * <section hyMaterial thickness=\"thick\">...</section>\n * ```\n *\n * The look lives in CSS (`.hy-glass[data-material]`), so effects stay cheap\n * and themeable. On the low fidelity tier every material renders as `solid`,\n * because backdrop blur is the most expensive thing on the page.\n */\n@Directive({\n selector: '[hyMaterial]',\n host: {\n class: 'hy-glass',\n '[attr.data-material]': 'resolved()',\n '[attr.data-thickness]': 'thickness() === \"regular\" ? null : thickness()',\n },\n})\nexport class HyMaterialDirective {\n private readonly config = inject(HY_CONFIG);\n private readonly fidelity = inject(HyFidelity);\n\n /** The material. An empty attribute uses the configured default. */\n readonly material = input<HyMaterial | '' | undefined>(undefined, { alias: 'hyMaterial' });\n /** How heavy the glass reads. Use `thick` for large surfaces. */\n readonly thickness = input<HyThickness>('regular');\n\n /** The material that is actually rendered after fidelity is applied. */\n readonly resolved = computed<HyMaterial>(() => {\n if (this.fidelity.tier() === 'low') return 'solid';\n return this.material() || this.config.material;\n });\n}\n","import { Directive, DestroyRef, ElementRef, afterNextRender, inject, signal } from '@angular/core';\nimport { FocusMonitor } from '@angular/cdk/a11y';\n\n/**\n * Mirrors interaction state to data attributes so glass effects can stay in\n * CSS: `data-hover`, `data-press` and `data-focus-visible`.\n *\n * Hover is only reported for mouse and pen, so touch screens never get a\n * stuck hover state.\n */\n@Directive({\n selector: '[hyInteractive]',\n host: {\n '[attr.data-hover]': 'hovered() || null',\n '[attr.data-press]': 'pressed() || null',\n '[attr.data-focus-visible]': 'focusVisible() || null',\n '(pointerenter)': 'onEnter($event)',\n '(pointerleave)': 'hovered.set(false); pressed.set(false)',\n '(pointerdown)': 'pressed.set(true)',\n '(pointerup)': 'pressed.set(false)',\n '(pointercancel)': 'pressed.set(false)',\n },\n})\nexport class HyInteractive {\n private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n private readonly focusMonitor = inject(FocusMonitor);\n\n protected readonly hovered = signal(false);\n protected readonly pressed = signal(false);\n protected readonly focusVisible = signal(false);\n\n constructor() {\n afterNextRender(() => {\n this.focusMonitor.monitor(this.host).subscribe((origin) => {\n this.focusVisible.set(origin === 'keyboard');\n });\n });\n inject(DestroyRef).onDestroy(() => this.focusMonitor.stopMonitoring(this.host));\n }\n\n protected onEnter(event: PointerEvent): void {\n if (event.pointerType !== 'touch') this.hovered.set(true);\n }\n}\n","import {\r\n DestroyRef,\r\n ElementRef,\r\n afterNextRender,\r\n afterRenderEffect,\r\n inject,\r\n signal,\r\n type Signal,\r\n} from '@angular/core';\r\n\r\n/**\r\n * Keeps a sliding indicator under the selected item of a row by writing\r\n * `--hy-ind-x` and `--hy-ind-size` on the row. The offset is physical (from\r\n * the left edge) and the indicator is placed physically too, so the same\r\n * numbers work in both directions.\r\n *\r\n * Returns a signal that turns true after the first placement, so CSS can\r\n * enable the transition only from then on.\r\n */\r\nexport function trackIndicator(\r\n container: Signal<ElementRef<HTMLElement> | undefined>,\r\n selected: () => HTMLElement | null,\r\n): Signal<boolean> {\r\n const ready = signal(false);\r\n // Bumped when the row resizes, for example after web fonts load.\r\n const size = signal(0);\r\n const destroyRef = inject(DestroyRef);\r\n\r\n afterNextRender(() => {\r\n const row = container()?.nativeElement;\r\n if (!row || typeof ResizeObserver !== 'function') return;\r\n const observer = new ResizeObserver(() => size.update((v) => v + 1));\r\n observer.observe(row);\r\n destroyRef.onDestroy(() => observer.disconnect());\r\n });\r\n\r\n afterRenderEffect({\r\n earlyRead: () => {\r\n size();\r\n const row = container()?.nativeElement;\r\n const item = selected();\r\n if (!row || !item) return null;\r\n const rowRect = row.getBoundingClientRect();\r\n const rect = item.getBoundingClientRect();\r\n // Rects are in screen pixels, after any zoom or scale on an ancestor,\r\n // but the custom properties are read in the row's own pixels.\r\n const scale = row.offsetWidth ? rowRect.width / row.offsetWidth : 1;\r\n return {\r\n row,\r\n x: (rect.left - rowRect.left) / scale + row.scrollLeft,\r\n size: rect.width / scale,\r\n };\r\n },\r\n write: (measured) => {\r\n const m = measured();\r\n if (!m) return;\r\n m.row.style.setProperty('--hy-ind-x', `${m.x}px`);\r\n m.row.style.setProperty('--hy-ind-size', `${m.size}px`);\r\n if (!ready()) requestAnimationFrame(() => ready.set(true));\r\n },\r\n });\r\n\r\n return ready.asReadonly();\r\n}\r\n"],"mappings":"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"}