@radix-ng/primitives 0.11.1 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (449) hide show
  1. package/.compodocrc.json +12 -0
  2. package/CHANGELOG.md +182 -0
  3. package/LICENSE +21 -0
  4. package/accordion/__tests__/accordion-content.directive.spec.ts +8 -0
  5. package/accordion/__tests__/accordion-header.directive.spec.ts +8 -0
  6. package/accordion/__tests__/accordion-item.directive.spec.ts +8 -0
  7. package/accordion/__tests__/accordion-root.directive.spec.ts +8 -0
  8. package/accordion/__tests__/accordion-trigger.directive.spec.ts +8 -0
  9. package/accordion/ng-package.json +5 -0
  10. package/accordion/src/accordion-content.directive.ts +46 -0
  11. package/accordion/src/accordion-header.directive.ts +15 -0
  12. package/accordion/src/accordion-item.directive.ts +216 -0
  13. package/accordion/src/accordion-root.directive.ts +205 -0
  14. package/accordion/src/accordion-trigger.directive.ts +37 -0
  15. package/accordion/stories/accordion.docs.mdx +77 -0
  16. package/accordion/stories/accordion.stories.ts +340 -0
  17. package/alert-dialog/{index.d.ts → index.ts} +1 -0
  18. package/alert-dialog/ng-package.json +5 -0
  19. package/alert-dialog/src/alert-dialog-cancel.directive.ts +17 -0
  20. package/alert-dialog/src/alert-dialog-content.directive.ts +24 -0
  21. package/alert-dialog/src/alert-dialog-root.directive.ts +15 -0
  22. package/alert-dialog/src/alert-dialog-title.directive.ts +7 -0
  23. package/alert-dialog/src/alert-dialog-trigger.directive.ts +17 -0
  24. package/alert-dialog/src/alert-dialog.service.ts +51 -0
  25. package/alert-dialog/stories/alert-dialog.stories.ts +139 -0
  26. package/avatar/__tests__/avatar-fallback.directive.spec.ts +31 -0
  27. package/avatar/__tests__/avatar-image.directive.spec.ts +36 -0
  28. package/avatar/ng-package.json +5 -0
  29. package/avatar/src/avatar-fallback.directive.ts +62 -0
  30. package/avatar/src/avatar-image.directive.ts +55 -0
  31. package/avatar/src/avatar-root.directive.ts +35 -0
  32. package/avatar/src/avatar.config.ts +29 -0
  33. package/avatar/stories/avatar.docs.mdx +37 -0
  34. package/avatar/stories/avatar.stories.ts +87 -0
  35. package/button/__tests__/.gitkeep +0 -0
  36. package/button/src/button-abstract.directive.ts +46 -0
  37. package/checkbox/ng-package.json +5 -0
  38. package/checkbox/src/checkbox-button.directive.ts +26 -0
  39. package/checkbox/src/checkbox-indicator.directive.ts +16 -0
  40. package/checkbox/src/checkbox-input.directive.ts +36 -0
  41. package/checkbox/src/checkbox.directive.ts +146 -0
  42. package/checkbox/src/checkbox.token.ts +8 -0
  43. package/checkbox/stories/checkbox-group.component.ts +87 -0
  44. package/checkbox/stories/checkbox-group.styles.scss +49 -0
  45. package/checkbox/stories/checkbox-indeterminate.component.ts +52 -0
  46. package/checkbox/stories/checkbox.docs.mdx +58 -0
  47. package/checkbox/stories/checkbox.stories.ts +105 -0
  48. package/collapsible/__tests__/collapsible-content.directive.spec.ts +30 -0
  49. package/collapsible/__tests__/collapsible-root.directive.spec.ts +27 -0
  50. package/collapsible/__tests__/collapsible-trigger.directive.spec.ts +30 -0
  51. package/collapsible/ng-package.json +5 -0
  52. package/collapsible/src/collapsible-content.directive.ts +34 -0
  53. package/collapsible/src/collapsible-content.token.ts +6 -0
  54. package/collapsible/src/collapsible-root.directive.ts +120 -0
  55. package/collapsible/src/collapsible-trigger.directive.ts +44 -0
  56. package/collapsible/stories/collapsible-animation.component.ts +116 -0
  57. package/collapsible/stories/collapsible-external-triggering.component.ts +86 -0
  58. package/collapsible/stories/collapsible.docs.mdx +53 -0
  59. package/collapsible/stories/collapsible.stories.ts +151 -0
  60. package/context-menu/README.md +1 -0
  61. package/context-menu/index.ts +10 -0
  62. package/context-menu/ng-package.json +5 -0
  63. package/context-menu/src/context-menu-content.directive.ts +47 -0
  64. package/context-menu/src/context-menu-item-checkbox.directive.ts +30 -0
  65. package/context-menu/src/context-menu-item-indicator.directive.ts +14 -0
  66. package/context-menu/src/context-menu-item-radio-group.directive.ts +31 -0
  67. package/context-menu/src/context-menu-item-radio.directive.ts +69 -0
  68. package/context-menu/src/context-menu-item-selectable.ts +18 -0
  69. package/context-menu/src/context-menu-item.directive.ts +65 -0
  70. package/context-menu/src/context-menu-label.directive.ts +7 -0
  71. package/context-menu/src/context-menu-separator.directive.ts +13 -0
  72. package/context-menu/src/context-menu-trigger.directive.ts +82 -0
  73. package/context-menu/stories/context-menu.docs.mdx +23 -0
  74. package/context-menu/stories/context-menu.stories.ts +253 -0
  75. package/core/index.ts +3 -0
  76. package/core/src/accessor/provide-value-accessor.ts +20 -0
  77. package/core/src/auto-focus.directive.ts +81 -0
  78. package/core/src/inject-ng-control.ts +28 -0
  79. package/core/src/mount.ts +27 -0
  80. package/dialog/__tests__/dialog-content.directive.spec.ts +77 -0
  81. package/dialog/__tests__/dialog-trigger.directive.spec.ts +85 -0
  82. package/dialog/index.ts +31 -0
  83. package/dialog/ng-package.json +5 -0
  84. package/dialog/src/dialog-close.directive.ts +18 -0
  85. package/dialog/src/dialog-content.directive.ts +45 -0
  86. package/dialog/src/dialog-description.directive.ts +7 -0
  87. package/dialog/src/dialog-dismiss.directive.ts +18 -0
  88. package/dialog/src/dialog-ref.ts +70 -0
  89. package/dialog/src/dialog-title.directive.ts +7 -0
  90. package/dialog/src/dialog-trigger.directive.ts +52 -0
  91. package/dialog/src/dialog.config.ts +55 -0
  92. package/dialog/src/dialog.injectors.ts +12 -0
  93. package/dialog/src/dialog.providers.ts +27 -0
  94. package/dialog/src/dialog.service.ts +94 -0
  95. package/dialog/stories/dialog.docs.mdx +32 -0
  96. package/dialog/stories/dialog.stories.ts +233 -0
  97. package/dropdown-menu/ng-package.json +5 -0
  98. package/dropdown-menu/src/dropdown-menu-content.directive.ts +47 -0
  99. package/dropdown-menu/src/dropdown-menu-item-checkbox.directive.ts +30 -0
  100. package/dropdown-menu/src/dropdown-menu-item-indicator.directive.ts +14 -0
  101. package/dropdown-menu/src/dropdown-menu-item-radio-group.directive.ts +31 -0
  102. package/dropdown-menu/src/dropdown-menu-item-radio.directive.ts +72 -0
  103. package/dropdown-menu/src/dropdown-menu-item-selectable.ts +18 -0
  104. package/dropdown-menu/src/dropdown-menu-item.directive.ts +66 -0
  105. package/dropdown-menu/src/dropdown-menu-label.directive.ts +7 -0
  106. package/dropdown-menu/src/dropdown-menu-separator.directive.ts +13 -0
  107. package/dropdown-menu/src/dropdown-menu-trigger.directive.ts +185 -0
  108. package/dropdown-menu/stories/dropdown-menu-item-checkbox.component.ts +104 -0
  109. package/dropdown-menu/stories/dropdown-menu-item-checkbox.styles.scss +106 -0
  110. package/dropdown-menu/stories/dropdown-menu-item-radio.component.ts +95 -0
  111. package/dropdown-menu/stories/dropdown-menu-item-radio.styles.scss +106 -0
  112. package/dropdown-menu/stories/dropdown.docs.mdx +27 -0
  113. package/dropdown-menu/stories/dropdown.stories.ts +212 -0
  114. package/form-field/index.ts +1 -0
  115. package/form-field/src/.gitkeep +0 -0
  116. package/jest.config.ts +21 -0
  117. package/label/__tests__/label-root.directive.spec.ts +99 -0
  118. package/label/ng-package.json +5 -0
  119. package/label/src/label.directive.ts +58 -0
  120. package/label/stories/label.docs.mdx +40 -0
  121. package/label/stories/label.stories.ts +76 -0
  122. package/menu/index.ts +29 -0
  123. package/menu/ng-package.json +5 -0
  124. package/menu/src/menu-content.directive.ts +9 -0
  125. package/menu/src/menu-directive.ts +10 -0
  126. package/menu/src/menu-group.directive.ts +12 -0
  127. package/menu/src/menu-item.directive.ts +44 -0
  128. package/menu/src/menu-label.directive.ts +7 -0
  129. package/menu/src/menu-separator.directive.ts +13 -0
  130. package/menubar/index.ts +38 -0
  131. package/menubar/ng-package.json +5 -0
  132. package/menubar/src/menubar-content.directive.ts +9 -0
  133. package/menubar/src/menubar-item-checkbox.directive.ts +32 -0
  134. package/menubar/src/menubar-item-indicator.directive.ts +10 -0
  135. package/menubar/src/menubar-item-radio.directive.ts +33 -0
  136. package/menubar/src/menubar-item.directive.ts +12 -0
  137. package/menubar/src/menubar-radio-group.directive.ts +9 -0
  138. package/menubar/src/menubar-root.directive.ts +15 -0
  139. package/menubar/src/menubar-separator.directive.ts +9 -0
  140. package/menubar/src/menubar-trigger.directive.ts +40 -0
  141. package/menubar/stories/menubar.stories.ts +229 -0
  142. package/ng-package.json +8 -0
  143. package/package.json +4 -118
  144. package/portal/stories/portal.docs.mdx +85 -0
  145. package/presence/__test__/presence-test.component.ts +51 -0
  146. package/presence/__test__/presence.spec.ts +50 -0
  147. package/presence/index.ts +4 -0
  148. package/presence/src/presence.ts +119 -0
  149. package/presence/src/transitions/transition.collapse.ts +99 -0
  150. package/presence/src/transitions/transition.toast.ts +27 -0
  151. package/presence/src/types.ts +20 -0
  152. package/presence/src/utils.ts +63 -0
  153. package/presence/stories/presence-story.componen.ts +69 -0
  154. package/presence/stories/presence.docs.mdx +40 -0
  155. package/presence/stories/presence.stories.ts +29 -0
  156. package/progress/__test__/progress.spec.ts +55 -0
  157. package/progress/{index.d.ts → index.ts} +1 -0
  158. package/progress/ng-package.json +5 -0
  159. package/progress/src/progress-indicator.directive.ts +26 -0
  160. package/progress/src/progress-root.directive.ts +134 -0
  161. package/progress/stories/progress.docs.mdx +65 -0
  162. package/progress/stories/progress.stories.ts +66 -0
  163. package/project.json +39 -0
  164. package/radio/{index.d.ts → index.ts} +1 -0
  165. package/radio/ng-package.json +5 -0
  166. package/radio/src/radio-indicator.directive.ts +17 -0
  167. package/radio/src/radio-item.directive.ts +68 -0
  168. package/radio/src/radio-root.directive.ts +207 -0
  169. package/radio/src/{radio-tokens.d.ts → radio-tokens.ts} +5 -1
  170. package/radio/stories/radio-group.component.ts +39 -0
  171. package/radio/stories/radio-group.styles.scss +70 -0
  172. package/radio/stories/radio.docs.mdx +68 -0
  173. package/radio/stories/radio.stories.ts +155 -0
  174. package/separator/__tests__/separator.directive.spec.ts +58 -0
  175. package/separator/ng-package.json +5 -0
  176. package/separator/src/separator.directive.ts +35 -0
  177. package/separator/stories/separator.docs.mdx +37 -0
  178. package/separator/stories/separator.stories.ts +82 -0
  179. package/slider/src/slider-input.directive.ts +0 -0
  180. package/slider/src/slider-thumb.directives.ts +60 -0
  181. package/slider/src/slider-track.directive.ts +11 -0
  182. package/slider/src/slider.directive.ts +59 -0
  183. package/slider/src/slider.types.ts +4 -0
  184. package/switch/index.ts +22 -0
  185. package/switch/ng-package.json +5 -0
  186. package/switch/src/switch-input.directive.ts +24 -0
  187. package/switch/src/switch-root.directive.ts +127 -0
  188. package/switch/src/switch-thumb.directive.ts +15 -0
  189. package/switch/stories/switch.docs.mdx +83 -0
  190. package/switch/stories/switch.stories.ts +149 -0
  191. package/tabs/__tests__/tabs-context.service.spec.ts +35 -0
  192. package/tabs/index.ts +26 -0
  193. package/tabs/ng-package.json +5 -0
  194. package/tabs/src/tabs-content.directive.ts +23 -0
  195. package/tabs/src/tabs-context.service.ts +43 -0
  196. package/tabs/src/tabs-list.directive.ts +21 -0
  197. package/tabs/src/tabs-root.directive.ts +70 -0
  198. package/tabs/src/tabs-trigger.directive.ts +55 -0
  199. package/tabs/stories/tabs.stories.ts +213 -0
  200. package/test-setup.ts +1 -0
  201. package/toggle/__tests__/toggle.directive.spec.ts +87 -0
  202. package/toggle/ng-package.json +5 -0
  203. package/toggle/src/toggle.directive.ts +49 -0
  204. package/toggle/stories/toggle.docs.mdx +60 -0
  205. package/toggle/stories/toggle.stories.ts +84 -0
  206. package/toggle-group/ng-package.json +5 -0
  207. package/toggle-group/src/toggle-group-button.directive.ts +73 -0
  208. package/toggle-group/src/toggle-group-button.token.ts +8 -0
  209. package/toggle-group/src/toggle-group-multi.directive.ts +158 -0
  210. package/toggle-group/src/toggle-group.directive.ts +148 -0
  211. package/toggle-group/src/toggle-group.token.ts +11 -0
  212. package/toggle-group/stories/toggle-group.docs.mdx +87 -0
  213. package/toggle-group/stories/toggle-group.stories.ts +95 -0
  214. package/tsconfig.doc.json +11 -0
  215. package/tsconfig.json +29 -0
  216. package/tsconfig.lib.json +19 -0
  217. package/tsconfig.lib.prod.json +12 -0
  218. package/tsconfig.spec.json +11 -0
  219. package/visually-hidden/README.md +3 -0
  220. package/visually-hidden/stories/visually-hidden.docs.mdx +36 -0
  221. package/accordion/src/accordion-content.directive.d.ts +0 -11
  222. package/accordion/src/accordion-header.directive.d.ts +0 -7
  223. package/accordion/src/accordion-item.directive.d.ts +0 -64
  224. package/accordion/src/accordion-root.directive.d.ts +0 -78
  225. package/accordion/src/accordion-trigger.directive.d.ts +0 -15
  226. package/alert-dialog/src/alert-dialog-cancel.directive.d.ts +0 -7
  227. package/alert-dialog/src/alert-dialog-content.directive.d.ts +0 -9
  228. package/alert-dialog/src/alert-dialog-root.directive.d.ts +0 -9
  229. package/alert-dialog/src/alert-dialog-title.directive.d.ts +0 -5
  230. package/alert-dialog/src/alert-dialog-trigger.directive.d.ts +0 -7
  231. package/alert-dialog/src/alert-dialog.service.d.ts +0 -14
  232. package/avatar/src/avatar-fallback.directive.d.ts +0 -27
  233. package/avatar/src/avatar-image.directive.d.ts +0 -16
  234. package/avatar/src/avatar-root.directive.d.ts +0 -21
  235. package/avatar/src/avatar.config.d.ts +0 -13
  236. package/checkbox/src/checkbox-button.directive.d.ts +0 -8
  237. package/checkbox/src/checkbox-indicator.directive.d.ts +0 -6
  238. package/checkbox/src/checkbox-input.directive.d.ts +0 -9
  239. package/checkbox/src/checkbox.directive.d.ts +0 -75
  240. package/checkbox/src/checkbox.token.d.ts +0 -4
  241. package/collapsible/src/collapsible-content.directive.d.ts +0 -17
  242. package/collapsible/src/collapsible-content.token.d.ts +0 -3
  243. package/collapsible/src/collapsible-root.directive.d.ts +0 -55
  244. package/collapsible/src/collapsible-trigger.directive.d.ts +0 -26
  245. package/compodoc/documentation.json +0 -11759
  246. package/dropdown-menu/src/dropdown-menu-content.directive.d.ts +0 -15
  247. package/dropdown-menu/src/dropdown-menu-item-checkbox.directive.d.ts +0 -9
  248. package/dropdown-menu/src/dropdown-menu-item-indicator.directive.d.ts +0 -7
  249. package/dropdown-menu/src/dropdown-menu-item-radio-group.directive.d.ts +0 -12
  250. package/dropdown-menu/src/dropdown-menu-item-radio.directive.d.ts +0 -19
  251. package/dropdown-menu/src/dropdown-menu-item-selectable.d.ts +0 -12
  252. package/dropdown-menu/src/dropdown-menu-item.directive.d.ts +0 -17
  253. package/dropdown-menu/src/dropdown-menu-label.directive.d.ts +0 -5
  254. package/dropdown-menu/src/dropdown-menu-separator.directive.d.ts +0 -6
  255. package/dropdown-menu/src/dropdown-menu-trigger.directive.d.ts +0 -43
  256. package/esm2022/accordion/index.mjs +0 -6
  257. package/esm2022/accordion/radix-ng-primitives-accordion.mjs +0 -5
  258. package/esm2022/accordion/src/accordion-content.directive.mjs +0 -42
  259. package/esm2022/accordion/src/accordion-header.directive.mjs +0 -23
  260. package/esm2022/accordion/src/accordion-item.directive.mjs +0 -175
  261. package/esm2022/accordion/src/accordion-root.directive.mjs +0 -160
  262. package/esm2022/accordion/src/accordion-trigger.directive.mjs +0 -42
  263. package/esm2022/alert-dialog/index.mjs +0 -7
  264. package/esm2022/alert-dialog/radix-ng-primitives-alert-dialog.mjs +0 -5
  265. package/esm2022/alert-dialog/src/alert-dialog-cancel.directive.mjs +0 -24
  266. package/esm2022/alert-dialog/src/alert-dialog-content.directive.mjs +0 -34
  267. package/esm2022/alert-dialog/src/alert-dialog-root.directive.mjs +0 -25
  268. package/esm2022/alert-dialog/src/alert-dialog-title.directive.mjs +0 -14
  269. package/esm2022/alert-dialog/src/alert-dialog-trigger.directive.mjs +0 -24
  270. package/esm2022/alert-dialog/src/alert-dialog.service.mjs +0 -47
  271. package/esm2022/avatar/index.mjs +0 -5
  272. package/esm2022/avatar/radix-ng-primitives-avatar.mjs +0 -5
  273. package/esm2022/avatar/src/avatar-fallback.directive.mjs +0 -54
  274. package/esm2022/avatar/src/avatar-image.directive.mjs +0 -48
  275. package/esm2022/avatar/src/avatar-root.directive.mjs +0 -38
  276. package/esm2022/avatar/src/avatar.config.mjs +0 -17
  277. package/esm2022/checkbox/index.mjs +0 -6
  278. package/esm2022/checkbox/radix-ng-primitives-checkbox.mjs +0 -5
  279. package/esm2022/checkbox/src/checkbox-button.directive.mjs +0 -33
  280. package/esm2022/checkbox/src/checkbox-indicator.directive.mjs +0 -24
  281. package/esm2022/checkbox/src/checkbox-input.directive.mjs +0 -41
  282. package/esm2022/checkbox/src/checkbox.directive.mjs +0 -141
  283. package/esm2022/checkbox/src/checkbox.token.mjs +0 -6
  284. package/esm2022/collapsible/index.mjs +0 -4
  285. package/esm2022/collapsible/radix-ng-primitives-collapsible.mjs +0 -5
  286. package/esm2022/collapsible/src/collapsible-content.directive.mjs +0 -45
  287. package/esm2022/collapsible/src/collapsible-content.token.mjs +0 -3
  288. package/esm2022/collapsible/src/collapsible-root.directive.mjs +0 -118
  289. package/esm2022/collapsible/src/collapsible-trigger.directive.mjs +0 -49
  290. package/esm2022/dialog/index.mjs +0 -2
  291. package/esm2022/dialog/radix-ng-primitives-dialog.mjs +0 -5
  292. package/esm2022/dropdown-menu/index.mjs +0 -11
  293. package/esm2022/dropdown-menu/radix-ng-primitives-dropdown-menu.mjs +0 -5
  294. package/esm2022/dropdown-menu/src/dropdown-menu-content.directive.mjs +0 -56
  295. package/esm2022/dropdown-menu/src/dropdown-menu-item-checkbox.directive.mjs +0 -36
  296. package/esm2022/dropdown-menu/src/dropdown-menu-item-indicator.directive.mjs +0 -22
  297. package/esm2022/dropdown-menu/src/dropdown-menu-item-radio-group.directive.mjs +0 -37
  298. package/esm2022/dropdown-menu/src/dropdown-menu-item-radio.directive.mjs +0 -64
  299. package/esm2022/dropdown-menu/src/dropdown-menu-item-selectable.mjs +0 -31
  300. package/esm2022/dropdown-menu/src/dropdown-menu-item.directive.mjs +0 -71
  301. package/esm2022/dropdown-menu/src/dropdown-menu-label.directive.mjs +0 -14
  302. package/esm2022/dropdown-menu/src/dropdown-menu-separator.directive.mjs +0 -21
  303. package/esm2022/dropdown-menu/src/dropdown-menu-trigger.directive.mjs +0 -176
  304. package/esm2022/index.mjs +0 -2
  305. package/esm2022/label/index.mjs +0 -2
  306. package/esm2022/label/radix-ng-primitives-label.mjs +0 -5
  307. package/esm2022/label/src/label.directive.mjs +0 -59
  308. package/esm2022/menu/index.mjs +0 -45
  309. package/esm2022/menu/radix-ng-primitives-menu.mjs +0 -5
  310. package/esm2022/menu/src/menu-content.directive.mjs +0 -17
  311. package/esm2022/menu/src/menu-directive.mjs +0 -18
  312. package/esm2022/menu/src/menu-group.directive.mjs +0 -20
  313. package/esm2022/menu/src/menu-item.directive.mjs +0 -46
  314. package/esm2022/menu/src/menu-label.directive.mjs +0 -14
  315. package/esm2022/menu/src/menu-separator.directive.mjs +0 -21
  316. package/esm2022/menubar/index.mjs +0 -60
  317. package/esm2022/menubar/radix-ng-primitives-menubar.mjs +0 -5
  318. package/esm2022/menubar/src/menubar-content.directive.mjs +0 -17
  319. package/esm2022/menubar/src/menubar-item-checkbox.directive.mjs +0 -34
  320. package/esm2022/menubar/src/menubar-item-indicator.directive.mjs +0 -17
  321. package/esm2022/menubar/src/menubar-item-radio.directive.mjs +0 -35
  322. package/esm2022/menubar/src/menubar-item.directive.mjs +0 -20
  323. package/esm2022/menubar/src/menubar-radio-group.directive.mjs +0 -17
  324. package/esm2022/menubar/src/menubar-root.directive.mjs +0 -24
  325. package/esm2022/menubar/src/menubar-separator.directive.mjs +0 -17
  326. package/esm2022/menubar/src/menubar-trigger.directive.mjs +0 -45
  327. package/esm2022/progress/index.mjs +0 -3
  328. package/esm2022/progress/radix-ng-primitives-progress.mjs +0 -5
  329. package/esm2022/progress/src/progress-indicator.directive.mjs +0 -34
  330. package/esm2022/progress/src/progress-root.directive.mjs +0 -127
  331. package/esm2022/radio/index.mjs +0 -4
  332. package/esm2022/radio/radix-ng-primitives-radio.mjs +0 -5
  333. package/esm2022/radio/src/radio-indicator.directive.mjs +0 -25
  334. package/esm2022/radio/src/radio-item.directive.mjs +0 -70
  335. package/esm2022/radio/src/radio-root.directive.mjs +0 -194
  336. package/esm2022/radio/src/radio-tokens.mjs +0 -3
  337. package/esm2022/radix-ng-primitives.mjs +0 -5
  338. package/esm2022/separator/index.mjs +0 -2
  339. package/esm2022/separator/radix-ng-primitives-separator.mjs +0 -5
  340. package/esm2022/separator/src/separator.directive.mjs +0 -31
  341. package/esm2022/switch/index.mjs +0 -30
  342. package/esm2022/switch/radix-ng-primitives-switch.mjs +0 -5
  343. package/esm2022/switch/src/switch-input.directive.mjs +0 -32
  344. package/esm2022/switch/src/switch-root.directive.mjs +0 -95
  345. package/esm2022/switch/src/switch-thumb.directive.mjs +0 -23
  346. package/esm2022/tabs/index.mjs +0 -38
  347. package/esm2022/tabs/radix-ng-primitives-tabs.mjs +0 -5
  348. package/esm2022/tabs/src/tabs-content.directive.mjs +0 -29
  349. package/esm2022/tabs/src/tabs-context.service.mjs +0 -43
  350. package/esm2022/tabs/src/tabs-list.directive.mjs +0 -23
  351. package/esm2022/tabs/src/tabs-root.directive.mjs +0 -54
  352. package/esm2022/tabs/src/tabs-trigger.directive.mjs +0 -52
  353. package/esm2022/toggle/index.mjs +0 -2
  354. package/esm2022/toggle/radix-ng-primitives-toggle.mjs +0 -5
  355. package/esm2022/toggle/src/toggle.directive.mjs +0 -39
  356. package/esm2022/toggle-group/index.mjs +0 -6
  357. package/esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs +0 -5
  358. package/esm2022/toggle-group/src/toggle-group-button.directive.mjs +0 -75
  359. package/esm2022/toggle-group/src/toggle-group-button.token.mjs +0 -6
  360. package/esm2022/toggle-group/src/toggle-group-multi.directive.mjs +0 -143
  361. package/esm2022/toggle-group/src/toggle-group.directive.mjs +0 -134
  362. package/esm2022/toggle-group/src/toggle-group.token.mjs +0 -6
  363. package/fesm2022/radix-ng-primitives-accordion.mjs +0 -431
  364. package/fesm2022/radix-ng-primitives-accordion.mjs.map +0 -1
  365. package/fesm2022/radix-ng-primitives-alert-dialog.mjs +0 -161
  366. package/fesm2022/radix-ng-primitives-alert-dialog.mjs.map +0 -1
  367. package/fesm2022/radix-ng-primitives-avatar.mjs +0 -156
  368. package/fesm2022/radix-ng-primitives-avatar.mjs.map +0 -1
  369. package/fesm2022/radix-ng-primitives-checkbox.mjs +0 -241
  370. package/fesm2022/radix-ng-primitives-checkbox.mjs.map +0 -1
  371. package/fesm2022/radix-ng-primitives-collapsible.mjs +0 -213
  372. package/fesm2022/radix-ng-primitives-collapsible.mjs.map +0 -1
  373. package/fesm2022/radix-ng-primitives-dialog.mjs +0 -4
  374. package/fesm2022/radix-ng-primitives-dialog.mjs.map +0 -1
  375. package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +0 -502
  376. package/fesm2022/radix-ng-primitives-dropdown-menu.mjs.map +0 -1
  377. package/fesm2022/radix-ng-primitives-label.mjs +0 -66
  378. package/fesm2022/radix-ng-primitives-label.mjs.map +0 -1
  379. package/fesm2022/radix-ng-primitives-menu.mjs +0 -158
  380. package/fesm2022/radix-ng-primitives-menu.mjs.map +0 -1
  381. package/fesm2022/radix-ng-primitives-menubar.mjs +0 -245
  382. package/fesm2022/radix-ng-primitives-menubar.mjs.map +0 -1
  383. package/fesm2022/radix-ng-primitives-progress.mjs +0 -165
  384. package/fesm2022/radix-ng-primitives-progress.mjs.map +0 -1
  385. package/fesm2022/radix-ng-primitives-radio.mjs +0 -289
  386. package/fesm2022/radix-ng-primitives-radio.mjs.map +0 -1
  387. package/fesm2022/radix-ng-primitives-separator.mjs +0 -38
  388. package/fesm2022/radix-ng-primitives-separator.mjs.map +0 -1
  389. package/fesm2022/radix-ng-primitives-switch.mjs +0 -173
  390. package/fesm2022/radix-ng-primitives-switch.mjs.map +0 -1
  391. package/fesm2022/radix-ng-primitives-tabs.mjs +0 -222
  392. package/fesm2022/radix-ng-primitives-tabs.mjs.map +0 -1
  393. package/fesm2022/radix-ng-primitives-toggle-group.mjs +0 -358
  394. package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +0 -1
  395. package/fesm2022/radix-ng-primitives-toggle.mjs +0 -46
  396. package/fesm2022/radix-ng-primitives-toggle.mjs.map +0 -1
  397. package/fesm2022/radix-ng-primitives.mjs +0 -4
  398. package/fesm2022/radix-ng-primitives.mjs.map +0 -1
  399. package/index.d.ts +0 -1
  400. package/label/src/label.directive.d.ts +0 -29
  401. package/menu/index.d.ts +0 -18
  402. package/menu/src/menu-content.directive.d.ts +0 -6
  403. package/menu/src/menu-directive.d.ts +0 -6
  404. package/menu/src/menu-group.directive.d.ts +0 -6
  405. package/menu/src/menu-item.directive.d.ts +0 -12
  406. package/menu/src/menu-label.directive.d.ts +0 -5
  407. package/menu/src/menu-separator.directive.d.ts +0 -6
  408. package/menubar/index.d.ts +0 -24
  409. package/menubar/src/menubar-content.directive.d.ts +0 -6
  410. package/menubar/src/menubar-item-checkbox.directive.d.ts +0 -14
  411. package/menubar/src/menubar-item-indicator.directive.d.ts +0 -5
  412. package/menubar/src/menubar-item-radio.directive.d.ts +0 -14
  413. package/menubar/src/menubar-item.directive.d.ts +0 -8
  414. package/menubar/src/menubar-radio-group.directive.d.ts +0 -6
  415. package/menubar/src/menubar-root.directive.d.ts +0 -7
  416. package/menubar/src/menubar-separator.directive.d.ts +0 -6
  417. package/menubar/src/menubar-trigger.directive.d.ts +0 -11
  418. package/progress/src/progress-indicator.directive.d.ts +0 -16
  419. package/progress/src/progress-root.directive.d.ts +0 -63
  420. package/radio/src/radio-indicator.directive.d.ts +0 -9
  421. package/radio/src/radio-item.directive.d.ts +0 -21
  422. package/radio/src/radio-root.directive.d.ts +0 -72
  423. package/separator/src/separator.directive.d.ts +0 -22
  424. package/switch/index.d.ts +0 -13
  425. package/switch/src/switch-input.directive.d.ts +0 -6
  426. package/switch/src/switch-root.directive.d.ts +0 -51
  427. package/switch/src/switch-thumb.directive.d.ts +0 -6
  428. package/tabs/index.d.ts +0 -15
  429. package/tabs/src/tabs-content.directive.d.ts +0 -8
  430. package/tabs/src/tabs-context.service.d.ts +0 -22
  431. package/tabs/src/tabs-list.directive.d.ts +0 -6
  432. package/tabs/src/tabs-root.directive.d.ts +0 -37
  433. package/tabs/src/tabs-trigger.directive.d.ts +0 -19
  434. package/toggle/src/toggle.directive.d.ts +0 -30
  435. package/toggle-group/src/toggle-group-button.directive.d.ts +0 -39
  436. package/toggle-group/src/toggle-group-button.token.d.ts +0 -4
  437. package/toggle-group/src/toggle-group-multi.directive.d.ts +0 -93
  438. package/toggle-group/src/toggle-group.directive.d.ts +0 -84
  439. package/toggle-group/src/toggle-group.token.d.ts +0 -5
  440. /package/accordion/{index.d.ts → index.ts} +0 -0
  441. /package/avatar/{index.d.ts → index.ts} +0 -0
  442. /package/checkbox/{index.d.ts → index.ts} +0 -0
  443. /package/collapsible/{index.d.ts → index.ts} +0 -0
  444. /package/dropdown-menu/{index.d.ts → index.ts} +0 -0
  445. /package/{dialog/index.d.ts → index.ts} +0 -0
  446. /package/label/{index.d.ts → index.ts} +0 -0
  447. /package/separator/{index.d.ts → index.ts} +0 -0
  448. /package/toggle/{index.d.ts → index.ts} +0 -0
  449. /package/toggle-group/{index.d.ts → index.ts} +0 -0
package/tsconfig.json ADDED
@@ -0,0 +1,29 @@
1
+ {
2
+ "compilerOptions": {
3
+ "target": "es2022",
4
+ "useDefineForClassFields": false,
5
+ "forceConsistentCasingInFileNames": true,
6
+ "strict": true,
7
+ "noImplicitOverride": true,
8
+ "noPropertyAccessFromIndexSignature": true,
9
+ "noImplicitReturns": true,
10
+ "noFallthroughCasesInSwitch": true
11
+ },
12
+ "files": [],
13
+ "include": [],
14
+ "references": [
15
+ {
16
+ "path": "./tsconfig.lib.json"
17
+ },
18
+ {
19
+ "path": "./tsconfig.spec.json"
20
+ }
21
+ ],
22
+ "extends": "../../tsconfig.base.json",
23
+ "angularCompilerOptions": {
24
+ "enableI18nLegacyMessageIdFormat": false,
25
+ "strictInjectionParameters": true,
26
+ "strictInputAccessModifiers": true,
27
+ "strictTemplates": true
28
+ }
29
+ }
@@ -0,0 +1,19 @@
1
+ {
2
+ "extends": "./tsconfig.json",
3
+ "compilerOptions": {
4
+ "outDir": "../../dist/out-tsc",
5
+ "declaration": true,
6
+ "declarationMap": true,
7
+ "inlineSources": true,
8
+ "types": []
9
+ },
10
+ "exclude": [
11
+ "**/*.spec.ts",
12
+ "test-setup.ts",
13
+ "jest.config.ts",
14
+ "**/*.test.ts",
15
+ "**/*.stories.ts",
16
+ "**/*.stories.js"
17
+ ],
18
+ "include": ["**/*.ts"]
19
+ }
@@ -0,0 +1,12 @@
1
+ {
2
+ "extends": "./tsconfig.lib.json",
3
+ "compilerOptions": {
4
+ "declarationMap": false,
5
+ "paths": {
6
+ "@radix-ng/primitives/*": ["./dist/primitives/*"]
7
+ }
8
+ },
9
+ "angularCompilerOptions": {
10
+ "compilationMode": "partial"
11
+ }
12
+ }
@@ -0,0 +1,11 @@
1
+ {
2
+ "extends": "./tsconfig.json",
3
+ "compilerOptions": {
4
+ "outDir": "../../dist/out-tsc",
5
+ "module": "commonjs",
6
+ "target": "es2016",
7
+ "types": ["jest", "node"]
8
+ },
9
+ "files": ["test-setup.ts"],
10
+ "include": ["jest.config.ts", "**/*.test.ts", "**/*.spec.ts", "**/*.d.ts"]
11
+ }
@@ -0,0 +1,3 @@
1
+ # @radix-ng/primitives/visually-hidden
2
+
3
+ Secondary entry point of `@radix-ng/primitives`. It can be used by importing from `@radix-ng/primitives/visually-hidden`.
@@ -0,0 +1,36 @@
1
+ import { Meta } from '@storybook/blocks';
2
+
3
+ <Meta title="Utilities/Visually Hidden" />
4
+
5
+ # Visually Hidden
6
+
7
+ #### Hides content from the screen in an accessible way.
8
+
9
+ #### You can use also [a11y](https://material.angular.io/cdk/a11y), they also have an auxiliary class for this.
10
+
11
+ ## Features
12
+
13
+ - ✅ Visually hides content while preserving it for assistive technology.
14
+
15
+ ## Import
16
+
17
+ Screen readers and other assistive technology skip elements that have display: none, visibility: hidden, opacity: 0, height: 0, or width: 0. In some cases you may need to visually hide an element while keeping it available to assistive technology.
18
+ You can do so using the a11y-visually-hidden Sass mixin, which emits the .cdk-visually-hidden CSS class:
19
+
20
+ ```scss
21
+ @use '@angular/cdk';
22
+
23
+ @include cdk.a11y-visually-hidden();
24
+ ```
25
+
26
+ ## Examples
27
+
28
+ ```html
29
+ <div class="custom-checkbox">
30
+ <input class="cdk-visually-hidden" type="checkbox" />
31
+ </div>
32
+ ```
33
+
34
+ ## Accessibility
35
+
36
+ This is useful in certain scenarios as an alternative to traditional labelling with aria-label or aria-labelledby.
@@ -1,11 +0,0 @@
1
- import { RdxAccordionItemDirective } from './accordion-item.directive';
2
- import * as i0 from "@angular/core";
3
- export declare class RdxAccordionContentDirective {
4
- protected readonly item: RdxAccordionItemDirective;
5
- protected readonly nativeElement: any;
6
- protected hidden: boolean;
7
- protected onAnimationEnd(): void;
8
- onToggle(): void;
9
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionContentDirective, never>;
10
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionContentDirective, "[rdxAccordionContent]", ["rdxAccordionContent"], {}, {}, never, never, true, never>;
11
- }
@@ -1,7 +0,0 @@
1
- import { RdxAccordionItemDirective } from './accordion-item.directive';
2
- import * as i0 from "@angular/core";
3
- export declare class RdxAccordionHeaderDirective {
4
- protected readonly item: RdxAccordionItemDirective;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionHeaderDirective, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionHeaderDirective, "[rdxAccordionHeader]", never, {}, {}, never, never, true, never>;
7
- }
@@ -1,64 +0,0 @@
1
- import { FocusableOption } from '@angular/cdk/a11y';
2
- import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
3
- import { ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
4
- import { RdxAccordionContentDirective } from './accordion-content.directive';
5
- import { RdxAccordionOrientation } from './accordion-root.directive';
6
- import { RdxAccordionTriggerDirective } from './accordion-trigger.directive';
7
- import * as i0 from "@angular/core";
8
- export type RdxAccordionItemState = 'open' | 'closed';
9
- export declare class RdxAccordionItemDirective implements FocusableOption, OnDestroy {
10
- protected readonly accordion: import("./accordion-root.directive").RdxAccordionRootDirective;
11
- protected readonly changeDetectorRef: ChangeDetectorRef;
12
- protected readonly expansionDispatcher: UniqueSelectionDispatcher;
13
- trigger: RdxAccordionTriggerDirective;
14
- content: RdxAccordionContentDirective;
15
- get dataState(): RdxAccordionItemState;
16
- /**
17
- * The unique AccordionItem id.
18
- * @ignore
19
- */
20
- readonly id: string;
21
- get orientation(): RdxAccordionOrientation;
22
- /** Whether the AccordionItem is expanded. */
23
- set expanded(expanded: boolean);
24
- get expanded(): boolean;
25
- private _expanded;
26
- set value(value: string);
27
- get value(): string;
28
- private _value?;
29
- /** Whether the AccordionItem is disabled. */
30
- set disabled(value: boolean);
31
- get disabled(): boolean;
32
- private _disabled;
33
- /** Event emitted every time the AccordionItem is closed. */
34
- readonly closed: EventEmitter<void>;
35
- /** Event emitted every time the AccordionItem is opened. */
36
- readonly opened: EventEmitter<void>;
37
- /** Event emitted when the AccordionItem is destroyed. */
38
- readonly destroyed: EventEmitter<void>;
39
- /**
40
- * Emits whenever the expanded state of the accordion changes.
41
- * Primarily used to facilitate two-way binding.
42
- * @docs-private
43
- */
44
- readonly expandedChange: EventEmitter<boolean>;
45
- /** Unregister function for expansionDispatcher. */
46
- private removeUniqueSelectionListener;
47
- /** Subscription to openAll/closeAll events. */
48
- private openCloseAllSubscription;
49
- constructor();
50
- /** Emits an event for the accordion item being destroyed. */
51
- ngOnDestroy(): void;
52
- focus(): void;
53
- /** Toggles the expanded state of the accordion item. */
54
- toggle(): void;
55
- /** Sets the expanded state of the accordion item to false. */
56
- close(): void;
57
- /** Sets the expanded state of the accordion item to true. */
58
- open(): void;
59
- private subscribeToOpenCloseAllActions;
60
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionItemDirective, never>;
61
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionItemDirective, "[rdxAccordionItem]", ["rdxAccordionItem"], { "expanded": { "alias": "expanded"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; "expandedChange": "expandedChange"; }, ["trigger", "content"], never, true, never>;
62
- static ngAcceptInputType_expanded: unknown;
63
- static ngAcceptInputType_disabled: unknown;
64
- }
@@ -1,78 +0,0 @@
1
- import { FocusKeyManager } from '@angular/cdk/a11y';
2
- import { Directionality } from '@angular/cdk/bidi';
3
- import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
4
- import { AfterContentInit, EventEmitter, InjectionToken, OnDestroy, QueryList } from '@angular/core';
5
- import { Subject } from 'rxjs';
6
- import { RdxAccordionItemDirective } from './accordion-item.directive';
7
- import * as i0 from "@angular/core";
8
- export type RdxAccordionType = 'single' | 'multiple';
9
- export type RdxAccordionOrientation = 'horizontal' | 'vertical';
10
- export declare const RdxAccordionRootToken: InjectionToken<RdxAccordionRootDirective>;
11
- export declare class RdxAccordionRootDirective implements AfterContentInit, OnDestroy {
12
- protected readonly selectionDispatcher: UniqueSelectionDispatcher;
13
- protected readonly dir: Directionality | null;
14
- protected keyManager: FocusKeyManager<RdxAccordionItemDirective>;
15
- readonly id: string;
16
- readonly openCloseAllActions: Subject<boolean>;
17
- get isMultiple(): boolean;
18
- /** Whether the Accordion is disabled. */
19
- disabled: boolean;
20
- /**
21
- * The orientation of the accordion.
22
- */
23
- orientation: RdxAccordionOrientation;
24
- /**
25
- * @private
26
- * @ignore
27
- */
28
- items: QueryList<RdxAccordionItemDirective>;
29
- /**
30
- * The value of the item to expand when initially rendered and type is "single". Use when you do not need to control the state of the items.
31
- */
32
- set defaultValue(value: string[] | string);
33
- get defaultValue(): string[] | string;
34
- /**
35
- * Determines whether one or multiple items can be opened at the same time.
36
- */
37
- type: RdxAccordionType;
38
- /**
39
- * @ignore
40
- */
41
- collapsible: boolean;
42
- /**
43
- * The controlled value of the item to expand
44
- */
45
- set value(value: string[] | string);
46
- get value(): string[] | string;
47
- readonly onValueChange: EventEmitter<void>;
48
- private _value?;
49
- private _defaultValue;
50
- private onValueChangeSubscription;
51
- /**
52
- * @ignore
53
- */
54
- ngAfterContentInit(): void;
55
- /**
56
- * @ignore
57
- */
58
- ngOnDestroy(): void;
59
- /**
60
- * @ignore
61
- */
62
- handleKeydown(event: KeyboardEvent): void;
63
- /** Opens all enabled accordion items in an accordion where multi is enabled.
64
- * @ignore
65
- */
66
- openAll(): void;
67
- /** Closes all enabled accordion items.
68
- * @ignore
69
- */
70
- closeAll(): void;
71
- /**
72
- * @ignore
73
- */
74
- setActiveItem(item: RdxAccordionItemDirective): void;
75
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionRootDirective, never>;
76
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionRootDirective, "[rdxAccordionRoot]", never, { "disabled": { "alias": "disabled"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onValueChange": "onValueChange"; }, ["items"], never, true, never>;
77
- static ngAcceptInputType_disabled: unknown;
78
- }
@@ -1,15 +0,0 @@
1
- import { RdxAccordionItemDirective } from './accordion-item.directive';
2
- import { RdxAccordionRootDirective } from './accordion-root.directive';
3
- import * as i0 from "@angular/core";
4
- export declare class RdxAccordionTriggerDirective {
5
- protected readonly nativeElement: any;
6
- protected readonly accordionRoot: RdxAccordionRootDirective;
7
- protected readonly item: RdxAccordionItemDirective;
8
- /**
9
- * Fires when trigger clicked
10
- */
11
- onClick(): void;
12
- focus(): void;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionTriggerDirective, never>;
14
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionTriggerDirective, "[rdxAccordionTrigger]", never, {}, {}, never, never, true, never>;
15
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class AlertDialogCancelDirective {
3
- private readonly alertDialogService;
4
- onClick(): void;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogCancelDirective, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<AlertDialogCancelDirective, "[rdxAlertDialogCancel]", never, {}, {}, never, never, true, never>;
7
- }
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "@angular/cdk/a11y";
3
- export declare class AlertDialogContentDirective {
4
- private readonly renderer;
5
- private readonly elementRef;
6
- set maxWidth(value: string);
7
- static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogContentDirective, never>;
8
- static ɵdir: i0.ɵɵDirectiveDeclaration<AlertDialogContentDirective, "[rdxAlertDialogContent]", never, { "maxWidth": { "alias": "maxWidth"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.CdkTrapFocus; inputs: {}; outputs: {}; }]>;
9
- }
@@ -1,9 +0,0 @@
1
- import { TemplateRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class AlertDialogRootDirective {
4
- private readonly viewContainerRef;
5
- private readonly alertDialogService;
6
- set content(template: TemplateRef<any>);
7
- static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogRootDirective, never>;
8
- static ɵdir: i0.ɵɵDirectiveDeclaration<AlertDialogRootDirective, "[rdxAlertDialogRoot]", never, { "content": { "alias": "content"; "required": false; }; }, {}, never, never, true, never>;
9
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class AlertDialogTitleDirective {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogTitleDirective, never>;
4
- static ɵdir: i0.ɵɵDirectiveDeclaration<AlertDialogTitleDirective, "[rdxAlertDialogTitle]", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class AlertDialogTriggerDirective {
3
- private readonly alertDialogService;
4
- handleClick(): void;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogTriggerDirective, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<AlertDialogTriggerDirective, "[rdxAlertDialogTrigger]", never, {}, {}, never, never, true, never>;
7
- }
@@ -1,14 +0,0 @@
1
- import { Overlay } from '@angular/cdk/overlay';
2
- import { TemplateRef, ViewContainerRef } from '@angular/core';
3
- import * as i0 from "@angular/core";
4
- export declare class AlertDialogService {
5
- private overlay;
6
- private overlayRef;
7
- private dialogContent;
8
- constructor(overlay: Overlay);
9
- setDialogContent(viewContainerRef: ViewContainerRef, template: TemplateRef<any>): void;
10
- open(): void;
11
- close(): void;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<AlertDialogService, never>;
13
- static ɵprov: i0.ɵɵInjectableDeclaration<AlertDialogService>;
14
- }
@@ -1,27 +0,0 @@
1
- import { OnDestroy, OnInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export interface RdxAvatarFallbackProps {
4
- delayMs?: number;
5
- }
6
- export declare class RdxAvatarFallbackDirective implements RdxAvatarFallbackProps, OnInit, OnDestroy {
7
- private readonly avatar;
8
- private readonly config;
9
- private readonly ngZone;
10
- /**
11
- * Define a delay before the fallback is shown.
12
- * This is useful to only show the fallback for those with slower connections.
13
- * @default 0
14
- */
15
- delayMs: number;
16
- protected get visible(): boolean;
17
- /**
18
- * Determine the delay has elapsed, and we can show the fallback.
19
- */
20
- private delayElapsed;
21
- private timeoutId;
22
- ngOnInit(): void;
23
- ngOnDestroy(): void;
24
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarFallbackDirective, never>;
25
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarFallbackDirective, "span[rdxAvatarFallback]", ["rdxAvatarFallback"], { "delayMs": { "alias": "rdxDelayMs"; "required": false; }; }, {}, never, never, true, never>;
26
- static ngAcceptInputType_delayMs: unknown;
27
- }
@@ -1,16 +0,0 @@
1
- import { EventEmitter, OnInit } from '@angular/core';
2
- import { RdxImageLoadingStatus } from './avatar-root.directive';
3
- import * as i0 from "@angular/core";
4
- export interface RdxAvatarImageProps {
5
- onLoadingStatusChange?: EventEmitter<RdxImageLoadingStatus>;
6
- }
7
- export declare class RdxAvatarImageDirective implements RdxAvatarImageProps, OnInit {
8
- private readonly avatar;
9
- private readonly elementRef;
10
- onLoadingStatusChange: EventEmitter<RdxImageLoadingStatus>;
11
- ngOnInit(): void;
12
- _onLoad(): void;
13
- _onError(): void;
14
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarImageDirective, never>;
15
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarImageDirective, "img[rdxAvatarImage]", ["rdxAvatarImage"], {}, { "onLoadingStatusChange": "onLoadingStatusChange"; }, never, never, true, never>;
16
- }
@@ -1,21 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare function injectAvatar(): RdxAvatarRootDirective;
3
- export type RdxImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
4
- export declare class RdxAvatarRootDirective {
5
- /**
6
- * A readonly signal property that holds the current state of image loading.
7
- * To set a new status, use the `setState` method of the component.
8
- * @internal
9
- */
10
- readonly _state: import("@angular/core").WritableSignal<RdxImageLoadingStatus>;
11
- /**
12
- * Set the avatar state.
13
- * @param state The new image loading status to set. This value should be one of the predefined states
14
- * in the `ImageLoadingStatus`
15
- * @returns void This method does not return a value.
16
- * @internal
17
- */
18
- _setState(state: RdxImageLoadingStatus): void;
19
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarRootDirective, never>;
20
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarRootDirective, "span[rdxAvatarRoot]", ["rdxAvatarRoot"], {}, {}, never, never, true, never>;
21
- }
@@ -1,13 +0,0 @@
1
- import { InjectionToken, Provider } from '@angular/core';
2
- export interface RdxAvatarConfig {
3
- /**
4
- * Define a delay before the fallback is shown.
5
- * This is useful to only show the fallback for those with slower connections.
6
- * @default 0
7
- */
8
- delayMs: number;
9
- }
10
- export declare const defaultAvatarConfig: RdxAvatarConfig;
11
- export declare const RdxAvatarConfigToken: InjectionToken<RdxAvatarConfig>;
12
- export declare function provideRdxAvatarConfig(config: Partial<RdxAvatarConfig>): Provider[];
13
- export declare function injectAvatarConfig(): RdxAvatarConfig;
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class RdxCheckboxButtonDirective {
3
- protected readonly checkbox: import("@radix-ng/primitives/checkbox").RdxCheckboxDirective;
4
- readonly id: import("@angular/core").InputSignal<string | null>;
5
- protected readonly elementId: import("@angular/core").Signal<string | null>;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxButtonDirective, never>;
7
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxButtonDirective, "button[CheckboxButton]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
8
- }
@@ -1,6 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class RdxCheckboxIndicatorDirective {
3
- protected readonly checkbox: import("@radix-ng/primitives/checkbox").RdxCheckboxDirective;
4
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxIndicatorDirective, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxIndicatorDirective, "[CheckboxIndicator]", never, {}, {}, never, never, true, never>;
6
- }
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class RdxCheckboxInputDirective {
3
- protected readonly checkbox: import("@radix-ng/primitives/checkbox").RdxCheckboxDirective;
4
- readonly id: import("@angular/core").InputSignal<string | undefined>;
5
- protected readonly elementId: import("@angular/core").Signal<string | undefined>;
6
- protected readonly value: import("@angular/core").Signal<"" | "on" | "off">;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxInputDirective, never>;
8
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxInputDirective, "input[CheckboxInput]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
9
- }
@@ -1,75 +0,0 @@
1
- import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import * as i0 from "@angular/core";
4
- export type CheckboxState = 'unchecked' | 'checked' | 'indeterminate';
5
- export declare class RdxCheckboxDirective implements ControlValueAccessor, OnChanges {
6
- /**
7
- * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.
8
- */
9
- checked: boolean;
10
- /**
11
- * Defines whether the checkbox is indeterminate.
12
- */
13
- indeterminate: boolean;
14
- /**
15
- * Defines whether the checkbox is disabled.
16
- */
17
- disabled: boolean;
18
- required: boolean;
19
- /**
20
- * Event emitted when the checkbox checked state changes.
21
- */
22
- readonly checkedChange: EventEmitter<boolean>;
23
- /**
24
- * Event emitted when the indeterminate state changes.
25
- */
26
- readonly indeterminateChange: EventEmitter<boolean>;
27
- /**
28
- * Determine the state
29
- */
30
- get state(): CheckboxState;
31
- /**
32
- * Store the callback function that should be called when the checkbox checked state changes.
33
- * @internal
34
- */
35
- private onChange?;
36
- /**
37
- * Store the callback function that should be called when the checkbox is blurred.
38
- * @internal
39
- */
40
- private onTouched?;
41
- protected onKeyDown(event: KeyboardEvent): void;
42
- protected onClick($event: MouseEvent): void;
43
- protected onBlur(): void;
44
- ngOnChanges(changes: SimpleChanges): void;
45
- /**
46
- * Sets the checked state of the checkbox.
47
- * @param checked The checked state of the checkbox.
48
- * @internal
49
- */
50
- writeValue(checked: boolean): void;
51
- /**
52
- * Registers a callback function that should be called when the checkbox checked state changes.
53
- * @param fn The callback function.
54
- * @internal
55
- */
56
- registerOnChange(fn: (checked: boolean) => void): void;
57
- /**
58
- * Registers a callback function that should be called when the checkbox is blurred.
59
- * @param fn The callback function.
60
- * @internal
61
- */
62
- registerOnTouched(fn: () => void): void;
63
- /**
64
- * Sets the disabled state of the checkbox.
65
- * @param isDisabled The disabled state of the checkbox.
66
- * @internal
67
- */
68
- setDisabledState(isDisabled: boolean): void;
69
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxDirective, never>;
70
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxDirective, "[CheckboxRoot]", never, { "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; }, never, never, true, never>;
71
- static ngAcceptInputType_checked: unknown;
72
- static ngAcceptInputType_indeterminate: unknown;
73
- static ngAcceptInputType_disabled: unknown;
74
- static ngAcceptInputType_required: unknown;
75
- }
@@ -1,4 +0,0 @@
1
- import { InjectionToken } from '@angular/core';
2
- import type { RdxCheckboxDirective } from './checkbox.directive';
3
- export declare const RdxCheckboxToken: InjectionToken<RdxCheckboxDirective>;
4
- export declare function injectCheckbox(): RdxCheckboxDirective;
@@ -1,17 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import { RdxCollapsibleRootDirective } from './collapsible-root.directive';
3
- import * as i0 from "@angular/core";
4
- export declare class RdxCollapsibleContentDirective {
5
- /**
6
- * @ignore
7
- */
8
- protected readonly collapsible: RdxCollapsibleRootDirective;
9
- /**
10
- * Reference to CollapsibleContent host element
11
- * @ignore
12
- */
13
- elementRef: ElementRef<HTMLElement>;
14
- getDisabled(): string | undefined;
15
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxCollapsibleContentDirective, never>;
16
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCollapsibleContentDirective, "[rdxCollapsibleContent]", never, {}, {}, never, never, true, never>;
17
- }
@@ -1,3 +0,0 @@
1
- import { InjectionToken } from '@angular/core';
2
- import { RdxCollapsibleContentDirective } from './collapsible-content.directive';
3
- export declare const RdxCollapsibleContentToken: InjectionToken<RdxCollapsibleContentDirective>;
@@ -1,55 +0,0 @@
1
- import { EventEmitter } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare function injectCollapsible(): RdxCollapsibleRootDirective;
4
- export type RdxCollapsibleState = 'open' | 'closed';
5
- export declare class RdxCollapsibleRootDirective {
6
- /**
7
- * Reference to RdxCollapsibleContent directive
8
- * @private
9
- * @ignore
10
- */
11
- private readonly contentDirective;
12
- /**
13
- * Stores collapsible state
14
- * @private
15
- * @ignore
16
- */
17
- private _open;
18
- /**
19
- * Determines whether a directive is available for interaction.
20
- * When true, prevents the user from interacting with the collapsible.
21
- */
22
- disabled: boolean;
23
- /**
24
- * The controlled open state of the collapsible.
25
- * Sets the state of the directive. `true` - expanded, `false` - collapsed
26
- * @param {boolean} value
27
- */
28
- set open(value: boolean);
29
- /**
30
- * Emitted with new value when directive state changed.
31
- * Event handler called when the open state of the collapsible changes.
32
- */
33
- onOpenChange: EventEmitter<boolean>;
34
- /**
35
- * Allows to change directive state
36
- * @param {boolean | undefined} value
37
- */
38
- setOpen(value?: boolean): void;
39
- /**
40
- * Returns directive state (open | closed)
41
- */
42
- getState(): RdxCollapsibleState;
43
- /**
44
- * Returns current directive state
45
- */
46
- isOpen(): boolean;
47
- /**
48
- * Controls visibility of content
49
- * @private
50
- * @ignore
51
- */
52
- private setPresence;
53
- static ɵfac: i0.ɵɵFactoryDeclaration<RdxCollapsibleRootDirective, never>;
54
- static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCollapsibleRootDirective, "[rdxCollapsibleRoot]", ["collapsibleRoot"], { "disabled": { "alias": "disabled"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "onOpenChange": "onOpenChange"; }, ["contentDirective"], never, true, never>;
55
- }