@ojiepermana/angular 22.0.1 → 22.0.29

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 (513) hide show
  1. package/README.md +61 -311
  2. package/fesm2022/ojiepermana-angular-chart.mjs +10 -0
  3. package/fesm2022/ojiepermana-angular-component.mjs +10 -0
  4. package/fesm2022/ojiepermana-angular-navigation.mjs +10 -0
  5. package/fesm2022/ojiepermana-angular-sdk.mjs +10 -0
  6. package/fesm2022/ojiepermana-angular-theme.mjs +4 -384
  7. package/fesm2022/ojiepermana-angular.mjs +15 -16
  8. package/package.json +25 -425
  9. package/types/ojiepermana-angular-chart.d.ts +1 -0
  10. package/types/ojiepermana-angular-component.d.ts +1 -0
  11. package/types/ojiepermana-angular-navigation.d.ts +1 -0
  12. package/types/ojiepermana-angular-sdk.d.ts +1 -0
  13. package/types/ojiepermana-angular-theme.d.ts +1 -116
  14. package/types/ojiepermana-angular.d.ts +5 -3
  15. package/.npmignore +0 -2
  16. package/collection.json +0 -30
  17. package/component/accordion/README.md +0 -195
  18. package/component/accordion/package.json +0 -4
  19. package/component/alert/README.md +0 -182
  20. package/component/alert/package.json +0 -4
  21. package/component/alert-dialog/README.md +0 -239
  22. package/component/alert-dialog/package.json +0 -4
  23. package/component/aspect-ratio/README.md +0 -112
  24. package/component/aspect-ratio/package.json +0 -4
  25. package/component/avatar/README.md +0 -176
  26. package/component/avatar/package.json +0 -4
  27. package/component/badge/README.md +0 -133
  28. package/component/badge/package.json +0 -4
  29. package/component/breadcrumb/README.md +0 -216
  30. package/component/breadcrumb/package.json +0 -4
  31. package/component/button/README.md +0 -139
  32. package/component/button/package.json +0 -4
  33. package/component/button-group/README.md +0 -208
  34. package/component/button-group/package.json +0 -4
  35. package/component/calendar/README.md +0 -132
  36. package/component/calendar/package.json +0 -4
  37. package/component/card/README.md +0 -220
  38. package/component/card/package.json +0 -4
  39. package/component/carousel/README.md +0 -276
  40. package/component/carousel/package.json +0 -4
  41. package/component/chart/README.md +0 -249
  42. package/component/chart/area/package.json +0 -4
  43. package/component/chart/bar/package.json +0 -4
  44. package/component/chart/line/package.json +0 -4
  45. package/component/chart/package.json +0 -4
  46. package/component/chart/pie/package.json +0 -4
  47. package/component/chart/radar/package.json +0 -4
  48. package/component/chart/radial/package.json +0 -4
  49. package/component/chart/scatter/package.json +0 -4
  50. package/component/checkbox/README.md +0 -149
  51. package/component/checkbox/package.json +0 -4
  52. package/component/collapsible/README.md +0 -195
  53. package/component/collapsible/package.json +0 -4
  54. package/component/combobox/README.md +0 -198
  55. package/component/combobox/package.json +0 -4
  56. package/component/command/README.md +0 -275
  57. package/component/command/package.json +0 -4
  58. package/component/composer/README.md +0 -235
  59. package/component/composer/package.json +0 -4
  60. package/component/context-menu/README.md +0 -267
  61. package/component/context-menu/package.json +0 -4
  62. package/component/date-picker/README.md +0 -177
  63. package/component/date-picker/package.json +0 -4
  64. package/component/dialog/README.md +0 -237
  65. package/component/dialog/package.json +0 -4
  66. package/component/drawer/README.md +0 -145
  67. package/component/drawer/package.json +0 -4
  68. package/component/dropdown-menu/README.md +0 -311
  69. package/component/dropdown-menu/package.json +0 -4
  70. package/component/editor/README.md +0 -136
  71. package/component/editor/package.json +0 -4
  72. package/component/empty/README.md +0 -183
  73. package/component/empty/package.json +0 -4
  74. package/component/form/README.md +0 -210
  75. package/component/form/package.json +0 -4
  76. package/component/hover-card/README.md +0 -146
  77. package/component/hover-card/package.json +0 -4
  78. package/component/input/README.md +0 -159
  79. package/component/input/package.json +0 -4
  80. package/component/input-group/README.md +0 -239
  81. package/component/input-group/package.json +0 -4
  82. package/component/input-otp/README.md +0 -278
  83. package/component/input-otp/package.json +0 -4
  84. package/component/item/README.md +0 -247
  85. package/component/item/package.json +0 -4
  86. package/component/kanban/README.md +0 -81
  87. package/component/kanban/package.json +0 -4
  88. package/component/kbd/README.md +0 -139
  89. package/component/kbd/package.json +0 -4
  90. package/component/label/README.md +0 -136
  91. package/component/label/package.json +0 -4
  92. package/component/menubar/README.md +0 -269
  93. package/component/menubar/package.json +0 -4
  94. package/component/native-select/README.md +0 -176
  95. package/component/native-select/package.json +0 -4
  96. package/component/navigation-menu/README.md +0 -160
  97. package/component/navigation-menu/package.json +0 -4
  98. package/component/pagination/README.md +0 -144
  99. package/component/pagination/package.json +0 -4
  100. package/component/pillbox/README.md +0 -67
  101. package/component/pillbox/package.json +0 -4
  102. package/component/popover/README.md +0 -43
  103. package/component/popover/package.json +0 -4
  104. package/component/progress/README.md +0 -160
  105. package/component/progress/package.json +0 -4
  106. package/component/radio/README.md +0 -209
  107. package/component/radio/package.json +0 -4
  108. package/component/resizable/README.md +0 -168
  109. package/component/resizable/package.json +0 -4
  110. package/component/scroll-area/README.md +0 -143
  111. package/component/scroll-area/package.json +0 -4
  112. package/component/select/README.md +0 -174
  113. package/component/select/package.json +0 -4
  114. package/component/separator/README.md +0 -170
  115. package/component/separator/package.json +0 -4
  116. package/component/sheet/README.md +0 -183
  117. package/component/sheet/package.json +0 -4
  118. package/component/skeleton/README.md +0 -158
  119. package/component/skeleton/package.json +0 -4
  120. package/component/slider/README.md +0 -207
  121. package/component/slider/package.json +0 -4
  122. package/component/spinner/README.md +0 -160
  123. package/component/spinner/package.json +0 -4
  124. package/component/switch/README.md +0 -166
  125. package/component/switch/package.json +0 -4
  126. package/component/table/README.md +0 -291
  127. package/component/table/package.json +0 -4
  128. package/component/tabs/README.md +0 -219
  129. package/component/tabs/package.json +0 -4
  130. package/component/textarea/README.md +0 -154
  131. package/component/textarea/package.json +0 -4
  132. package/component/timeline/README.md +0 -94
  133. package/component/timeline/package.json +0 -4
  134. package/component/toast/README.md +0 -321
  135. package/component/toast/package.json +0 -4
  136. package/component/toggle/README.md +0 -131
  137. package/component/toggle/package.json +0 -4
  138. package/component/toggle-group/README.md +0 -206
  139. package/component/toggle-group/package.json +0 -4
  140. package/component/tooltip/README.md +0 -211
  141. package/component/tooltip/package.json +0 -4
  142. package/component/utils/package.json +0 -4
  143. package/fesm2022/ojiepermana-angular-component-accordion.mjs +0 -189
  144. package/fesm2022/ojiepermana-angular-component-accordion.mjs.map +0 -1
  145. package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs +0 -276
  146. package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs.map +0 -1
  147. package/fesm2022/ojiepermana-angular-component-alert.mjs +0 -99
  148. package/fesm2022/ojiepermana-angular-component-alert.mjs.map +0 -1
  149. package/fesm2022/ojiepermana-angular-component-aspect-ratio.mjs +0 -37
  150. package/fesm2022/ojiepermana-angular-component-aspect-ratio.mjs.map +0 -1
  151. package/fesm2022/ojiepermana-angular-component-avatar.mjs +0 -139
  152. package/fesm2022/ojiepermana-angular-component-avatar.mjs.map +0 -1
  153. package/fesm2022/ojiepermana-angular-component-badge.mjs +0 -50
  154. package/fesm2022/ojiepermana-angular-component-badge.mjs.map +0 -1
  155. package/fesm2022/ojiepermana-angular-component-breadcrumb.mjs +0 -200
  156. package/fesm2022/ojiepermana-angular-component-breadcrumb.mjs.map +0 -1
  157. package/fesm2022/ojiepermana-angular-component-button-group.mjs +0 -103
  158. package/fesm2022/ojiepermana-angular-component-button-group.mjs.map +0 -1
  159. package/fesm2022/ojiepermana-angular-component-button.mjs +0 -68
  160. package/fesm2022/ojiepermana-angular-component-button.mjs.map +0 -1
  161. package/fesm2022/ojiepermana-angular-component-calendar.mjs +0 -88
  162. package/fesm2022/ojiepermana-angular-component-calendar.mjs.map +0 -1
  163. package/fesm2022/ojiepermana-angular-component-card.mjs +0 -152
  164. package/fesm2022/ojiepermana-angular-component-card.mjs.map +0 -1
  165. package/fesm2022/ojiepermana-angular-component-carousel.mjs +0 -334
  166. package/fesm2022/ojiepermana-angular-component-carousel.mjs.map +0 -1
  167. package/fesm2022/ojiepermana-angular-component-chart-area.mjs +0 -6
  168. package/fesm2022/ojiepermana-angular-component-chart-area.mjs.map +0 -1
  169. package/fesm2022/ojiepermana-angular-component-chart-bar.mjs +0 -6
  170. package/fesm2022/ojiepermana-angular-component-chart-bar.mjs.map +0 -1
  171. package/fesm2022/ojiepermana-angular-component-chart-line.mjs +0 -6
  172. package/fesm2022/ojiepermana-angular-component-chart-line.mjs.map +0 -1
  173. package/fesm2022/ojiepermana-angular-component-chart-pie.mjs +0 -6
  174. package/fesm2022/ojiepermana-angular-component-chart-pie.mjs.map +0 -1
  175. package/fesm2022/ojiepermana-angular-component-chart-radar.mjs +0 -6
  176. package/fesm2022/ojiepermana-angular-component-chart-radar.mjs.map +0 -1
  177. package/fesm2022/ojiepermana-angular-component-chart-radial.mjs +0 -6
  178. package/fesm2022/ojiepermana-angular-component-chart-radial.mjs.map +0 -1
  179. package/fesm2022/ojiepermana-angular-component-chart-scatter.mjs +0 -6
  180. package/fesm2022/ojiepermana-angular-component-chart-scatter.mjs.map +0 -1
  181. package/fesm2022/ojiepermana-angular-component-chart.mjs +0 -3925
  182. package/fesm2022/ojiepermana-angular-component-chart.mjs.map +0 -1
  183. package/fesm2022/ojiepermana-angular-component-checkbox.mjs +0 -114
  184. package/fesm2022/ojiepermana-angular-component-checkbox.mjs.map +0 -1
  185. package/fesm2022/ojiepermana-angular-component-collapsible.mjs +0 -124
  186. package/fesm2022/ojiepermana-angular-component-collapsible.mjs.map +0 -1
  187. package/fesm2022/ojiepermana-angular-component-combobox.mjs +0 -272
  188. package/fesm2022/ojiepermana-angular-component-combobox.mjs.map +0 -1
  189. package/fesm2022/ojiepermana-angular-component-command.mjs +0 -293
  190. package/fesm2022/ojiepermana-angular-component-command.mjs.map +0 -1
  191. package/fesm2022/ojiepermana-angular-component-composer.mjs +0 -352
  192. package/fesm2022/ojiepermana-angular-component-composer.mjs.map +0 -1
  193. package/fesm2022/ojiepermana-angular-component-context-menu.mjs +0 -103
  194. package/fesm2022/ojiepermana-angular-component-context-menu.mjs.map +0 -1
  195. package/fesm2022/ojiepermana-angular-component-date-picker.mjs +0 -170
  196. package/fesm2022/ojiepermana-angular-component-date-picker.mjs.map +0 -1
  197. package/fesm2022/ojiepermana-angular-component-dialog.mjs +0 -279
  198. package/fesm2022/ojiepermana-angular-component-dialog.mjs.map +0 -1
  199. package/fesm2022/ojiepermana-angular-component-drawer.mjs +0 -6
  200. package/fesm2022/ojiepermana-angular-component-drawer.mjs.map +0 -1
  201. package/fesm2022/ojiepermana-angular-component-dropdown-menu.mjs +0 -492
  202. package/fesm2022/ojiepermana-angular-component-dropdown-menu.mjs.map +0 -1
  203. package/fesm2022/ojiepermana-angular-component-editor.mjs +0 -717
  204. package/fesm2022/ojiepermana-angular-component-editor.mjs.map +0 -1
  205. package/fesm2022/ojiepermana-angular-component-empty.mjs +0 -145
  206. package/fesm2022/ojiepermana-angular-component-empty.mjs.map +0 -1
  207. package/fesm2022/ojiepermana-angular-component-form.mjs +0 -366
  208. package/fesm2022/ojiepermana-angular-component-form.mjs.map +0 -1
  209. package/fesm2022/ojiepermana-angular-component-hover-card.mjs +0 -297
  210. package/fesm2022/ojiepermana-angular-component-hover-card.mjs.map +0 -1
  211. package/fesm2022/ojiepermana-angular-component-input-group.mjs +0 -179
  212. package/fesm2022/ojiepermana-angular-component-input-group.mjs.map +0 -1
  213. package/fesm2022/ojiepermana-angular-component-input-otp.mjs +0 -514
  214. package/fesm2022/ojiepermana-angular-component-input-otp.mjs.map +0 -1
  215. package/fesm2022/ojiepermana-angular-component-input.mjs +0 -45
  216. package/fesm2022/ojiepermana-angular-component-input.mjs.map +0 -1
  217. package/fesm2022/ojiepermana-angular-component-item.mjs +0 -264
  218. package/fesm2022/ojiepermana-angular-component-item.mjs.map +0 -1
  219. package/fesm2022/ojiepermana-angular-component-kanban.mjs +0 -314
  220. package/fesm2022/ojiepermana-angular-component-kanban.mjs.map +0 -1
  221. package/fesm2022/ojiepermana-angular-component-kbd.mjs +0 -55
  222. package/fesm2022/ojiepermana-angular-component-kbd.mjs.map +0 -1
  223. package/fesm2022/ojiepermana-angular-component-label.mjs +0 -33
  224. package/fesm2022/ojiepermana-angular-component-label.mjs.map +0 -1
  225. package/fesm2022/ojiepermana-angular-component-menubar.mjs +0 -308
  226. package/fesm2022/ojiepermana-angular-component-menubar.mjs.map +0 -1
  227. package/fesm2022/ojiepermana-angular-component-native-select.mjs +0 -67
  228. package/fesm2022/ojiepermana-angular-component-native-select.mjs.map +0 -1
  229. package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs +0 -413
  230. package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs.map +0 -1
  231. package/fesm2022/ojiepermana-angular-component-pagination.mjs +0 -226
  232. package/fesm2022/ojiepermana-angular-component-pagination.mjs.map +0 -1
  233. package/fesm2022/ojiepermana-angular-component-pillbox.mjs +0 -812
  234. package/fesm2022/ojiepermana-angular-component-pillbox.mjs.map +0 -1
  235. package/fesm2022/ojiepermana-angular-component-popover.mjs +0 -169
  236. package/fesm2022/ojiepermana-angular-component-popover.mjs.map +0 -1
  237. package/fesm2022/ojiepermana-angular-component-progress.mjs +0 -60
  238. package/fesm2022/ojiepermana-angular-component-progress.mjs.map +0 -1
  239. package/fesm2022/ojiepermana-angular-component-radio.mjs +0 -122
  240. package/fesm2022/ojiepermana-angular-component-radio.mjs.map +0 -1
  241. package/fesm2022/ojiepermana-angular-component-resizable.mjs +0 -481
  242. package/fesm2022/ojiepermana-angular-component-resizable.mjs.map +0 -1
  243. package/fesm2022/ojiepermana-angular-component-scroll-area.mjs +0 -54
  244. package/fesm2022/ojiepermana-angular-component-scroll-area.mjs.map +0 -1
  245. package/fesm2022/ojiepermana-angular-component-select.mjs +0 -176
  246. package/fesm2022/ojiepermana-angular-component-select.mjs.map +0 -1
  247. package/fesm2022/ojiepermana-angular-component-separator.mjs +0 -37
  248. package/fesm2022/ojiepermana-angular-component-separator.mjs.map +0 -1
  249. package/fesm2022/ojiepermana-angular-component-sheet.mjs +0 -284
  250. package/fesm2022/ojiepermana-angular-component-sheet.mjs.map +0 -1
  251. package/fesm2022/ojiepermana-angular-component-skeleton.mjs +0 -31
  252. package/fesm2022/ojiepermana-angular-component-skeleton.mjs.map +0 -1
  253. package/fesm2022/ojiepermana-angular-component-slider.mjs +0 -423
  254. package/fesm2022/ojiepermana-angular-component-slider.mjs.map +0 -1
  255. package/fesm2022/ojiepermana-angular-component-spinner.mjs +0 -60
  256. package/fesm2022/ojiepermana-angular-component-spinner.mjs.map +0 -1
  257. package/fesm2022/ojiepermana-angular-component-switch.mjs +0 -116
  258. package/fesm2022/ojiepermana-angular-component-switch.mjs.map +0 -1
  259. package/fesm2022/ojiepermana-angular-component-table.mjs +0 -155
  260. package/fesm2022/ojiepermana-angular-component-table.mjs.map +0 -1
  261. package/fesm2022/ojiepermana-angular-component-tabs.mjs +0 -272
  262. package/fesm2022/ojiepermana-angular-component-tabs.mjs.map +0 -1
  263. package/fesm2022/ojiepermana-angular-component-textarea.mjs +0 -39
  264. package/fesm2022/ojiepermana-angular-component-textarea.mjs.map +0 -1
  265. package/fesm2022/ojiepermana-angular-component-timeline.mjs +0 -237
  266. package/fesm2022/ojiepermana-angular-component-timeline.mjs.map +0 -1
  267. package/fesm2022/ojiepermana-angular-component-toast.mjs +0 -71
  268. package/fesm2022/ojiepermana-angular-component-toast.mjs.map +0 -1
  269. package/fesm2022/ojiepermana-angular-component-toggle-group.mjs +0 -289
  270. package/fesm2022/ojiepermana-angular-component-toggle-group.mjs.map +0 -1
  271. package/fesm2022/ojiepermana-angular-component-toggle.mjs +0 -82
  272. package/fesm2022/ojiepermana-angular-component-toggle.mjs.map +0 -1
  273. package/fesm2022/ojiepermana-angular-component-tooltip.mjs +0 -354
  274. package/fesm2022/ojiepermana-angular-component-tooltip.mjs.map +0 -1
  275. package/fesm2022/ojiepermana-angular-component-utils.mjs +0 -13
  276. package/fesm2022/ojiepermana-angular-component-utils.mjs.map +0 -1
  277. package/fesm2022/ojiepermana-angular-generator-api.mjs +0 -68
  278. package/fesm2022/ojiepermana-angular-generator-api.mjs.map +0 -1
  279. package/fesm2022/ojiepermana-angular-layout-component.mjs +0 -602
  280. package/fesm2022/ojiepermana-angular-layout-component.mjs.map +0 -1
  281. package/fesm2022/ojiepermana-angular-layout-provider.mjs +0 -21
  282. package/fesm2022/ojiepermana-angular-layout-provider.mjs.map +0 -1
  283. package/fesm2022/ojiepermana-angular-layout-services.mjs +0 -116
  284. package/fesm2022/ojiepermana-angular-layout-services.mjs.map +0 -1
  285. package/fesm2022/ojiepermana-angular-layout-shell.mjs +0 -48
  286. package/fesm2022/ojiepermana-angular-layout-shell.mjs.map +0 -1
  287. package/fesm2022/ojiepermana-angular-layout-token-directive.mjs +0 -30
  288. package/fesm2022/ojiepermana-angular-layout-token-directive.mjs.map +0 -1
  289. package/fesm2022/ojiepermana-angular-layout-token.mjs +0 -33
  290. package/fesm2022/ojiepermana-angular-layout-token.mjs.map +0 -1
  291. package/fesm2022/ojiepermana-angular-layout-type-empty.mjs +0 -49
  292. package/fesm2022/ojiepermana-angular-layout-type-empty.mjs.map +0 -1
  293. package/fesm2022/ojiepermana-angular-layout-type-horizontal.mjs +0 -128
  294. package/fesm2022/ojiepermana-angular-layout-type-horizontal.mjs.map +0 -1
  295. package/fesm2022/ojiepermana-angular-layout-type-vertical.mjs +0 -123
  296. package/fesm2022/ojiepermana-angular-layout-type-vertical.mjs.map +0 -1
  297. package/fesm2022/ojiepermana-angular-layout.mjs +0 -485
  298. package/fesm2022/ojiepermana-angular-layout.mjs.map +0 -1
  299. package/fesm2022/ojiepermana-angular-navigation-demo-data.mjs +0 -334
  300. package/fesm2022/ojiepermana-angular-navigation-demo-data.mjs.map +0 -1
  301. package/fesm2022/ojiepermana-angular-navigation-icon.mjs +0 -63
  302. package/fesm2022/ojiepermana-angular-navigation-icon.mjs.map +0 -1
  303. package/fesm2022/ojiepermana-angular-navigation-item.mjs +0 -559
  304. package/fesm2022/ojiepermana-angular-navigation-item.mjs.map +0 -1
  305. package/fesm2022/ojiepermana-angular-navigation-service.mjs +0 -213
  306. package/fesm2022/ojiepermana-angular-navigation-service.mjs.map +0 -1
  307. package/fesm2022/ojiepermana-angular-navigation-sidebar.mjs +0 -401
  308. package/fesm2022/ojiepermana-angular-navigation-sidebar.mjs.map +0 -1
  309. package/fesm2022/ojiepermana-angular-navigation-topbar.mjs +0 -670
  310. package/fesm2022/ojiepermana-angular-navigation-topbar.mjs.map +0 -1
  311. package/fesm2022/ojiepermana-angular-navigation-types.mjs +0 -4
  312. package/fesm2022/ojiepermana-angular-navigation-types.mjs.map +0 -1
  313. package/fesm2022/ojiepermana-angular-theme-provider.mjs +0 -35
  314. package/fesm2022/ojiepermana-angular-theme-provider.mjs.map +0 -1
  315. package/fesm2022/ojiepermana-angular-theme-services.mjs +0 -294
  316. package/fesm2022/ojiepermana-angular-theme-services.mjs.map +0 -1
  317. package/fesm2022/ojiepermana-angular-theme-token.mjs +0 -56
  318. package/fesm2022/ojiepermana-angular-theme-token.mjs.map +0 -1
  319. package/fesm2022/ojiepermana-angular-theme.mjs.map +0 -1
  320. package/fesm2022/ojiepermana-angular.mjs.map +0 -1
  321. package/generator/api/README.md +0 -252
  322. package/generator/api/bin/package.json +0 -3
  323. package/generator/api/bin/schematics/init/index.js +0 -90
  324. package/generator/api/bin/schematics/ng-add/index.js +0 -131
  325. package/generator/api/bin/schematics/sdk/index.js +0 -76
  326. package/generator/api/bin/src/config/loader.js +0 -41
  327. package/generator/api/bin/src/config/schema.js +0 -57
  328. package/generator/api/bin/src/emit/client.js +0 -248
  329. package/generator/api/bin/src/emit/metadata.js +0 -295
  330. package/generator/api/bin/src/emit/models.js +0 -106
  331. package/generator/api/bin/src/emit/navigation.js +0 -56
  332. package/generator/api/bin/src/emit/operations.js +0 -122
  333. package/generator/api/bin/src/emit/public-api.js +0 -54
  334. package/generator/api/bin/src/emit/services.js +0 -87
  335. package/generator/api/bin/src/engine.js +0 -65
  336. package/generator/api/bin/src/layout/per-domain.js +0 -359
  337. package/generator/api/bin/src/parser/bundle.js +0 -25
  338. package/generator/api/bin/src/parser/ir.js +0 -320
  339. package/generator/api/bin/src/parser/types.js +0 -7
  340. package/generator/api/bin/src/render/template.js +0 -58
  341. package/generator/api/bin/src/writer/index.js +0 -278
  342. package/generator/api/package.json +0 -4
  343. package/generator/api/schematics/init/schema.json +0 -19
  344. package/generator/api/schematics/ng-add/schema.json +0 -14
  345. package/generator/api/schematics/sdk/schema.json +0 -19
  346. package/generator/api/sdk.config.example.json +0 -24
  347. package/generator/guide/README.md +0 -84
  348. package/generator/guide/bin/package.json +0 -3
  349. package/generator/guide/bin/schematics/build/index.js +0 -36
  350. package/generator/guide/bin/schematics/init/index.js +0 -70
  351. package/generator/guide/bin/src/config/loader.js +0 -50
  352. package/generator/guide/bin/src/config/schema.js +0 -12
  353. package/generator/guide/bin/src/engine/component.js +0 -74
  354. package/generator/guide/bin/src/engine/frontmatter.js +0 -42
  355. package/generator/guide/bin/src/engine/index.js +0 -42
  356. package/generator/guide/bin/src/engine/naming.js +0 -39
  357. package/generator/guide/bin/src/engine/render.js +0 -36
  358. package/generator/guide/bin/src/engine/routes.js +0 -106
  359. package/generator/guide/bin/src/engine/walk.js +0 -35
  360. package/generator/guide/guide.config.example.json +0 -9
  361. package/generator/guide/schematics/build/schema.json +0 -14
  362. package/generator/guide/schematics/init/schema.json +0 -19
  363. package/layout/component/package.json +0 -4
  364. package/layout/package.json +0 -4
  365. package/layout/provider/package.json +0 -4
  366. package/layout/services/package.json +0 -4
  367. package/layout/shell/package.json +0 -4
  368. package/layout/token/directive/package.json +0 -4
  369. package/layout/token/package.json +0 -4
  370. package/layout/type/empty/package.json +0 -4
  371. package/layout/type/horizontal/package.json +0 -4
  372. package/layout/type/vertical/package.json +0 -4
  373. package/navigation/demo-data/package.json +0 -4
  374. package/navigation/icon/package.json +0 -4
  375. package/navigation/item/package.json +0 -4
  376. package/navigation/service/package.json +0 -4
  377. package/navigation/sidebar/package.json +0 -4
  378. package/navigation/topbar/README.md +0 -196
  379. package/navigation/topbar/package.json +0 -4
  380. package/navigation/types/package.json +0 -4
  381. package/theme/README.md +0 -174
  382. package/theme/package.json +0 -4
  383. package/theme/provider/package.json +0 -4
  384. package/theme/services/package.json +0 -4
  385. package/theme/styles/foundation/components.css +0 -81
  386. package/theme/styles/foundation/layers.css +0 -15
  387. package/theme/styles/foundation/tokens.css +0 -55
  388. package/theme/styles/index.css +0 -37
  389. package/theme/styles/integrations/material/autocomplete.css +0 -178
  390. package/theme/styles/integrations/material/button.css +0 -468
  391. package/theme/styles/integrations/material/dialog.css +0 -152
  392. package/theme/styles/integrations/material/select.css +0 -175
  393. package/theme/styles/integrations/material/slide-toggle.css +0 -234
  394. package/theme/styles/integrations/material/slider.css +0 -194
  395. package/theme/styles/integrations/material/tabs.css +0 -229
  396. package/theme/styles/integrations/material.css +0 -264
  397. package/theme/styles/integrations/tailwind.css +0 -114
  398. package/theme/styles/variants/color/amber.css +0 -31
  399. package/theme/styles/variants/color/base.css +0 -36
  400. package/theme/styles/variants/color/blue.css +0 -31
  401. package/theme/styles/variants/color/cyan.css +0 -31
  402. package/theme/styles/variants/color/emerald.css +0 -31
  403. package/theme/styles/variants/color/fuchsia.css +0 -31
  404. package/theme/styles/variants/color/green.css +0 -31
  405. package/theme/styles/variants/color/index.css +0 -22
  406. package/theme/styles/variants/color/indigo.css +0 -31
  407. package/theme/styles/variants/color/lime.css +0 -31
  408. package/theme/styles/variants/color/orange.css +0 -31
  409. package/theme/styles/variants/color/pink.css +0 -31
  410. package/theme/styles/variants/color/purple.css +0 -31
  411. package/theme/styles/variants/color/red.css +0 -31
  412. package/theme/styles/variants/color/rose.css +0 -31
  413. package/theme/styles/variants/color/sky.css +0 -31
  414. package/theme/styles/variants/color/teal.css +0 -31
  415. package/theme/styles/variants/color/violet.css +0 -31
  416. package/theme/styles/variants/color/yellow.css +0 -31
  417. package/theme/styles/variants/mode/dark.css +0 -20
  418. package/theme/styles/variants/mode/index.css +0 -6
  419. package/theme/styles/variants/mode/light.css +0 -24
  420. package/theme/styles/variants/style/brutal.css +0 -50
  421. package/theme/styles/variants/style/default.css +0 -54
  422. package/theme/styles/variants/style/index.css +0 -8
  423. package/theme/styles/variants/style/sharp.css +0 -50
  424. package/theme/styles/variants/style/soft.css +0 -50
  425. package/theme/token/package.json +0 -4
  426. package/types/ojiepermana-angular-component-accordion.d.ts +0 -51
  427. package/types/ojiepermana-angular-component-alert-dialog.d.ts +0 -93
  428. package/types/ojiepermana-angular-component-alert.d.ts +0 -37
  429. package/types/ojiepermana-angular-component-aspect-ratio.d.ts +0 -12
  430. package/types/ojiepermana-angular-component-avatar.d.ts +0 -51
  431. package/types/ojiepermana-angular-component-badge.d.ts +0 -19
  432. package/types/ojiepermana-angular-component-breadcrumb.d.ts +0 -46
  433. package/types/ojiepermana-angular-component-button-group.d.ts +0 -26
  434. package/types/ojiepermana-angular-component-button.d.ts +0 -22
  435. package/types/ojiepermana-angular-component-calendar.d.ts +0 -33
  436. package/types/ojiepermana-angular-component-card.d.ts +0 -60
  437. package/types/ojiepermana-angular-component-carousel.d.ts +0 -86
  438. package/types/ojiepermana-angular-component-chart-area.d.ts +0 -1
  439. package/types/ojiepermana-angular-component-chart-bar.d.ts +0 -1
  440. package/types/ojiepermana-angular-component-chart-line.d.ts +0 -1
  441. package/types/ojiepermana-angular-component-chart-pie.d.ts +0 -1
  442. package/types/ojiepermana-angular-component-chart-radar.d.ts +0 -1
  443. package/types/ojiepermana-angular-component-chart-radial.d.ts +0 -1
  444. package/types/ojiepermana-angular-component-chart-scatter.d.ts +0 -1
  445. package/types/ojiepermana-angular-component-chart.d.ts +0 -1094
  446. package/types/ojiepermana-angular-component-checkbox.d.ts +0 -35
  447. package/types/ojiepermana-angular-component-collapsible.d.ts +0 -42
  448. package/types/ojiepermana-angular-component-combobox.d.ts +0 -50
  449. package/types/ojiepermana-angular-component-command.d.ts +0 -99
  450. package/types/ojiepermana-angular-component-composer.d.ts +0 -90
  451. package/types/ojiepermana-angular-component-context-menu.d.ts +0 -35
  452. package/types/ojiepermana-angular-component-date-picker.d.ts +0 -41
  453. package/types/ojiepermana-angular-component-dialog.d.ts +0 -87
  454. package/types/ojiepermana-angular-component-drawer.d.ts +0 -1
  455. package/types/ojiepermana-angular-component-dropdown-menu.d.ts +0 -137
  456. package/types/ojiepermana-angular-component-editor.d.ts +0 -123
  457. package/types/ojiepermana-angular-component-empty.d.ts +0 -50
  458. package/types/ojiepermana-angular-component-form.d.ts +0 -141
  459. package/types/ojiepermana-angular-component-hover-card.d.ts +0 -74
  460. package/types/ojiepermana-angular-component-input-group.d.ts +0 -51
  461. package/types/ojiepermana-angular-component-input-otp.d.ts +0 -136
  462. package/types/ojiepermana-angular-component-input.d.ts +0 -16
  463. package/types/ojiepermana-angular-component-item.d.ts +0 -88
  464. package/types/ojiepermana-angular-component-kanban.d.ts +0 -70
  465. package/types/ojiepermana-angular-component-kbd.d.ts +0 -16
  466. package/types/ojiepermana-angular-component-label.d.ts +0 -11
  467. package/types/ojiepermana-angular-component-menubar.d.ts +0 -67
  468. package/types/ojiepermana-angular-component-native-select.d.ts +0 -26
  469. package/types/ojiepermana-angular-component-navigation-menu.d.ts +0 -96
  470. package/types/ojiepermana-angular-component-pagination.d.ts +0 -33
  471. package/types/ojiepermana-angular-component-pillbox.d.ts +0 -157
  472. package/types/ojiepermana-angular-component-popover.d.ts +0 -43
  473. package/types/ojiepermana-angular-component-progress.d.ts +0 -17
  474. package/types/ojiepermana-angular-component-radio.d.ts +0 -40
  475. package/types/ojiepermana-angular-component-resizable.d.ts +0 -99
  476. package/types/ojiepermana-angular-component-scroll-area.d.ts +0 -19
  477. package/types/ojiepermana-angular-component-select.d.ts +0 -57
  478. package/types/ojiepermana-angular-component-separator.d.ts +0 -14
  479. package/types/ojiepermana-angular-component-sheet.d.ts +0 -76
  480. package/types/ojiepermana-angular-component-skeleton.d.ts +0 -10
  481. package/types/ojiepermana-angular-component-slider.d.ts +0 -74
  482. package/types/ojiepermana-angular-component-spinner.d.ts +0 -13
  483. package/types/ojiepermana-angular-component-switch.d.ts +0 -40
  484. package/types/ojiepermana-angular-component-table.d.ts +0 -52
  485. package/types/ojiepermana-angular-component-tabs.d.ts +0 -92
  486. package/types/ojiepermana-angular-component-textarea.d.ts +0 -12
  487. package/types/ojiepermana-angular-component-timeline.d.ts +0 -63
  488. package/types/ojiepermana-angular-component-toast.d.ts +0 -38
  489. package/types/ojiepermana-angular-component-toggle-group.d.ts +0 -89
  490. package/types/ojiepermana-angular-component-toggle.d.ts +0 -25
  491. package/types/ojiepermana-angular-component-tooltip.d.ts +0 -89
  492. package/types/ojiepermana-angular-component-utils.d.ts +0 -5
  493. package/types/ojiepermana-angular-generator-api.d.ts +0 -86
  494. package/types/ojiepermana-angular-layout-component.d.ts +0 -205
  495. package/types/ojiepermana-angular-layout-provider.d.ts +0 -6
  496. package/types/ojiepermana-angular-layout-services.d.ts +0 -25
  497. package/types/ojiepermana-angular-layout-shell.d.ts +0 -8
  498. package/types/ojiepermana-angular-layout-token-directive.d.ts +0 -13
  499. package/types/ojiepermana-angular-layout-token.d.ts +0 -36
  500. package/types/ojiepermana-angular-layout-type-empty.d.ts +0 -22
  501. package/types/ojiepermana-angular-layout-type-horizontal.d.ts +0 -36
  502. package/types/ojiepermana-angular-layout-type-vertical.d.ts +0 -38
  503. package/types/ojiepermana-angular-layout.d.ts +0 -164
  504. package/types/ojiepermana-angular-navigation-demo-data.d.ts +0 -5
  505. package/types/ojiepermana-angular-navigation-icon.d.ts +0 -17
  506. package/types/ojiepermana-angular-navigation-item.d.ts +0 -54
  507. package/types/ojiepermana-angular-navigation-service.d.ts +0 -77
  508. package/types/ojiepermana-angular-navigation-sidebar.d.ts +0 -75
  509. package/types/ojiepermana-angular-navigation-topbar.d.ts +0 -74
  510. package/types/ojiepermana-angular-navigation-types.d.ts +0 -135
  511. package/types/ojiepermana-angular-theme-provider.d.ts +0 -11
  512. package/types/ojiepermana-angular-theme-services.d.ts +0 -55
  513. package/types/ojiepermana-angular-theme-token.d.ts +0 -57
@@ -1,195 +0,0 @@
1
- # Accordion
2
-
3
- Displays a vertically stacked set of interactive headings that reveal one or more content panels.
4
-
5
- Use Accordion for FAQ blocks, settings groups, and progressive disclosure where content should stay in the same page flow.
6
-
7
- ## Import
8
-
9
- ```ts
10
- import {
11
- AccordionComponent,
12
- AccordionContentComponent,
13
- AccordionItemComponent,
14
- AccordionTriggerComponent,
15
- } from '@ojiepermana/angular/component/accordion';
16
- ```
17
-
18
- ## Composition
19
-
20
- The Angular structure mirrors the shadcn and Radix composition while using Angular selectors and a native button trigger.
21
-
22
- ```text
23
- ui-accordion
24
- ├── ui-accordion-item
25
- │ ├── button[ui-accordion-trigger]
26
- │ └── ui-accordion-content
27
- └── ui-accordion-item
28
- ├── button[ui-accordion-trigger]
29
- └── ui-accordion-content
30
- ```
31
-
32
- ## Basic usage
33
-
34
- Use `ui-accordion` as the root, wrap each section in `ui-accordion-item`, place the clickable heading on a native button with `ui-accordion-trigger`, and project body copy into `ui-accordion-content`.
35
-
36
- Bind `[(value)]` when the parent should control the open state or seed a default open item.
37
-
38
- ```html
39
- <ui-accordion [(value)]="openItem" type="single" class="w-full max-w-xl">
40
- <ui-accordion-item value="item-1">
41
- <button ui-accordion-trigger>Is it accessible?</button>
42
- <ui-accordion-content>
43
- Yes. The trigger and content follow the expected accordion ARIA wiring.
44
- </ui-accordion-content>
45
- </ui-accordion-item>
46
- </ui-accordion>
47
- ```
48
-
49
- ## Common patterns
50
-
51
- ### Single-open FAQ
52
-
53
- Use `type="single"` when only one item should stay open at a time.
54
-
55
- ```ts
56
- const basicOpen = signal<string | string[] | null>('item-1');
57
-
58
- <ui-accordion [(value)]="basicOpen" type="single" class="max-w-lg">
59
- <ui-accordion-item value="item-1">...</ui-accordion-item>
60
- <ui-accordion-item value="item-2">...</ui-accordion-item>
61
- <ui-accordion-item value="item-3">...</ui-accordion-item>
62
- </ui-accordion>
63
- ```
64
-
65
- ### Multiple open sections
66
-
67
- Use `type="multiple"` when more than one panel should stay open. The bound value becomes a `string[]`.
68
-
69
- ```ts
70
- const multipleOpen = signal<string[] | null>(['notifications']);
71
-
72
- <ui-accordion [(value)]="multipleOpen" type="multiple" class="max-w-lg">
73
- <ui-accordion-item value="notifications">...</ui-accordion-item>
74
- <ui-accordion-item value="privacy">...</ui-accordion-item>
75
- <ui-accordion-item value="billing">...</ui-accordion-item>
76
- </ui-accordion>
77
- ```
78
-
79
- ### Disabled items
80
-
81
- Disable an individual item with `[disabled]="true"` on `ui-accordion-item`.
82
-
83
- ```ts
84
- const disabledOpen = signal<string | string[] | null>('history');
85
-
86
- <ui-accordion [(value)]="disabledOpen" type="single" class="w-full">
87
- <ui-accordion-item value="history">...</ui-accordion-item>
88
- <ui-accordion-item value="premium" [disabled]="true">...</ui-accordion-item>
89
- <ui-accordion-item value="email">...</ui-accordion-item>
90
- </ui-accordion>
91
- ```
92
-
93
- ### Bordered list
94
-
95
- Add borders on the root and the items when the accordion should read like a boxed settings list.
96
-
97
- ```ts
98
- const borderOpen = signal<string | string[] | null>('billing');
99
-
100
- <ui-accordion [(value)]="borderOpen" type="single" class="max-w-lg rounded-lg border">
101
- <ui-accordion-item value="billing" class="border-b px-4 last:border-b-0">...</ui-accordion-item>
102
- <ui-accordion-item value="security" class="border-b px-4 last:border-b-0">...</ui-accordion-item>
103
- <ui-accordion-item value="integrations" class="border-b px-4 last:border-b-0">...</ui-accordion-item>
104
- </ui-accordion>
105
- ```
106
-
107
- ### Inside a card
108
-
109
- Accordion works well inside `ui-card` when the disclosure belongs to a larger billing or account surface.
110
-
111
- ```ts
112
- const cardOpen = signal<string | string[] | null>('plans');
113
-
114
- <ui-card class="w-full max-w-sm">
115
- <ui-card-header>
116
- <ui-card-title>Subscription and billing</ui-card-title>
117
- <ui-card-description>Common questions about plans, payments, and cancellations.</ui-card-description>
118
- </ui-card-header>
119
- <ui-card-content>
120
- <ui-accordion [(value)]="cardOpen" type="single">
121
- <ui-accordion-item value="plans">...</ui-accordion-item>
122
- <ui-accordion-item value="billing">...</ui-accordion-item>
123
- <ui-accordion-item value="cancel">...</ui-accordion-item>
124
- </ui-accordion>
125
- </ui-card-content>
126
- </ui-card>
127
- ```
128
-
129
- ### RTL
130
-
131
- For right-to-left interfaces, set `dir="rtl"` on a wrapping container or manage direction globally in the app shell. The Accordion structure itself does not change.
132
-
133
- ```html
134
- <section dir="rtl" lang="ar" class="max-w-md text-right">
135
- <ui-accordion [(value)]="rtlOpen" type="single">
136
- <ui-accordion-item value="item-1">...</ui-accordion-item>
137
- <ui-accordion-item value="item-2">...</ui-accordion-item>
138
- <ui-accordion-item value="item-3">...</ui-accordion-item>
139
- </ui-accordion>
140
- </section>
141
- ```
142
-
143
- ## API reference
144
-
145
- ### `AccordionComponent`
146
-
147
- | Input | Type | Default |
148
- | --------------- | ---------------------------- | ---------- |
149
- | `type` | `'single' \| 'multiple'` | `'single'` |
150
- | `collapsible` | `boolean` | `true` |
151
- | `value` (model) | `string \| string[] \| null` | `null` |
152
- | `class` | `string` | `''` |
153
-
154
- ### `AccordionItemComponent`
155
-
156
- | Input | Type | Default |
157
- | ---------- | --------- | ------- |
158
- | `value` | `string` | — |
159
- | `disabled` | `boolean` | `false` |
160
- | `class` | `string` | `''` |
161
-
162
- ### Parts
163
-
164
- - `button[ui-accordion-trigger]` renders the interactive heading and manages `aria-controls` plus `aria-expanded`.
165
- - `ui-accordion-content` renders the panel region and links back to the trigger with `aria-labelledby`.
166
- - Lower-level primitive behavior is based on the Radix Accordion pattern: <https://www.radix-ui.com/primitives/docs/components/accordion#api-reference>.
167
-
168
- ## Styling and theming
169
-
170
- Pass `class` to the root or item parts to tune width, spacing, borders, and embedded-card layouts.
171
-
172
- The component follows the shared library theme tokens, so standard utility classes such as `border`, `rounded-lg`, `bg-card`, `text-foreground`, and spacing utilities work as expected.
173
-
174
- ## Accessibility
175
-
176
- - Trigger has `aria-expanded` and `aria-controls` pointing at the content id.
177
- - Content has `role="region"` and `aria-labelledby` pointing back at the trigger id.
178
- - `disabled` items remain visible but non-interactive and are marked with `aria-disabled`.
179
- - Keep trigger text descriptive and avoid placing nested interactive controls inside the trigger button.
180
-
181
- ## Keyboard interactions
182
-
183
- - Native button activation covers Enter and Space.
184
- - Tab order follows the DOM order of the triggers and content.
185
-
186
- ## Angular notes
187
-
188
- - The component uses Angular signal-based `model()` binding for `value`.
189
- - For `type="single"`, the value is a `string | null`.
190
- - For `type="multiple"`, the value is a `string[] | null`.
191
- - Seed the initial open state with a signal rather than a separate `defaultValue` prop.
192
-
193
- ## Source parity
194
-
195
- This Angular implementation follows the shadcn Accordion concepts while translating the examples to Angular selectors, standalone imports, and signal-friendly bindings.
@@ -1,4 +0,0 @@
1
- {
2
- "module": "../../fesm2022/ojiepermana-angular-component-accordion.mjs",
3
- "typings": "../../types/ojiepermana-angular-component-accordion.d.ts"
4
- }
@@ -1,182 +0,0 @@
1
- # Alert
2
-
3
- Displays a callout for user attention.
4
-
5
- Use Alert for inline status callouts, destructive warnings, upgrade prompts, and other situations where the message should stay anchored in the current page flow.
6
-
7
- ## Import
8
-
9
- ```ts
10
- import {
11
- AlertActionComponent,
12
- AlertComponent,
13
- AlertDescriptionComponent,
14
- AlertTitleComponent,
15
- } from '@ojiepermana/angular/component/alert';
16
- import { ButtonComponent } from '@ojiepermana/angular/component/button';
17
- ```
18
-
19
- ## Composition
20
-
21
- The Angular structure mirrors the shadcn composition while leaving icon choice to the consuming app.
22
-
23
- ```text
24
- ui-alert
25
- ├── svg (optional icon)
26
- ├── ui-alert-title
27
- ├── ui-alert-description
28
- └── ui-alert-action (optional)
29
- ```
30
-
31
- ## Usage
32
-
33
- ```html
34
- <ui-alert class="max-w-md">
35
- <svg aria-hidden="true" class="size-4"><!-- icon --></svg>
36
- <ui-alert-title>Heads up!</ui-alert-title>
37
- <ui-alert-description> You can add components and dependencies to your app using the CLI. </ui-alert-description>
38
- </ui-alert>
39
-
40
- <ui-alert class="max-w-md">
41
- <ui-alert-title>Dark mode is now available</ui-alert-title>
42
- <ui-alert-description> Enable it under your profile settings to get started. </ui-alert-description>
43
- <ui-alert-action>
44
- <button ui-button variant="outline" size="sm">Enable</button>
45
- </ui-alert-action>
46
- </ui-alert>
47
- ```
48
-
49
- ## Common patterns
50
-
51
- ### Basic
52
-
53
- Use an optional icon plus title and description for successful or informative states.
54
-
55
- ```html
56
- <ui-alert class="max-w-md">
57
- <svg aria-hidden="true" class="size-4"><!-- success icon --></svg>
58
- <ui-alert-title>Account updated successfully</ui-alert-title>
59
- <ui-alert-description>
60
- Your profile information has been saved. Changes will be reflected immediately.
61
- </ui-alert-description>
62
- </ui-alert>
63
- ```
64
-
65
- ### Destructive
66
-
67
- Apply `variant="destructive"` for failures, expired sessions, and other high-priority issues.
68
-
69
- ```html
70
- <ui-alert variant="destructive" class="max-w-md">
71
- <svg aria-hidden="true" class="size-4"><!-- warning icon --></svg>
72
- <ui-alert-title>Payment failed</ui-alert-title>
73
- <ui-alert-description>
74
- Your payment could not be processed. Please check your payment method and try again.
75
- </ui-alert-description>
76
- </ui-alert>
77
- ```
78
-
79
- ### Action
80
-
81
- Wrap a trailing control in `ui-alert-action`. The wrapper aligns the control at the end of the message and anchors it to the top-right on wider layouts.
82
-
83
- ```html
84
- <ui-alert class="max-w-md">
85
- <ui-alert-title>Dark mode is now available</ui-alert-title>
86
- <ui-alert-description> Enable it under your profile settings to get started. </ui-alert-description>
87
- <ui-alert-action>
88
- <button ui-button variant="default" size="sm">Enable</button>
89
- </ui-alert-action>
90
- </ui-alert>
91
- ```
92
-
93
- ### Custom colors
94
-
95
- Pass custom classes to the root when the alert should adopt a contextual palette.
96
-
97
- ```html
98
- <ui-alert class="max-w-md border-amber-300 bg-amber-50 text-amber-950 [&>svg]:text-amber-700">
99
- <svg aria-hidden="true" class="size-4"><!-- warning icon --></svg>
100
- <ui-alert-title>Your subscription will expire in 3 days.</ui-alert-title>
101
- <ui-alert-description>
102
- Renew now to avoid service interruption or upgrade to a paid plan to continue using the service.
103
- </ui-alert-description>
104
- </ui-alert>
105
- ```
106
-
107
- ### RTL
108
-
109
- For right-to-left interfaces, place the alert inside a container with `dir="rtl"` or manage direction globally in the app shell.
110
-
111
- ```html
112
- <section dir="rtl" lang="ar" class="max-w-md text-right">
113
- <ui-alert>
114
- <svg aria-hidden="true" class="size-4"><!-- icon --></svg>
115
- <ui-alert-title>تم الدفع بنجاح</ui-alert-title>
116
- <ui-alert-description>
117
- تمت معالجة دفعتك البالغة 29.99 دولارًا. تم إرسال إيصال إلى عنوان بريدك الإلكتروني.
118
- </ui-alert-description>
119
- </ui-alert>
120
- </section>
121
- ```
122
-
123
- ## API reference
124
-
125
- ### `AlertComponent`
126
-
127
- | Input | Type | Default |
128
- | --------- | ---------------------------- | ----------- |
129
- | `variant` | `'default' \| 'destructive'` | `'default'` |
130
- | `class` | `string` | `''` |
131
-
132
- ### `AlertTitleComponent`
133
-
134
- | Input | Type | Default |
135
- | ------- | -------- | ------- |
136
- | `class` | `string` | `''` |
137
-
138
- ### `AlertDescriptionComponent`
139
-
140
- | Input | Type | Default |
141
- | ------- | -------- | ------- |
142
- | `class` | `string` | `''` |
143
-
144
- ### `AlertActionComponent`
145
-
146
- | Input | Type | Default |
147
- | ------- | -------- | ------- |
148
- | `class` | `string` | `''` |
149
-
150
- ### Parts
151
-
152
- - `ui-alert-title` renders the heading of the callout.
153
- - `ui-alert-description` renders the supporting copy.
154
- - `ui-alert-action` is an optional layout wrapper for a trailing button or link.
155
-
156
- Re-export: `alertVariants` and `AlertVariant`.
157
-
158
- ## Styling and theming
159
-
160
- Tokens consumed: `--border`, `--background`, `--foreground`, `--destructive`.
161
- Leading SVG children are auto-positioned via descendant selectors so an icon slots in cleanly without extra wrapper markup.
162
-
163
- Pass `class` to the root when you need wider layouts, custom color treatments, or embedded card styling. Pass `class` to the title, description, or action parts when a specific example needs spacing or typography overrides.
164
-
165
- ## Accessibility
166
-
167
- The root has `role="alert"` so assistive technologies announce the message when
168
- it appears. For polite, non-interrupting messages, prefer a toast or another live-region pattern instead.
169
-
170
- When you include a call-to-action, keep the control a native `<button ui-button>` or `<a ui-button>` so standard keyboard and assistive-technology behavior remains intact.
171
-
172
- ## Keyboard interactions
173
-
174
- The alert itself does not handle keyboard input. Any nested actions inherit native keyboard behavior from the projected button or link.
175
-
176
- ## Angular notes
177
-
178
- The Angular version keeps the same shadcn parts while translating them to standalone imports, `input()` bindings, and utility-first host classes. Icons are application-level concerns, so bring your own icon component or inline SVG instead of expecting an icon export from the alert primitive.
179
-
180
- ## Source parity
181
-
182
- This implementation follows the shadcn Alert structure and examples while adapting the API to Angular selectors, standalone imports, and the local button primitive for action content.
@@ -1,4 +0,0 @@
1
- {
2
- "module": "../../fesm2022/ojiepermana-angular-component-alert.mjs",
3
- "typings": "../../types/ojiepermana-angular-component-alert.d.ts"
4
- }
@@ -1,239 +0,0 @@
1
- # Alert Dialog
2
-
3
- Displays a modal confirmation surface for important or destructive actions where the user is expected to respond before continuing.
4
-
5
- Use Alert Dialog for delete confirmations, permission prompts, and share or access decisions that should not dismiss accidentally on backdrop click.
6
-
7
- ## Import
8
-
9
- ```ts
10
- import {
11
- AlertDialogActionComponent,
12
- AlertDialogCancelComponent,
13
- AlertDialogComponent,
14
- AlertDialogContentComponent,
15
- AlertDialogDescriptionComponent,
16
- AlertDialogFooterComponent,
17
- AlertDialogHeaderComponent,
18
- AlertDialogMediaComponent,
19
- AlertDialogTitleComponent,
20
- } from '@ojiepermana/angular/component/alert-dialog';
21
- ```
22
-
23
- ## Composition
24
-
25
- The Angular composition keeps the shadcn structure for content and actions, with one intentional mapping difference: shadcn `AlertDialogTrigger` becomes any external control that toggles the `open` signal.
26
-
27
- ```text
28
- button[ui-button] (external trigger; sets the open signal)
29
- ui-alert-dialog
30
- └── ui-alert-dialog-content
31
- ├── ui-alert-dialog-header
32
- │ ├── ui-alert-dialog-media (optional)
33
- │ ├── ui-alert-dialog-title
34
- │ └── ui-alert-dialog-description
35
- └── ui-alert-dialog-footer
36
- ├── button[ui-alert-dialog-cancel]
37
- └── button[ui-alert-dialog-action]
38
- ```
39
-
40
- ## Basic usage
41
-
42
- Use an external trigger to set the `open` model, then declare the alert content inside `ui-alert-dialog`.
43
-
44
- ```html
45
- <button type="button" ui-button variant="outline" (click)="confirmOpen.set(true)">Show Dialog</button>
46
-
47
- <ui-alert-dialog [(open)]="confirmOpen" aria-labelledby="alert-title" aria-describedby="alert-description">
48
- <ui-alert-dialog-content>
49
- <ui-alert-dialog-header>
50
- <ui-alert-dialog-title id="alert-title">Are you absolutely sure?</ui-alert-dialog-title>
51
- <ui-alert-dialog-description id="alert-description">
52
- This action cannot be undone. This will permanently delete your account from our servers.
53
- </ui-alert-dialog-description>
54
- </ui-alert-dialog-header>
55
-
56
- <ui-alert-dialog-footer>
57
- <button type="button" ui-alert-dialog-cancel>Cancel</button>
58
- <button type="button" ui-alert-dialog-action>Continue</button>
59
- </ui-alert-dialog-footer>
60
- </ui-alert-dialog-content>
61
- </ui-alert-dialog>
62
- ```
63
-
64
- ## Common patterns
65
-
66
- ### Small confirmation
67
-
68
- Set `size="sm"` on `ui-alert-dialog-content` for shorter mobile-friendly confirmations.
69
-
70
- ```html
71
- <ui-alert-dialog [(open)]="smallOpen">
72
- <ui-alert-dialog-content size="sm">
73
- <ui-alert-dialog-header>
74
- <ui-alert-dialog-title>Allow accessory to connect?</ui-alert-dialog-title>
75
- <ui-alert-dialog-description>
76
- Do you want to allow the USB accessory to connect to this device?
77
- </ui-alert-dialog-description>
78
- </ui-alert-dialog-header>
79
-
80
- <ui-alert-dialog-footer>
81
- <button type="button" ui-alert-dialog-cancel>Don't allow</button>
82
- <button type="button" ui-alert-dialog-action>Allow</button>
83
- </ui-alert-dialog-footer>
84
- </ui-alert-dialog-content>
85
- </ui-alert-dialog>
86
- ```
87
-
88
- ### Media
89
-
90
- Use `ui-alert-dialog-media` to add an icon or other leading visual treatment above the title on mobile and beside it on larger screens.
91
-
92
- ```html
93
- <ui-alert-dialog [(open)]="shareOpen">
94
- <ui-alert-dialog-content>
95
- <ui-alert-dialog-header>
96
- <ui-alert-dialog-media>
97
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true">
98
- <path d="M12 5v14" />
99
- <path d="M5 12h14" />
100
- <circle cx="12" cy="12" r="8" />
101
- </svg>
102
- </ui-alert-dialog-media>
103
- <ui-alert-dialog-title>Share this project?</ui-alert-dialog-title>
104
- <ui-alert-dialog-description>
105
- Anyone with the link will be able to view and edit this project.
106
- </ui-alert-dialog-description>
107
- </ui-alert-dialog-header>
108
-
109
- <ui-alert-dialog-footer>
110
- <button type="button" ui-alert-dialog-cancel>Cancel</button>
111
- <button type="button" ui-alert-dialog-action>Share</button>
112
- </ui-alert-dialog-footer>
113
- </ui-alert-dialog-content>
114
- </ui-alert-dialog>
115
- ```
116
-
117
- ### Destructive action
118
-
119
- Pass `variant="destructive"` to `ui-alert-dialog-action` when the primary action is destructive.
120
-
121
- ```html
122
- <ui-alert-dialog [(open)]="deleteOpen">
123
- <ui-alert-dialog-content size="sm">
124
- <ui-alert-dialog-header>
125
- <ui-alert-dialog-media class="border-destructive/20 bg-destructive/10 text-destructive">
126
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true">
127
- <path d="M3 6h18" />
128
- <path d="M8 6V4h8v2" />
129
- <path d="M8 10v6" />
130
- <path d="M12 10v6" />
131
- <path d="M16 10v6" />
132
- <path d="M5 6l1 13h12l1-13" />
133
- </svg>
134
- </ui-alert-dialog-media>
135
- <ui-alert-dialog-title>Delete chat?</ui-alert-dialog-title>
136
- <ui-alert-dialog-description>
137
- This permanently deletes the conversation and removes saved memories linked to it.
138
- </ui-alert-dialog-description>
139
- </ui-alert-dialog-header>
140
-
141
- <ui-alert-dialog-footer>
142
- <button type="button" ui-alert-dialog-cancel>Cancel</button>
143
- <button type="button" ui-alert-dialog-action variant="destructive">Delete</button>
144
- </ui-alert-dialog-footer>
145
- </ui-alert-dialog-content>
146
- </ui-alert-dialog>
147
- ```
148
-
149
- ### RTL
150
-
151
- Wrap the trigger and dialog in a `dir="rtl"` container or manage direction globally in the app shell.
152
-
153
- ```html
154
- <div dir="rtl" lang="ar" class="text-right">
155
- <button type="button" ui-button variant="outline" (click)="rtlOpen.set(true)">إظهار الحوار</button>
156
-
157
- <ui-alert-dialog [(open)]="rtlOpen" aria-labelledby="rtl-title" aria-describedby="rtl-description">
158
- <ui-alert-dialog-content size="sm">
159
- <ui-alert-dialog-header>
160
- <ui-alert-dialog-title id="rtl-title">هل أنت متأكد تمامًا؟</ui-alert-dialog-title>
161
- <ui-alert-dialog-description id="rtl-description">
162
- لا يمكن التراجع عن هذا الإجراء. سيؤدي هذا إلى حذف حسابك نهائيًا من خوادمنا.
163
- </ui-alert-dialog-description>
164
- </ui-alert-dialog-header>
165
- <ui-alert-dialog-footer>
166
- <button type="button" ui-alert-dialog-cancel>إلغاء</button>
167
- <button type="button" ui-alert-dialog-action>متابعة</button>
168
- </ui-alert-dialog-footer>
169
- </ui-alert-dialog-content>
170
- </ui-alert-dialog>
171
- </div>
172
- ```
173
-
174
- ## API reference
175
-
176
- ### `AlertDialogComponent`
177
-
178
- | Input | Type | Default |
179
- | ---------------------- | --------- | --------- | ------ |
180
- | `open` (model) | `boolean` | `false` |
181
- | `closeOnEscape` | `boolean` | `true` |
182
- | `closeOnBackdropClick` | `boolean` | `false` |
183
- | `showCloseButton` | `boolean` | `false` |
184
- | `closeButtonLabel` | `string` | `'Close'` |
185
- | `aria-labelledby` | `string | null` | `null` |
186
- | `aria-describedby` | `string | null` | `null` |
187
- | `class` | `string` | `''` |
188
-
189
- Output: `openedChange: boolean`. Method: `close()`.
190
-
191
- ### `AlertDialogContentComponent`
192
-
193
- | Input | Type | Default |
194
- | ------- | ---------- | ------- | ----------- |
195
- | `size` | `'default' | 'sm'` | `'default'` |
196
- | `class` | `string` | `''` |
197
-
198
- ### Parts
199
-
200
- | Part | Purpose |
201
- | -------------------------------- | ------------------------------------------------------------------ |
202
- | `ui-alert-dialog-header` | Title, optional media, and supporting copy wrapper |
203
- | `ui-alert-dialog-title` | Primary label announced when the dialog opens |
204
- | `ui-alert-dialog-description` | Supporting copy announced after the title |
205
- | `ui-alert-dialog-media` | Optional icon or visual cue for the decision |
206
- | `ui-alert-dialog-footer` | Action row |
207
- | `button[ui-alert-dialog-cancel]` | Secondary action with outline styling that closes the dialog |
208
- | `button[ui-alert-dialog-action]` | Primary action that closes the dialog and supports button variants |
209
-
210
- Lower-level behavior is based on the Radix Alert Dialog pattern: <https://www.radix-ui.com/primitives/docs/components/alert-dialog#api-reference>.
211
-
212
- ## Styling and theming
213
-
214
- The surface reuses the shared dialog overlay and theme tokens, while the action parts reuse the same `buttonVariants` definitions as `ui-button`.
215
-
216
- Pass `class` to `ui-alert-dialog` when you need custom max width or spacing, `size="sm"` to `ui-alert-dialog-content` for compact confirmations, and `class` to `ui-alert-dialog-media` when a specific tone such as destructive emphasis is needed.
217
-
218
- ## Accessibility
219
-
220
- - The surface renders with `role="dialog"` and `aria-modal="true"`.
221
- - Focus is trapped while the alert dialog is open and restored to the previously active element when it closes.
222
- - Backdrop click is disabled by default so confirmations do not dismiss accidentally.
223
- - Keep `ui-alert-dialog-title` and `ui-alert-dialog-description` short and descriptive so assistive technologies announce useful context immediately.
224
-
225
- ## Keyboard interactions
226
-
227
- - `Tab` and `Shift+Tab` stay inside the modal while it is open.
228
- - `Escape` closes the alert dialog unless `closeOnEscape` is disabled.
229
- - Native button activation handles `Enter` and `Space` for cancel and action buttons.
230
-
231
- ## Angular notes
232
-
233
- - This implementation intentionally maps shadcn `AlertDialogTrigger` to any external trigger that owns the `open` signal.
234
- - `button[ui-alert-dialog-cancel]` and `button[ui-alert-dialog-action]` close the nearest ancestor alert dialog automatically by default.
235
- - Use `(click)` on the action button for side effects such as deleting or sharing, and keep `closeOnClick` enabled unless the flow needs to wait for an async result.
236
-
237
- ## Source parity
238
-
239
- This Angular implementation keeps the shadcn information architecture, examples, and `size="sm"` content behavior while translating trigger ownership to Angular signals and dedicated attribute components for the footer actions.
@@ -1,4 +0,0 @@
1
- {
2
- "module": "../../fesm2022/ojiepermana-angular-component-alert-dialog.mjs",
3
- "typings": "../../types/ojiepermana-angular-component-alert-dialog.d.ts"
4
- }