ng-primitives 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (243) hide show
  1. package/README.md +7 -0
  2. package/a11y/README.md +3 -0
  3. package/a11y/index.d.ts +8 -0
  4. package/a11y/visually-hidden/visually-hidden.directive.d.ts +5 -0
  5. package/accordion/README.md +3 -0
  6. package/accordion/accordion/accordion.directive.d.ts +45 -0
  7. package/accordion/accordion/accordion.token.d.ts +15 -0
  8. package/accordion/accordion-content/accordion-content.directive.d.ts +25 -0
  9. package/accordion/accordion-content/accordion-content.token.d.ts +15 -0
  10. package/accordion/accordion-item/accordion-item.directive.d.ts +45 -0
  11. package/accordion/accordion-item/accordion-item.token.d.ts +15 -0
  12. package/accordion/accordion-trigger/accordion-trigger.directive.d.ts +21 -0
  13. package/accordion/accordion-trigger/accordion-trigger.token.d.ts +15 -0
  14. package/accordion/config/accordion.config.d.ts +39 -0
  15. package/accordion/index.d.ts +16 -0
  16. package/avatar/README.md +3 -0
  17. package/avatar/avatar/avatar.directive.d.ts +22 -0
  18. package/avatar/avatar/avatar.token.d.ts +15 -0
  19. package/avatar/avatar-fallback/avatar-fallback.directive.d.ts +45 -0
  20. package/avatar/avatar-image/avatar-image.directive.d.ts +28 -0
  21. package/avatar/config/avatar.config.d.ts +28 -0
  22. package/avatar/index.d.ts +12 -0
  23. package/checkbox/README.md +3 -0
  24. package/checkbox/checkbox/checkbox.directive.d.ts +89 -0
  25. package/checkbox/checkbox/checkbox.token.d.ts +15 -0
  26. package/checkbox/checkbox-indicator/checkbox-indicator.directive.d.ts +19 -0
  27. package/checkbox/checkbox-indicator/checkbox-indicator.token.d.ts +15 -0
  28. package/checkbox/checkbox-input/checkbox-input.directive.d.ts +10 -0
  29. package/checkbox/checkbox-label/checkbox-label.directive.d.ts +9 -0
  30. package/checkbox/index.d.ts +13 -0
  31. package/esm2022/a11y/index.mjs +9 -0
  32. package/esm2022/a11y/ng-primitives-a11y.mjs +5 -0
  33. package/esm2022/a11y/visually-hidden/visually-hidden.directive.mjs +25 -0
  34. package/esm2022/accordion/accordion/accordion.directive.mjs +90 -0
  35. package/esm2022/accordion/accordion/accordion.token.mjs +17 -0
  36. package/esm2022/accordion/accordion-content/accordion-content.directive.mjs +55 -0
  37. package/esm2022/accordion/accordion-content/accordion-content.token.mjs +17 -0
  38. package/esm2022/accordion/accordion-item/accordion-item.directive.mjs +64 -0
  39. package/esm2022/accordion/accordion-item/accordion-item.token.mjs +17 -0
  40. package/esm2022/accordion/accordion-trigger/accordion-trigger.directive.mjs +58 -0
  41. package/esm2022/accordion/accordion-trigger/accordion-trigger.token.mjs +17 -0
  42. package/esm2022/accordion/config/accordion.config.mjs +35 -0
  43. package/esm2022/accordion/index.mjs +17 -0
  44. package/esm2022/accordion/ng-primitives-accordion.mjs +5 -0
  45. package/esm2022/avatar/avatar/avatar.directive.mjs +45 -0
  46. package/esm2022/avatar/avatar/avatar.token.mjs +17 -0
  47. package/esm2022/avatar/avatar-fallback/avatar-fallback.directive.mjs +61 -0
  48. package/esm2022/avatar/avatar-image/avatar-image.directive.mjs +64 -0
  49. package/esm2022/avatar/config/avatar.config.mjs +33 -0
  50. package/esm2022/avatar/index.mjs +13 -0
  51. package/esm2022/avatar/ng-primitives-avatar.mjs +5 -0
  52. package/esm2022/checkbox/checkbox/checkbox.directive.mjs +141 -0
  53. package/esm2022/checkbox/checkbox/checkbox.token.mjs +17 -0
  54. package/esm2022/checkbox/checkbox-indicator/checkbox-indicator.directive.mjs +51 -0
  55. package/esm2022/checkbox/checkbox-indicator/checkbox-indicator.token.mjs +17 -0
  56. package/esm2022/checkbox/checkbox-input/checkbox-input.directive.mjs +40 -0
  57. package/esm2022/checkbox/checkbox-label/checkbox-label.directive.mjs +32 -0
  58. package/esm2022/checkbox/index.mjs +14 -0
  59. package/esm2022/checkbox/ng-primitives-checkbox.mjs +5 -0
  60. package/esm2022/index.mjs +10 -0
  61. package/esm2022/ng-primitives.mjs +5 -0
  62. package/esm2022/progress/index.mjs +10 -0
  63. package/esm2022/progress/ng-primitives-progress.mjs +5 -0
  64. package/esm2022/progress/progress/progress.directive.mjs +60 -0
  65. package/esm2022/progress/progress/progress.token.mjs +16 -0
  66. package/esm2022/progress/progress-indicator/progress-indicator.directive.mjs +33 -0
  67. package/esm2022/radio/index.mjs +13 -0
  68. package/esm2022/radio/ng-primitives-radio.mjs +5 -0
  69. package/esm2022/radio/radio-group/radio-group.directive.mjs +100 -0
  70. package/esm2022/radio/radio-group/radio-group.token.mjs +17 -0
  71. package/esm2022/radio/radio-indicator/radio-indicator.directive.mjs +41 -0
  72. package/esm2022/radio/radio-item/radio-item.directive.mjs +68 -0
  73. package/esm2022/radio/radio-item/radio-item.token.mjs +17 -0
  74. package/esm2022/resize/index.mjs +10 -0
  75. package/esm2022/resize/ng-primitives-resize.mjs +5 -0
  76. package/esm2022/resize/resize/resize.directive.mjs +49 -0
  77. package/esm2022/resize/utils/resize.mjs +41 -0
  78. package/esm2022/roving-focus/index.mjs +12 -0
  79. package/esm2022/roving-focus/ng-primitives-roving-focus.mjs +5 -0
  80. package/esm2022/roving-focus/roving-focus-group/roving-focus-group.directive.mjs +244 -0
  81. package/esm2022/roving-focus/roving-focus-group/roving-focus-group.token.mjs +17 -0
  82. package/esm2022/roving-focus/roving-focus-item/roving-focus-item.directive.mjs +98 -0
  83. package/esm2022/roving-focus/roving-focus-item/roving-focus-item.token.mjs +17 -0
  84. package/esm2022/select/index.mjs +16 -0
  85. package/esm2022/select/ng-primitives-select.mjs +5 -0
  86. package/esm2022/select/select/select.directive.mjs +54 -0
  87. package/esm2022/select/select/select.token.mjs +16 -0
  88. package/esm2022/select/select-button/select-button.directive.mjs +84 -0
  89. package/esm2022/select/select-button/select-button.token.mjs +16 -0
  90. package/esm2022/select/select-option/select-option.directive.mjs +90 -0
  91. package/esm2022/select/select-option/select-option.token.mjs +16 -0
  92. package/esm2022/select/select-options/select-options.directive.mjs +157 -0
  93. package/esm2022/select/select-options/select-options.token.mjs +16 -0
  94. package/esm2022/slider/index.mjs +16 -0
  95. package/esm2022/slider/ng-primitives-slider.mjs +5 -0
  96. package/esm2022/slider/slider/slider.directive.mjs +68 -0
  97. package/esm2022/slider/slider/slider.token.mjs +16 -0
  98. package/esm2022/slider/slider-range/slider-range.directive.mjs +36 -0
  99. package/esm2022/slider/slider-range/slider-range.token.mjs +16 -0
  100. package/esm2022/slider/slider-thumb/slider-thumb.directive.mjs +109 -0
  101. package/esm2022/slider/slider-thumb/slider-thumb.token.mjs +16 -0
  102. package/esm2022/slider/slider-track/slider-track.directive.mjs +54 -0
  103. package/esm2022/slider/slider-track/slider-track.token.mjs +16 -0
  104. package/esm2022/switch/index.mjs +11 -0
  105. package/esm2022/switch/ng-primitives-switch.mjs +5 -0
  106. package/esm2022/switch/switch/switch.directive.mjs +126 -0
  107. package/esm2022/switch/switch/switch.token.mjs +17 -0
  108. package/esm2022/switch/switch-thumb/switch-thumb.directive.mjs +32 -0
  109. package/esm2022/tabs/config/tabs.config.mjs +35 -0
  110. package/esm2022/tabs/index.mjs +15 -0
  111. package/esm2022/tabs/ng-primitives-tabs.mjs +5 -0
  112. package/esm2022/tabs/tab-button/tab-button.directive.mjs +84 -0
  113. package/esm2022/tabs/tab-list/tab-list.directive.mjs +34 -0
  114. package/esm2022/tabs/tab-panel/tab-panel.directive.mjs +62 -0
  115. package/esm2022/tabs/tab-panel/tab-panel.token.mjs +17 -0
  116. package/esm2022/tabs/tabset/tabset.directive.mjs +91 -0
  117. package/esm2022/tabs/tabset/tabset.token.mjs +17 -0
  118. package/esm2022/toggle/index.mjs +9 -0
  119. package/esm2022/toggle/ng-primitives-toggle.mjs +5 -0
  120. package/esm2022/toggle/toggle/toggle.directive.mjs +48 -0
  121. package/esm2022/tooltip/config/tooltip.config.mjs +38 -0
  122. package/esm2022/tooltip/index.mjs +13 -0
  123. package/esm2022/tooltip/ng-primitives-tooltip.mjs +5 -0
  124. package/esm2022/tooltip/tooltip/tooltip.directive.mjs +57 -0
  125. package/esm2022/tooltip/tooltip/tooltip.token.mjs +16 -0
  126. package/esm2022/tooltip/tooltip-trigger/tooltip-trigger.directive.mjs +190 -0
  127. package/esm2022/tooltip/tooltip-trigger/tooltip-trigger.token.mjs +23 -0
  128. package/esm2022/utils/helpers/disposables.mjs +72 -0
  129. package/esm2022/utils/helpers/focus-manager.mjs +28 -0
  130. package/esm2022/utils/helpers/unique-id.mjs +22 -0
  131. package/esm2022/utils/hover/hover.directive.mjs +183 -0
  132. package/esm2022/utils/hover/hover.token.mjs +16 -0
  133. package/esm2022/utils/index.mjs +14 -0
  134. package/esm2022/utils/ng-primitives-utils.mjs +5 -0
  135. package/esm2022/utils/ui/dimensions.mjs +40 -0
  136. package/fesm2022/ng-primitives-a11y.mjs +40 -0
  137. package/fesm2022/ng-primitives-a11y.mjs.map +1 -0
  138. package/fesm2022/ng-primitives-accordion.mjs +361 -0
  139. package/fesm2022/ng-primitives-accordion.mjs.map +1 -0
  140. package/fesm2022/ng-primitives-avatar.mjs +223 -0
  141. package/fesm2022/ng-primitives-avatar.mjs.map +1 -0
  142. package/fesm2022/ng-primitives-checkbox.mjs +299 -0
  143. package/fesm2022/ng-primitives-checkbox.mjs.map +1 -0
  144. package/fesm2022/ng-primitives-progress.mjs +119 -0
  145. package/fesm2022/ng-primitives-progress.mjs.map +1 -0
  146. package/fesm2022/ng-primitives-radio.mjs +245 -0
  147. package/fesm2022/ng-primitives-radio.mjs.map +1 -0
  148. package/fesm2022/ng-primitives-resize.mjs +104 -0
  149. package/fesm2022/ng-primitives-resize.mjs.map +1 -0
  150. package/fesm2022/ng-primitives-roving-focus.mjs +384 -0
  151. package/fesm2022/ng-primitives-roving-focus.mjs.map +1 -0
  152. package/fesm2022/ng-primitives-select.mjs +442 -0
  153. package/fesm2022/ng-primitives-select.mjs.map +1 -0
  154. package/fesm2022/ng-primitives-slider.mjs +328 -0
  155. package/fesm2022/ng-primitives-slider.mjs.map +1 -0
  156. package/fesm2022/ng-primitives-switch.mjs +185 -0
  157. package/fesm2022/ng-primitives-switch.mjs.map +1 -0
  158. package/fesm2022/ng-primitives-tabs.mjs +337 -0
  159. package/fesm2022/ng-primitives-tabs.mjs.map +1 -0
  160. package/fesm2022/ng-primitives-toggle.mjs +63 -0
  161. package/fesm2022/ng-primitives-toggle.mjs.map +1 -0
  162. package/fesm2022/ng-primitives-tooltip.mjs +330 -0
  163. package/fesm2022/ng-primitives-tooltip.mjs.map +1 -0
  164. package/fesm2022/ng-primitives-utils.mjs +370 -0
  165. package/fesm2022/ng-primitives-utils.mjs.map +1 -0
  166. package/fesm2022/ng-primitives.mjs +14 -0
  167. package/fesm2022/ng-primitives.mjs.map +1 -0
  168. package/index.d.ts +9 -0
  169. package/package.json +120 -0
  170. package/progress/README.md +3 -0
  171. package/progress/index.d.ts +9 -0
  172. package/progress/progress/progress.directive.d.ts +40 -0
  173. package/progress/progress/progress.token.d.ts +14 -0
  174. package/progress/progress-indicator/progress-indicator.directive.d.ts +9 -0
  175. package/radio/README.md +3 -0
  176. package/radio/index.d.ts +12 -0
  177. package/radio/radio-group/radio-group.directive.d.ts +71 -0
  178. package/radio/radio-group/radio-group.token.d.ts +15 -0
  179. package/radio/radio-indicator/radio-indicator.directive.d.ts +17 -0
  180. package/radio/radio-item/radio-item.directive.d.ts +41 -0
  181. package/radio/radio-item/radio-item.token.d.ts +15 -0
  182. package/resize/README.md +3 -0
  183. package/resize/index.d.ts +9 -0
  184. package/resize/resize/resize.directive.d.ts +31 -0
  185. package/resize/utils/resize.d.ts +18 -0
  186. package/roving-focus/README.md +3 -0
  187. package/roving-focus/index.d.ts +11 -0
  188. package/roving-focus/roving-focus-group/roving-focus-group.directive.d.ts +94 -0
  189. package/roving-focus/roving-focus-group/roving-focus-group.token.d.ts +15 -0
  190. package/roving-focus/roving-focus-item/roving-focus-item.directive.d.ts +57 -0
  191. package/roving-focus/roving-focus-item/roving-focus-item.token.d.ts +15 -0
  192. package/select/README.md +3 -0
  193. package/select/index.d.ts +15 -0
  194. package/select/select/select.directive.d.ts +35 -0
  195. package/select/select/select.token.d.ts +14 -0
  196. package/select/select-button/select-button.directive.d.ts +51 -0
  197. package/select/select-button/select-button.token.d.ts +14 -0
  198. package/select/select-option/select-option.directive.d.ts +57 -0
  199. package/select/select-option/select-option.token.d.ts +14 -0
  200. package/select/select-options/select-options.directive.d.ts +65 -0
  201. package/select/select-options/select-options.token.d.ts +14 -0
  202. package/slider/README.md +3 -0
  203. package/slider/index.d.ts +15 -0
  204. package/slider/slider/slider.directive.d.ts +45 -0
  205. package/slider/slider/slider.token.d.ts +14 -0
  206. package/slider/slider-range/slider-range.directive.d.ts +9 -0
  207. package/slider/slider-range/slider-range.token.d.ts +14 -0
  208. package/slider/slider-thumb/slider-thumb.directive.d.ts +21 -0
  209. package/slider/slider-thumb/slider-thumb.token.d.ts +14 -0
  210. package/slider/slider-track/slider-track.directive.d.ts +26 -0
  211. package/slider/slider-track/slider-track.token.d.ts +14 -0
  212. package/switch/README.md +3 -0
  213. package/switch/index.d.ts +10 -0
  214. package/switch/switch/switch.directive.d.ts +82 -0
  215. package/switch/switch/switch.token.d.ts +15 -0
  216. package/switch/switch-thumb/switch-thumb.directive.d.ts +9 -0
  217. package/tabs/README.md +3 -0
  218. package/tabs/config/tabs.config.d.ts +38 -0
  219. package/tabs/index.d.ts +14 -0
  220. package/tabs/tab-button/tab-button.directive.d.ts +54 -0
  221. package/tabs/tab-list/tab-list.directive.d.ts +9 -0
  222. package/tabs/tab-panel/tab-panel.directive.d.ts +32 -0
  223. package/tabs/tab-panel/tab-panel.token.d.ts +15 -0
  224. package/tabs/tabset/tabset.directive.d.ts +53 -0
  225. package/tabs/tabset/tabset.token.d.ts +15 -0
  226. package/toggle/README.md +3 -0
  227. package/toggle/index.d.ts +8 -0
  228. package/toggle/toggle/toggle.directive.d.ts +27 -0
  229. package/tooltip/README.md +3 -0
  230. package/tooltip/config/tooltip.config.d.ts +54 -0
  231. package/tooltip/index.d.ts +12 -0
  232. package/tooltip/tooltip/tooltip.directive.d.ts +30 -0
  233. package/tooltip/tooltip/tooltip.token.d.ts +14 -0
  234. package/tooltip/tooltip-trigger/tooltip-trigger.directive.d.ts +111 -0
  235. package/tooltip/tooltip-trigger/tooltip-trigger.token.d.ts +22 -0
  236. package/utils/README.md +3 -0
  237. package/utils/helpers/disposables.d.ts +40 -0
  238. package/utils/helpers/focus-manager.d.ts +19 -0
  239. package/utils/helpers/unique-id.d.ts +13 -0
  240. package/utils/hover/hover.directive.d.ts +62 -0
  241. package/utils/hover/hover.token.d.ts +14 -0
  242. package/utils/index.d.ts +13 -0
  243. package/utils/ui/dimensions.d.ts +9 -0
package/README.md ADDED
@@ -0,0 +1,7 @@
1
+ # ng-primitives
2
+
3
+ This library was generated with [Nx](https://nx.dev).
4
+
5
+ ## Running unit tests
6
+
7
+ Run `nx test ng-primitives` to execute the unit tests.
package/a11y/README.md ADDED
@@ -0,0 +1,3 @@
1
+ # ng-primitives/a11y
2
+
3
+ Secondary entry point of `ng-primitives`. It can be used by importing from `ng-primitives/a11y`.
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ export * from './visually-hidden/visually-hidden.directive';
@@ -0,0 +1,5 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class NgpVisuallyHidden {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgpVisuallyHidden, never>;
4
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgpVisuallyHidden, "[ngpVisuallyHidden]", ["ngpVisuallyHidden"], {}, {}, never, never, true, never>;
5
+ }
@@ -0,0 +1,3 @@
1
+ # ng-primitives/accordion
2
+
3
+ Secondary entry point of `ng-primitives`. It can be used by importing from `ng-primitives/accordion`.
@@ -0,0 +1,45 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { BooleanInput } from '@angular/cdk/coercion';
9
+ import * as i0 from "@angular/core";
10
+ export declare class NgpAccordion<T> {
11
+ /**
12
+ * Access the global accordion configuration.
13
+ */
14
+ private readonly config;
15
+ /**
16
+ * The type of the accordion.
17
+ */
18
+ readonly type: import("@angular/core").InputSignal<NgpAccordionType>;
19
+ /**
20
+ * Whether the accordion is collapsible.
21
+ */
22
+ readonly collapsible: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
23
+ /**
24
+ * The value of the accordion.
25
+ */
26
+ readonly value: import("@angular/core").ModelSignal<T | T[] | null>;
27
+ /**
28
+ * Whether the accordion is disabled.
29
+ */
30
+ readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
31
+ /**
32
+ * The accordion orientation.
33
+ */
34
+ readonly orientation: import("@angular/core").InputSignal<"vertical" | "horizontal">;
35
+ /**
36
+ * @param value The value to check.
37
+ * @returns Whether the value is open.
38
+ * @internal
39
+ */
40
+ isOpen(value: T): boolean;
41
+ toggle(value: T): void;
42
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgpAccordion<any>, never>;
43
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAccordion<any>, "[ngpAccordion]", ["ngpAccordion"], { "type": { "alias": "ngpAccordionType"; "required": false; "isSignal": true; }; "collapsible": { "alias": "ngpAccordionCollapsible"; "required": false; "isSignal": true; }; "value": { "alias": "ngpAccordionValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpAccordionDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpAccordionOrientation"; "required": false; "isSignal": true; }; }, { "value": "ngpAccordionValueChange"; }, never, never, true, never>;
44
+ }
45
+ export type NgpAccordionType = 'single' | 'multiple';
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { InjectionToken } from '@angular/core';
9
+ import type { NgpAccordion } from './accordion.directive';
10
+ export declare const NgpAccordionToken: InjectionToken<NgpAccordion<unknown>>;
11
+ /**
12
+ * Inject the Accordion directive instance
13
+ * @returns The Accordion directive instance
14
+ */
15
+ export declare function injectAccordion<T>(): NgpAccordion<T>;
@@ -0,0 +1,25 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class NgpAccordionContent {
3
+ /**
4
+ * Access the accordion
5
+ */
6
+ protected readonly accordion: import("ng-primitives/accordion").NgpAccordion<unknown>;
7
+ /**
8
+ * Access the accordion item
9
+ */
10
+ protected readonly accordionItem: import("ng-primitives/accordion").NgpAccordionItem<unknown>;
11
+ /**
12
+ * The id of the content region
13
+ */
14
+ readonly id: import("@angular/core").InputSignal<string>;
15
+ /**
16
+ * The size of the content region
17
+ */
18
+ protected readonly dimensions: import("@angular/core").WritableSignal<{
19
+ width: number;
20
+ height: number;
21
+ mounted: boolean;
22
+ }>;
23
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgpAccordionContent, never>;
24
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAccordionContent, "[ngpAccordionContent]", ["ngpAccordionContent"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
25
+ }
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { InjectionToken } from '@angular/core';
9
+ import type { NgpAccordionContent } from './accordion-content.directive';
10
+ export declare const NgpAccordionContentToken: InjectionToken<NgpAccordionContent>;
11
+ /**
12
+ * Inject the AccordionContent directive instance
13
+ * @returns The AccordionContent directive instance
14
+ */
15
+ export declare function injectAccordionContent(): NgpAccordionContent;
@@ -0,0 +1,45 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { BooleanInput } from '@angular/cdk/coercion';
9
+ import * as i0 from "@angular/core";
10
+ export declare class NgpAccordionItem<T> {
11
+ /**
12
+ * Access the accordion.
13
+ */
14
+ protected readonly accordion: import("ng-primitives/accordion").NgpAccordion<unknown>;
15
+ /**
16
+ * The value of the accordion item.
17
+ */
18
+ readonly value: import("@angular/core").InputSignal<T>;
19
+ /**
20
+ * Whether the accordion item is disabled.
21
+ */
22
+ readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
23
+ /**
24
+ * Access the accordion trigger
25
+ */
26
+ private readonly trigger;
27
+ /**
28
+ * Access the accordion content
29
+ */
30
+ private readonly content;
31
+ /**
32
+ * Whether the accordion item is expanded.
33
+ */
34
+ readonly open: import("@angular/core").Signal<boolean>;
35
+ /**
36
+ * The trigger id.
37
+ */
38
+ readonly triggerId: import("@angular/core").Signal<string | undefined>;
39
+ /**
40
+ * The content id.
41
+ */
42
+ readonly contentId: import("@angular/core").Signal<string | undefined>;
43
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgpAccordionItem<any>, never>;
44
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAccordionItem<any>, "[ngpAccordionItem]", ["ngpAccordionItem"], { "value": { "alias": "ngpAccordionItemValue"; "required": true; "isSignal": true; }; "disabled": { "alias": "ngpAccordionItemDisabled"; "required": false; "isSignal": true; }; }, {}, ["trigger", "content"], never, true, never>;
45
+ }
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { InjectionToken } from '@angular/core';
9
+ import type { NgpAccordionItem } from './accordion-item.directive';
10
+ export declare const NgpAccordionItemToken: InjectionToken<NgpAccordionItem<unknown>>;
11
+ /**
12
+ * Inject the AccordionItem directive instance
13
+ * @returns The AccordionItem directive instance
14
+ */
15
+ export declare function injectAccordionItem<T>(): NgpAccordionItem<T>;
@@ -0,0 +1,21 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class NgpAccordionTrigger {
3
+ /**
4
+ * Access the parent accordion.
5
+ */
6
+ protected readonly accordion: import("ng-primitives/accordion").NgpAccordion<unknown>;
7
+ /**
8
+ * The item instance.
9
+ */
10
+ protected readonly item: import("ng-primitives/accordion").NgpAccordionItem<unknown>;
11
+ /**
12
+ * The id of the trigger.
13
+ */
14
+ readonly id: import("@angular/core").InputSignal<string>;
15
+ /**
16
+ * Toggle the accordion item.
17
+ */
18
+ toggle(): void;
19
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgpAccordionTrigger, never>;
20
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAccordionTrigger, "[ngpAccordionTrigger]", ["ngpAccordionTrigger"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
21
+ }
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { InjectionToken } from '@angular/core';
9
+ import type { NgpAccordionTrigger } from './accordion-trigger.directive';
10
+ export declare const NgpAccordionTriggerToken: InjectionToken<NgpAccordionTrigger>;
11
+ /**
12
+ * Inject the AccordionTrigger directive instance
13
+ * @returns The AccordionTrigger directive instance
14
+ */
15
+ export declare function injectAccordionTrigger(): NgpAccordionTrigger;
@@ -0,0 +1,39 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { InjectionToken, Provider } from '@angular/core';
9
+ import { NgpAccordionType } from '../accordion/accordion.directive';
10
+ export interface NgpAccordionConfig {
11
+ /**
12
+ * The default type of the accordion
13
+ * @default 'single'
14
+ */
15
+ type: NgpAccordionType;
16
+ /**
17
+ * Whether the accordion is collapsible
18
+ * @default false
19
+ */
20
+ collapsible: boolean;
21
+ /**
22
+ * The default orientation of the accordion
23
+ * @default 'vertical'
24
+ */
25
+ orientation: 'vertical' | 'horizontal';
26
+ }
27
+ export declare const defaultAccordionConfig: NgpAccordionConfig;
28
+ export declare const NgpAccordionConfigToken: InjectionToken<NgpAccordionConfig>;
29
+ /**
30
+ * Provide the default Accordion configuration
31
+ * @param config The Accordion configuration
32
+ * @returns The provider
33
+ */
34
+ export declare function provideAccordionConfig(config: Partial<NgpAccordionConfig>): Provider[];
35
+ /**
36
+ * Inject the Accordion configuration
37
+ * @returns The global Accordion configuration
38
+ */
39
+ export declare function injectAccordionConfig(): NgpAccordionConfig;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ export { NgpAccordionContent } from './accordion-content/accordion-content.directive';
9
+ export { NgpAccordionContentToken } from './accordion-content/accordion-content.token';
10
+ export { NgpAccordionItem } from './accordion-item/accordion-item.directive';
11
+ export { NgpAccordionItemToken } from './accordion-item/accordion-item.token';
12
+ export { NgpAccordionTrigger } from './accordion-trigger/accordion-trigger.directive';
13
+ export { NgpAccordionTriggerToken } from './accordion-trigger/accordion-trigger.token';
14
+ export { NgpAccordion } from './accordion/accordion.directive';
15
+ export { NgpAccordionToken } from './accordion/accordion.token';
16
+ export { NgpAccordionConfig, provideAccordionConfig } from './config/accordion.config';
@@ -0,0 +1,3 @@
1
+ # ng-primitives/avatar
2
+
3
+ Secondary entry point of `ng-primitives`. It can be used by importing from `ng-primitives/avatar`.
@@ -0,0 +1,22 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class NgpAvatar {
3
+ /**
4
+ * Store the current state of the avatar.
5
+ * @internal
6
+ */
7
+ readonly state: import("@angular/core").WritableSignal<NgpAvatarState>;
8
+ /**
9
+ * Set the avatar state.
10
+ * @param state The state to set.
11
+ * @internal
12
+ */
13
+ setState(state: NgpAvatarState): void;
14
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgpAvatar, never>;
15
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAvatar, "[ngpAvatar]", never, {}, {}, never, never, true, never>;
16
+ }
17
+ export declare enum NgpAvatarState {
18
+ Idle = 0,
19
+ Loading = 1,
20
+ Loaded = 2,
21
+ Error = 3
22
+ }
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { InjectionToken } from '@angular/core';
9
+ import type { NgpAvatar } from './avatar.directive';
10
+ export declare const NgpAvatarToken: InjectionToken<NgpAvatar>;
11
+ /**
12
+ * Provide the avatar
13
+ * @returns The provider
14
+ */
15
+ export declare function injectAvatar(): NgpAvatar;
@@ -0,0 +1,45 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { NumberInput } from '@angular/cdk/coercion';
9
+ import { OnInit } from '@angular/core';
10
+ import * as i0 from "@angular/core";
11
+ export declare class NgpAvatarFallback implements OnInit {
12
+ /**
13
+ * Access the avatar
14
+ */
15
+ private readonly avatar;
16
+ /**
17
+ * Access the global configuration.
18
+ */
19
+ private readonly config;
20
+ /**
21
+ * Access the disposable utilities.
22
+ */
23
+ private readonly disposables;
24
+ /**
25
+ * Define a delay before the fallback is shown. This is useful to only show the fallback for those with slower connections.
26
+ * @default 0
27
+ */
28
+ readonly delay: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
29
+ /**
30
+ * Determine if this element should be hidden.
31
+ * @returns True if the element should be visible
32
+ */
33
+ protected readonly visible: import("@angular/core").Signal<boolean>;
34
+ /**
35
+ * Determine the delay has elapsed, and we can show the fallback.
36
+ */
37
+ private delayElapsed;
38
+ /**
39
+ * Store the timeout id.
40
+ */
41
+ private timeoutId;
42
+ ngOnInit(): void;
43
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgpAvatarFallback, never>;
44
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAvatarFallback, "[ngpAvatarFallback]", never, { "delay": { "alias": "ngpAvatarFallbackDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
45
+ }
@@ -0,0 +1,28 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { OnInit } from '@angular/core';
9
+ import * as i0 from "@angular/core";
10
+ export declare class NgpAvatarImage implements OnInit {
11
+ /**
12
+ * Access the avatar
13
+ */
14
+ private readonly avatar;
15
+ /**
16
+ * Access the image element ref.
17
+ */
18
+ private readonly elementRef;
19
+ /**
20
+ * Determine if this element should be hidden.
21
+ */
22
+ protected readonly visible: import("@angular/core").Signal<boolean>;
23
+ ngOnInit(): void;
24
+ protected onLoad(): void;
25
+ protected onError(): void;
26
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgpAvatarImage, never>;
27
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgpAvatarImage, "img[ngpAvatarImage]", never, {}, {}, never, never, true, never>;
28
+ }
@@ -0,0 +1,28 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { InjectionToken, Provider } from '@angular/core';
9
+ export interface NgpAvatarConfig {
10
+ /**
11
+ * Define a delay before the fallback is shown. This is useful to only show the fallback for those with slower connections.
12
+ * @default 0
13
+ */
14
+ delay: number;
15
+ }
16
+ export declare const defaultAvatarConfig: NgpAvatarConfig;
17
+ export declare const NgpAvatarConfigToken: InjectionToken<NgpAvatarConfig>;
18
+ /**
19
+ * Provide the avatar config
20
+ * @param config The avatar config
21
+ * @returns The provider
22
+ */
23
+ export declare function provideAvatarConfig(config: Partial<NgpAvatarConfig>): Provider[];
24
+ /**
25
+ * Inject the avatar config
26
+ * @returns The global avatar config
27
+ */
28
+ export declare function injectAvatarConfig(): NgpAvatarConfig;
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ export { NgpAvatarFallback } from './avatar-fallback/avatar-fallback.directive';
9
+ export { NgpAvatarImage } from './avatar-image/avatar-image.directive';
10
+ export { NgpAvatar, NgpAvatarState } from './avatar/avatar.directive';
11
+ export { NgpAvatarToken } from './avatar/avatar.token';
12
+ export { NgpAvatarConfig, provideAvatarConfig } from './config/avatar.config';
@@ -0,0 +1,3 @@
1
+ # ng-primitives/checkbox
2
+
3
+ Secondary entry point of `ng-primitives`. It can be used by importing from `ng-primitives/checkbox`.
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { BooleanInput } from '@angular/cdk/coercion';
9
+ import { ControlValueAccessor } from '@angular/forms';
10
+ import * as i0 from "@angular/core";
11
+ export declare class NgpCheckbox implements ControlValueAccessor {
12
+ /**
13
+ * Defines whether the checkbox is checked.
14
+ */
15
+ readonly checked: import("@angular/core").ModelSignal<boolean>;
16
+ /**
17
+ * Defines whether the checkbox is indeterminate.
18
+ */
19
+ readonly indeterminate: import("@angular/core").ModelSignal<boolean>;
20
+ /**
21
+ * Whether the checkbox is required.
22
+ */
23
+ readonly required: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
24
+ /**
25
+ * Defines whether the checkbox is disabled.
26
+ */
27
+ readonly inputDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
28
+ /**
29
+ * Whether the checkbox is disabled by the form.
30
+ */
31
+ private readonly formDisabled;
32
+ /**
33
+ * Whether the checkbox is disabled.
34
+ */
35
+ readonly disabled: import("@angular/core").Signal<boolean>;
36
+ /**
37
+ * Determine the state
38
+ * @returns 'checked' | 'unchecked' | 'indeterminate'
39
+ */
40
+ readonly state: import("@angular/core").Signal<"checked" | "unchecked" | "indeterminate">;
41
+ /**
42
+ * Access the indicator instance
43
+ * @internal
44
+ */
45
+ protected readonly indicator: import("@angular/core").Signal<import("ng-primitives/checkbox").NgpCheckboxIndicator | undefined>;
46
+ /**
47
+ * Access the indicator id
48
+ */
49
+ readonly indicatorId: import("@angular/core").Signal<string | null>;
50
+ /**
51
+ * Store the callback function that should be called when the checkbox checked state changes.
52
+ * @internal
53
+ */
54
+ private onChange?;
55
+ /**
56
+ * Store the callback function that should be called when the checkbox is blurred.
57
+ * @internal
58
+ */
59
+ private onTouched?;
60
+ protected onEnter(event: KeyboardEvent): void;
61
+ toggle(event?: Event): void;
62
+ protected onBlur(): void;
63
+ /**
64
+ * Sets the checked state of the checkbox.
65
+ * @param checked The checked state of the checkbox.
66
+ * @internal
67
+ */
68
+ writeValue(checked: boolean): void;
69
+ /**
70
+ * Registers a callback function that should be called when the checkbox checked state changes.
71
+ * @param fn The callback function.
72
+ * @internal
73
+ */
74
+ registerOnChange(fn: (checked: boolean) => void): void;
75
+ /**
76
+ * Registers a callback function that should be called when the checkbox is blurred.
77
+ * @param fn The callback function.
78
+ * @internal
79
+ */
80
+ registerOnTouched(fn: () => void): void;
81
+ /**
82
+ * Sets the disabled state of the checkbox.
83
+ * @param isDisabled The disabled state of the checkbox.
84
+ * @internal
85
+ */
86
+ setDisabledState(isDisabled: boolean): void;
87
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgpCheckbox, never>;
88
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgpCheckbox, "[ngpCheckbox]", never, { "checked": { "alias": "ngpCheckboxChecked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "ngpCheckboxIndeterminate"; "required": false; "isSignal": true; }; "required": { "alias": "ngpCheckboxRequired"; "required": false; "isSignal": true; }; "inputDisabled": { "alias": "ngpCheckboxDisabled"; "required": false; "isSignal": true; }; }, { "checked": "ngpCheckboxCheckedChange"; "indeterminate": "ngpCheckboxIndeterminateChange"; }, ["indicator"], never, true, never>;
89
+ }
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { InjectionToken } from '@angular/core';
9
+ import type { NgpCheckbox } from './checkbox.directive';
10
+ export declare const NgpCheckboxToken: InjectionToken<NgpCheckbox>;
11
+ /**
12
+ * Inject the Checkbox directive instance
13
+ * @returns The Checkbox directive instance
14
+ */
15
+ export declare function injectCheckbox(): NgpCheckbox;
@@ -0,0 +1,19 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class NgpCheckboxIndicator {
3
+ /**
4
+ * Access the checkbox that the indicator belongs to.
5
+ */
6
+ protected readonly checkbox: import("ng-primitives/checkbox").NgpCheckbox;
7
+ /**
8
+ * The id of the checkbox.
9
+ * @internal
10
+ */
11
+ readonly id: import("@angular/core").InputSignal<string>;
12
+ /**
13
+ * The tabindex of the checkbox.
14
+ * @internal
15
+ */
16
+ readonly tabindex: import("@angular/core").InputSignalWithTransform<number, unknown>;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgpCheckboxIndicator, never>;
18
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgpCheckboxIndicator, "[ngpCheckboxIndicator]", ["ngpCheckboxIndicator"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
19
+ }
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { InjectionToken } from '@angular/core';
9
+ import type { NgpCheckboxIndicator } from './checkbox-indicator.directive';
10
+ export declare const NgpCheckboxIndicatorToken: InjectionToken<NgpCheckboxIndicator>;
11
+ /**
12
+ * Inject the CheckboxIndicator directive instance
13
+ * @returns The CheckboxIndicator directive instance
14
+ */
15
+ export declare function injectCheckboxIndicator(): NgpCheckboxIndicator;
@@ -0,0 +1,10 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "ng-primitives/a11y";
3
+ export declare class NgpCheckboxInput {
4
+ /**
5
+ * Access the checkbox instance
6
+ */
7
+ protected readonly checkbox: import("ng-primitives/checkbox").NgpCheckbox;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgpCheckboxInput, never>;
9
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgpCheckboxInput, "input[ngpCheckboxInput]", ["ngpCheckboxInput"], {}, {}, never, never, true, [{ directive: typeof i1.NgpVisuallyHidden; inputs: {}; outputs: {}; }]>;
10
+ }
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class NgpCheckboxLabel {
3
+ /**
4
+ * Access the checkbox that the label belongs to.
5
+ */
6
+ protected readonly checkbox: import("ng-primitives/checkbox").NgpCheckbox;
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgpCheckboxLabel, never>;
8
+ static ɵdir: i0.ɵɵDirectiveDeclaration<NgpCheckboxLabel, "[ngpCheckboxLabel]", ["ngpCheckboxLabel"], {}, {}, never, never, true, never>;
9
+ }
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Copyright © 2024 Angular Primitives.
3
+ * https://github.com/ng-primitives/ng-primitives
4
+ *
5
+ * This source code is licensed under the CC BY-ND 4.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ export { NgpCheckboxIndicator } from './checkbox-indicator/checkbox-indicator.directive';
9
+ export { NgpCheckboxIndicatorToken } from './checkbox-indicator/checkbox-indicator.token';
10
+ export { NgpCheckboxInput } from './checkbox-input/checkbox-input.directive';
11
+ export { NgpCheckboxLabel } from './checkbox-label/checkbox-label.directive';
12
+ export { NgpCheckbox } from './checkbox/checkbox.directive';
13
+ export { NgpCheckboxToken } from './checkbox/checkbox.token';