@ojiepermana/angular 22.0.1 → 22.0.27

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 (517) hide show
  1. package/README.md +16 -302
  2. package/fesm2022/ojiepermana-angular-chart.mjs +11 -0
  3. package/fesm2022/ojiepermana-angular-chart.mjs.map +1 -0
  4. package/fesm2022/ojiepermana-angular-component.mjs +11 -0
  5. package/fesm2022/ojiepermana-angular-component.mjs.map +1 -0
  6. package/fesm2022/ojiepermana-angular-navigation.mjs +11 -0
  7. package/fesm2022/ojiepermana-angular-navigation.mjs.map +1 -0
  8. package/fesm2022/ojiepermana-angular-sdk.mjs +11 -0
  9. package/fesm2022/ojiepermana-angular-sdk.mjs.map +1 -0
  10. package/fesm2022/ojiepermana-angular-theme.mjs +3 -382
  11. package/fesm2022/ojiepermana-angular-theme.mjs.map +1 -1
  12. package/fesm2022/ojiepermana-angular.mjs +14 -14
  13. package/fesm2022/ojiepermana-angular.mjs.map +1 -1
  14. package/package.json +25 -425
  15. package/types/ojiepermana-angular-chart.d.ts +1 -0
  16. package/types/ojiepermana-angular-component.d.ts +1 -0
  17. package/types/ojiepermana-angular-navigation.d.ts +1 -0
  18. package/types/ojiepermana-angular-sdk.d.ts +1 -0
  19. package/types/ojiepermana-angular-theme.d.ts +1 -116
  20. package/types/ojiepermana-angular.d.ts +5 -3
  21. package/.npmignore +0 -2
  22. package/collection.json +0 -30
  23. package/component/accordion/README.md +0 -195
  24. package/component/accordion/package.json +0 -4
  25. package/component/alert/README.md +0 -182
  26. package/component/alert/package.json +0 -4
  27. package/component/alert-dialog/README.md +0 -239
  28. package/component/alert-dialog/package.json +0 -4
  29. package/component/aspect-ratio/README.md +0 -112
  30. package/component/aspect-ratio/package.json +0 -4
  31. package/component/avatar/README.md +0 -176
  32. package/component/avatar/package.json +0 -4
  33. package/component/badge/README.md +0 -133
  34. package/component/badge/package.json +0 -4
  35. package/component/breadcrumb/README.md +0 -216
  36. package/component/breadcrumb/package.json +0 -4
  37. package/component/button/README.md +0 -139
  38. package/component/button/package.json +0 -4
  39. package/component/button-group/README.md +0 -208
  40. package/component/button-group/package.json +0 -4
  41. package/component/calendar/README.md +0 -132
  42. package/component/calendar/package.json +0 -4
  43. package/component/card/README.md +0 -220
  44. package/component/card/package.json +0 -4
  45. package/component/carousel/README.md +0 -276
  46. package/component/carousel/package.json +0 -4
  47. package/component/chart/README.md +0 -249
  48. package/component/chart/area/package.json +0 -4
  49. package/component/chart/bar/package.json +0 -4
  50. package/component/chart/line/package.json +0 -4
  51. package/component/chart/package.json +0 -4
  52. package/component/chart/pie/package.json +0 -4
  53. package/component/chart/radar/package.json +0 -4
  54. package/component/chart/radial/package.json +0 -4
  55. package/component/chart/scatter/package.json +0 -4
  56. package/component/checkbox/README.md +0 -149
  57. package/component/checkbox/package.json +0 -4
  58. package/component/collapsible/README.md +0 -195
  59. package/component/collapsible/package.json +0 -4
  60. package/component/combobox/README.md +0 -198
  61. package/component/combobox/package.json +0 -4
  62. package/component/command/README.md +0 -275
  63. package/component/command/package.json +0 -4
  64. package/component/composer/README.md +0 -235
  65. package/component/composer/package.json +0 -4
  66. package/component/context-menu/README.md +0 -267
  67. package/component/context-menu/package.json +0 -4
  68. package/component/date-picker/README.md +0 -177
  69. package/component/date-picker/package.json +0 -4
  70. package/component/dialog/README.md +0 -237
  71. package/component/dialog/package.json +0 -4
  72. package/component/drawer/README.md +0 -145
  73. package/component/drawer/package.json +0 -4
  74. package/component/dropdown-menu/README.md +0 -311
  75. package/component/dropdown-menu/package.json +0 -4
  76. package/component/editor/README.md +0 -136
  77. package/component/editor/package.json +0 -4
  78. package/component/empty/README.md +0 -183
  79. package/component/empty/package.json +0 -4
  80. package/component/form/README.md +0 -210
  81. package/component/form/package.json +0 -4
  82. package/component/hover-card/README.md +0 -146
  83. package/component/hover-card/package.json +0 -4
  84. package/component/input/README.md +0 -159
  85. package/component/input/package.json +0 -4
  86. package/component/input-group/README.md +0 -239
  87. package/component/input-group/package.json +0 -4
  88. package/component/input-otp/README.md +0 -278
  89. package/component/input-otp/package.json +0 -4
  90. package/component/item/README.md +0 -247
  91. package/component/item/package.json +0 -4
  92. package/component/kanban/README.md +0 -81
  93. package/component/kanban/package.json +0 -4
  94. package/component/kbd/README.md +0 -139
  95. package/component/kbd/package.json +0 -4
  96. package/component/label/README.md +0 -136
  97. package/component/label/package.json +0 -4
  98. package/component/menubar/README.md +0 -269
  99. package/component/menubar/package.json +0 -4
  100. package/component/native-select/README.md +0 -176
  101. package/component/native-select/package.json +0 -4
  102. package/component/navigation-menu/README.md +0 -160
  103. package/component/navigation-menu/package.json +0 -4
  104. package/component/pagination/README.md +0 -144
  105. package/component/pagination/package.json +0 -4
  106. package/component/pillbox/README.md +0 -67
  107. package/component/pillbox/package.json +0 -4
  108. package/component/popover/README.md +0 -43
  109. package/component/popover/package.json +0 -4
  110. package/component/progress/README.md +0 -160
  111. package/component/progress/package.json +0 -4
  112. package/component/radio/README.md +0 -209
  113. package/component/radio/package.json +0 -4
  114. package/component/resizable/README.md +0 -168
  115. package/component/resizable/package.json +0 -4
  116. package/component/scroll-area/README.md +0 -143
  117. package/component/scroll-area/package.json +0 -4
  118. package/component/select/README.md +0 -174
  119. package/component/select/package.json +0 -4
  120. package/component/separator/README.md +0 -170
  121. package/component/separator/package.json +0 -4
  122. package/component/sheet/README.md +0 -183
  123. package/component/sheet/package.json +0 -4
  124. package/component/skeleton/README.md +0 -158
  125. package/component/skeleton/package.json +0 -4
  126. package/component/slider/README.md +0 -207
  127. package/component/slider/package.json +0 -4
  128. package/component/spinner/README.md +0 -160
  129. package/component/spinner/package.json +0 -4
  130. package/component/switch/README.md +0 -166
  131. package/component/switch/package.json +0 -4
  132. package/component/table/README.md +0 -291
  133. package/component/table/package.json +0 -4
  134. package/component/tabs/README.md +0 -219
  135. package/component/tabs/package.json +0 -4
  136. package/component/textarea/README.md +0 -154
  137. package/component/textarea/package.json +0 -4
  138. package/component/timeline/README.md +0 -94
  139. package/component/timeline/package.json +0 -4
  140. package/component/toast/README.md +0 -321
  141. package/component/toast/package.json +0 -4
  142. package/component/toggle/README.md +0 -131
  143. package/component/toggle/package.json +0 -4
  144. package/component/toggle-group/README.md +0 -206
  145. package/component/toggle-group/package.json +0 -4
  146. package/component/tooltip/README.md +0 -211
  147. package/component/tooltip/package.json +0 -4
  148. package/component/utils/package.json +0 -4
  149. package/fesm2022/ojiepermana-angular-component-accordion.mjs +0 -189
  150. package/fesm2022/ojiepermana-angular-component-accordion.mjs.map +0 -1
  151. package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs +0 -276
  152. package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs.map +0 -1
  153. package/fesm2022/ojiepermana-angular-component-alert.mjs +0 -99
  154. package/fesm2022/ojiepermana-angular-component-alert.mjs.map +0 -1
  155. package/fesm2022/ojiepermana-angular-component-aspect-ratio.mjs +0 -37
  156. package/fesm2022/ojiepermana-angular-component-aspect-ratio.mjs.map +0 -1
  157. package/fesm2022/ojiepermana-angular-component-avatar.mjs +0 -139
  158. package/fesm2022/ojiepermana-angular-component-avatar.mjs.map +0 -1
  159. package/fesm2022/ojiepermana-angular-component-badge.mjs +0 -50
  160. package/fesm2022/ojiepermana-angular-component-badge.mjs.map +0 -1
  161. package/fesm2022/ojiepermana-angular-component-breadcrumb.mjs +0 -200
  162. package/fesm2022/ojiepermana-angular-component-breadcrumb.mjs.map +0 -1
  163. package/fesm2022/ojiepermana-angular-component-button-group.mjs +0 -103
  164. package/fesm2022/ojiepermana-angular-component-button-group.mjs.map +0 -1
  165. package/fesm2022/ojiepermana-angular-component-button.mjs +0 -68
  166. package/fesm2022/ojiepermana-angular-component-button.mjs.map +0 -1
  167. package/fesm2022/ojiepermana-angular-component-calendar.mjs +0 -88
  168. package/fesm2022/ojiepermana-angular-component-calendar.mjs.map +0 -1
  169. package/fesm2022/ojiepermana-angular-component-card.mjs +0 -152
  170. package/fesm2022/ojiepermana-angular-component-card.mjs.map +0 -1
  171. package/fesm2022/ojiepermana-angular-component-carousel.mjs +0 -334
  172. package/fesm2022/ojiepermana-angular-component-carousel.mjs.map +0 -1
  173. package/fesm2022/ojiepermana-angular-component-chart-area.mjs +0 -6
  174. package/fesm2022/ojiepermana-angular-component-chart-area.mjs.map +0 -1
  175. package/fesm2022/ojiepermana-angular-component-chart-bar.mjs +0 -6
  176. package/fesm2022/ojiepermana-angular-component-chart-bar.mjs.map +0 -1
  177. package/fesm2022/ojiepermana-angular-component-chart-line.mjs +0 -6
  178. package/fesm2022/ojiepermana-angular-component-chart-line.mjs.map +0 -1
  179. package/fesm2022/ojiepermana-angular-component-chart-pie.mjs +0 -6
  180. package/fesm2022/ojiepermana-angular-component-chart-pie.mjs.map +0 -1
  181. package/fesm2022/ojiepermana-angular-component-chart-radar.mjs +0 -6
  182. package/fesm2022/ojiepermana-angular-component-chart-radar.mjs.map +0 -1
  183. package/fesm2022/ojiepermana-angular-component-chart-radial.mjs +0 -6
  184. package/fesm2022/ojiepermana-angular-component-chart-radial.mjs.map +0 -1
  185. package/fesm2022/ojiepermana-angular-component-chart-scatter.mjs +0 -6
  186. package/fesm2022/ojiepermana-angular-component-chart-scatter.mjs.map +0 -1
  187. package/fesm2022/ojiepermana-angular-component-chart.mjs +0 -3925
  188. package/fesm2022/ojiepermana-angular-component-chart.mjs.map +0 -1
  189. package/fesm2022/ojiepermana-angular-component-checkbox.mjs +0 -114
  190. package/fesm2022/ojiepermana-angular-component-checkbox.mjs.map +0 -1
  191. package/fesm2022/ojiepermana-angular-component-collapsible.mjs +0 -124
  192. package/fesm2022/ojiepermana-angular-component-collapsible.mjs.map +0 -1
  193. package/fesm2022/ojiepermana-angular-component-combobox.mjs +0 -272
  194. package/fesm2022/ojiepermana-angular-component-combobox.mjs.map +0 -1
  195. package/fesm2022/ojiepermana-angular-component-command.mjs +0 -293
  196. package/fesm2022/ojiepermana-angular-component-command.mjs.map +0 -1
  197. package/fesm2022/ojiepermana-angular-component-composer.mjs +0 -352
  198. package/fesm2022/ojiepermana-angular-component-composer.mjs.map +0 -1
  199. package/fesm2022/ojiepermana-angular-component-context-menu.mjs +0 -103
  200. package/fesm2022/ojiepermana-angular-component-context-menu.mjs.map +0 -1
  201. package/fesm2022/ojiepermana-angular-component-date-picker.mjs +0 -170
  202. package/fesm2022/ojiepermana-angular-component-date-picker.mjs.map +0 -1
  203. package/fesm2022/ojiepermana-angular-component-dialog.mjs +0 -279
  204. package/fesm2022/ojiepermana-angular-component-dialog.mjs.map +0 -1
  205. package/fesm2022/ojiepermana-angular-component-drawer.mjs +0 -6
  206. package/fesm2022/ojiepermana-angular-component-drawer.mjs.map +0 -1
  207. package/fesm2022/ojiepermana-angular-component-dropdown-menu.mjs +0 -492
  208. package/fesm2022/ojiepermana-angular-component-dropdown-menu.mjs.map +0 -1
  209. package/fesm2022/ojiepermana-angular-component-editor.mjs +0 -717
  210. package/fesm2022/ojiepermana-angular-component-editor.mjs.map +0 -1
  211. package/fesm2022/ojiepermana-angular-component-empty.mjs +0 -145
  212. package/fesm2022/ojiepermana-angular-component-empty.mjs.map +0 -1
  213. package/fesm2022/ojiepermana-angular-component-form.mjs +0 -366
  214. package/fesm2022/ojiepermana-angular-component-form.mjs.map +0 -1
  215. package/fesm2022/ojiepermana-angular-component-hover-card.mjs +0 -297
  216. package/fesm2022/ojiepermana-angular-component-hover-card.mjs.map +0 -1
  217. package/fesm2022/ojiepermana-angular-component-input-group.mjs +0 -179
  218. package/fesm2022/ojiepermana-angular-component-input-group.mjs.map +0 -1
  219. package/fesm2022/ojiepermana-angular-component-input-otp.mjs +0 -514
  220. package/fesm2022/ojiepermana-angular-component-input-otp.mjs.map +0 -1
  221. package/fesm2022/ojiepermana-angular-component-input.mjs +0 -45
  222. package/fesm2022/ojiepermana-angular-component-input.mjs.map +0 -1
  223. package/fesm2022/ojiepermana-angular-component-item.mjs +0 -264
  224. package/fesm2022/ojiepermana-angular-component-item.mjs.map +0 -1
  225. package/fesm2022/ojiepermana-angular-component-kanban.mjs +0 -314
  226. package/fesm2022/ojiepermana-angular-component-kanban.mjs.map +0 -1
  227. package/fesm2022/ojiepermana-angular-component-kbd.mjs +0 -55
  228. package/fesm2022/ojiepermana-angular-component-kbd.mjs.map +0 -1
  229. package/fesm2022/ojiepermana-angular-component-label.mjs +0 -33
  230. package/fesm2022/ojiepermana-angular-component-label.mjs.map +0 -1
  231. package/fesm2022/ojiepermana-angular-component-menubar.mjs +0 -308
  232. package/fesm2022/ojiepermana-angular-component-menubar.mjs.map +0 -1
  233. package/fesm2022/ojiepermana-angular-component-native-select.mjs +0 -67
  234. package/fesm2022/ojiepermana-angular-component-native-select.mjs.map +0 -1
  235. package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs +0 -413
  236. package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs.map +0 -1
  237. package/fesm2022/ojiepermana-angular-component-pagination.mjs +0 -226
  238. package/fesm2022/ojiepermana-angular-component-pagination.mjs.map +0 -1
  239. package/fesm2022/ojiepermana-angular-component-pillbox.mjs +0 -812
  240. package/fesm2022/ojiepermana-angular-component-pillbox.mjs.map +0 -1
  241. package/fesm2022/ojiepermana-angular-component-popover.mjs +0 -169
  242. package/fesm2022/ojiepermana-angular-component-popover.mjs.map +0 -1
  243. package/fesm2022/ojiepermana-angular-component-progress.mjs +0 -60
  244. package/fesm2022/ojiepermana-angular-component-progress.mjs.map +0 -1
  245. package/fesm2022/ojiepermana-angular-component-radio.mjs +0 -122
  246. package/fesm2022/ojiepermana-angular-component-radio.mjs.map +0 -1
  247. package/fesm2022/ojiepermana-angular-component-resizable.mjs +0 -481
  248. package/fesm2022/ojiepermana-angular-component-resizable.mjs.map +0 -1
  249. package/fesm2022/ojiepermana-angular-component-scroll-area.mjs +0 -54
  250. package/fesm2022/ojiepermana-angular-component-scroll-area.mjs.map +0 -1
  251. package/fesm2022/ojiepermana-angular-component-select.mjs +0 -176
  252. package/fesm2022/ojiepermana-angular-component-select.mjs.map +0 -1
  253. package/fesm2022/ojiepermana-angular-component-separator.mjs +0 -37
  254. package/fesm2022/ojiepermana-angular-component-separator.mjs.map +0 -1
  255. package/fesm2022/ojiepermana-angular-component-sheet.mjs +0 -284
  256. package/fesm2022/ojiepermana-angular-component-sheet.mjs.map +0 -1
  257. package/fesm2022/ojiepermana-angular-component-skeleton.mjs +0 -31
  258. package/fesm2022/ojiepermana-angular-component-skeleton.mjs.map +0 -1
  259. package/fesm2022/ojiepermana-angular-component-slider.mjs +0 -423
  260. package/fesm2022/ojiepermana-angular-component-slider.mjs.map +0 -1
  261. package/fesm2022/ojiepermana-angular-component-spinner.mjs +0 -60
  262. package/fesm2022/ojiepermana-angular-component-spinner.mjs.map +0 -1
  263. package/fesm2022/ojiepermana-angular-component-switch.mjs +0 -116
  264. package/fesm2022/ojiepermana-angular-component-switch.mjs.map +0 -1
  265. package/fesm2022/ojiepermana-angular-component-table.mjs +0 -155
  266. package/fesm2022/ojiepermana-angular-component-table.mjs.map +0 -1
  267. package/fesm2022/ojiepermana-angular-component-tabs.mjs +0 -272
  268. package/fesm2022/ojiepermana-angular-component-tabs.mjs.map +0 -1
  269. package/fesm2022/ojiepermana-angular-component-textarea.mjs +0 -39
  270. package/fesm2022/ojiepermana-angular-component-textarea.mjs.map +0 -1
  271. package/fesm2022/ojiepermana-angular-component-timeline.mjs +0 -237
  272. package/fesm2022/ojiepermana-angular-component-timeline.mjs.map +0 -1
  273. package/fesm2022/ojiepermana-angular-component-toast.mjs +0 -71
  274. package/fesm2022/ojiepermana-angular-component-toast.mjs.map +0 -1
  275. package/fesm2022/ojiepermana-angular-component-toggle-group.mjs +0 -289
  276. package/fesm2022/ojiepermana-angular-component-toggle-group.mjs.map +0 -1
  277. package/fesm2022/ojiepermana-angular-component-toggle.mjs +0 -82
  278. package/fesm2022/ojiepermana-angular-component-toggle.mjs.map +0 -1
  279. package/fesm2022/ojiepermana-angular-component-tooltip.mjs +0 -354
  280. package/fesm2022/ojiepermana-angular-component-tooltip.mjs.map +0 -1
  281. package/fesm2022/ojiepermana-angular-component-utils.mjs +0 -13
  282. package/fesm2022/ojiepermana-angular-component-utils.mjs.map +0 -1
  283. package/fesm2022/ojiepermana-angular-generator-api.mjs +0 -68
  284. package/fesm2022/ojiepermana-angular-generator-api.mjs.map +0 -1
  285. package/fesm2022/ojiepermana-angular-layout-component.mjs +0 -602
  286. package/fesm2022/ojiepermana-angular-layout-component.mjs.map +0 -1
  287. package/fesm2022/ojiepermana-angular-layout-provider.mjs +0 -21
  288. package/fesm2022/ojiepermana-angular-layout-provider.mjs.map +0 -1
  289. package/fesm2022/ojiepermana-angular-layout-services.mjs +0 -116
  290. package/fesm2022/ojiepermana-angular-layout-services.mjs.map +0 -1
  291. package/fesm2022/ojiepermana-angular-layout-shell.mjs +0 -48
  292. package/fesm2022/ojiepermana-angular-layout-shell.mjs.map +0 -1
  293. package/fesm2022/ojiepermana-angular-layout-token-directive.mjs +0 -30
  294. package/fesm2022/ojiepermana-angular-layout-token-directive.mjs.map +0 -1
  295. package/fesm2022/ojiepermana-angular-layout-token.mjs +0 -33
  296. package/fesm2022/ojiepermana-angular-layout-token.mjs.map +0 -1
  297. package/fesm2022/ojiepermana-angular-layout-type-empty.mjs +0 -49
  298. package/fesm2022/ojiepermana-angular-layout-type-empty.mjs.map +0 -1
  299. package/fesm2022/ojiepermana-angular-layout-type-horizontal.mjs +0 -128
  300. package/fesm2022/ojiepermana-angular-layout-type-horizontal.mjs.map +0 -1
  301. package/fesm2022/ojiepermana-angular-layout-type-vertical.mjs +0 -123
  302. package/fesm2022/ojiepermana-angular-layout-type-vertical.mjs.map +0 -1
  303. package/fesm2022/ojiepermana-angular-layout.mjs +0 -485
  304. package/fesm2022/ojiepermana-angular-layout.mjs.map +0 -1
  305. package/fesm2022/ojiepermana-angular-navigation-demo-data.mjs +0 -334
  306. package/fesm2022/ojiepermana-angular-navigation-demo-data.mjs.map +0 -1
  307. package/fesm2022/ojiepermana-angular-navigation-icon.mjs +0 -63
  308. package/fesm2022/ojiepermana-angular-navigation-icon.mjs.map +0 -1
  309. package/fesm2022/ojiepermana-angular-navigation-item.mjs +0 -559
  310. package/fesm2022/ojiepermana-angular-navigation-item.mjs.map +0 -1
  311. package/fesm2022/ojiepermana-angular-navigation-service.mjs +0 -213
  312. package/fesm2022/ojiepermana-angular-navigation-service.mjs.map +0 -1
  313. package/fesm2022/ojiepermana-angular-navigation-sidebar.mjs +0 -401
  314. package/fesm2022/ojiepermana-angular-navigation-sidebar.mjs.map +0 -1
  315. package/fesm2022/ojiepermana-angular-navigation-topbar.mjs +0 -670
  316. package/fesm2022/ojiepermana-angular-navigation-topbar.mjs.map +0 -1
  317. package/fesm2022/ojiepermana-angular-navigation-types.mjs +0 -4
  318. package/fesm2022/ojiepermana-angular-navigation-types.mjs.map +0 -1
  319. package/fesm2022/ojiepermana-angular-theme-provider.mjs +0 -35
  320. package/fesm2022/ojiepermana-angular-theme-provider.mjs.map +0 -1
  321. package/fesm2022/ojiepermana-angular-theme-services.mjs +0 -294
  322. package/fesm2022/ojiepermana-angular-theme-services.mjs.map +0 -1
  323. package/fesm2022/ojiepermana-angular-theme-token.mjs +0 -56
  324. package/fesm2022/ojiepermana-angular-theme-token.mjs.map +0 -1
  325. package/generator/api/README.md +0 -252
  326. package/generator/api/bin/package.json +0 -3
  327. package/generator/api/bin/schematics/init/index.js +0 -90
  328. package/generator/api/bin/schematics/ng-add/index.js +0 -131
  329. package/generator/api/bin/schematics/sdk/index.js +0 -76
  330. package/generator/api/bin/src/config/loader.js +0 -41
  331. package/generator/api/bin/src/config/schema.js +0 -57
  332. package/generator/api/bin/src/emit/client.js +0 -248
  333. package/generator/api/bin/src/emit/metadata.js +0 -295
  334. package/generator/api/bin/src/emit/models.js +0 -106
  335. package/generator/api/bin/src/emit/navigation.js +0 -56
  336. package/generator/api/bin/src/emit/operations.js +0 -122
  337. package/generator/api/bin/src/emit/public-api.js +0 -54
  338. package/generator/api/bin/src/emit/services.js +0 -87
  339. package/generator/api/bin/src/engine.js +0 -65
  340. package/generator/api/bin/src/layout/per-domain.js +0 -359
  341. package/generator/api/bin/src/parser/bundle.js +0 -25
  342. package/generator/api/bin/src/parser/ir.js +0 -320
  343. package/generator/api/bin/src/parser/types.js +0 -7
  344. package/generator/api/bin/src/render/template.js +0 -58
  345. package/generator/api/bin/src/writer/index.js +0 -278
  346. package/generator/api/package.json +0 -4
  347. package/generator/api/schematics/init/schema.json +0 -19
  348. package/generator/api/schematics/ng-add/schema.json +0 -14
  349. package/generator/api/schematics/sdk/schema.json +0 -19
  350. package/generator/api/sdk.config.example.json +0 -24
  351. package/generator/guide/README.md +0 -84
  352. package/generator/guide/bin/package.json +0 -3
  353. package/generator/guide/bin/schematics/build/index.js +0 -36
  354. package/generator/guide/bin/schematics/init/index.js +0 -70
  355. package/generator/guide/bin/src/config/loader.js +0 -50
  356. package/generator/guide/bin/src/config/schema.js +0 -12
  357. package/generator/guide/bin/src/engine/component.js +0 -74
  358. package/generator/guide/bin/src/engine/frontmatter.js +0 -42
  359. package/generator/guide/bin/src/engine/index.js +0 -42
  360. package/generator/guide/bin/src/engine/naming.js +0 -39
  361. package/generator/guide/bin/src/engine/render.js +0 -36
  362. package/generator/guide/bin/src/engine/routes.js +0 -106
  363. package/generator/guide/bin/src/engine/walk.js +0 -35
  364. package/generator/guide/guide.config.example.json +0 -9
  365. package/generator/guide/schematics/build/schema.json +0 -14
  366. package/generator/guide/schematics/init/schema.json +0 -19
  367. package/layout/component/package.json +0 -4
  368. package/layout/package.json +0 -4
  369. package/layout/provider/package.json +0 -4
  370. package/layout/services/package.json +0 -4
  371. package/layout/shell/package.json +0 -4
  372. package/layout/token/directive/package.json +0 -4
  373. package/layout/token/package.json +0 -4
  374. package/layout/type/empty/package.json +0 -4
  375. package/layout/type/horizontal/package.json +0 -4
  376. package/layout/type/vertical/package.json +0 -4
  377. package/navigation/demo-data/package.json +0 -4
  378. package/navigation/icon/package.json +0 -4
  379. package/navigation/item/package.json +0 -4
  380. package/navigation/service/package.json +0 -4
  381. package/navigation/sidebar/package.json +0 -4
  382. package/navigation/topbar/README.md +0 -196
  383. package/navigation/topbar/package.json +0 -4
  384. package/navigation/types/package.json +0 -4
  385. package/theme/README.md +0 -174
  386. package/theme/package.json +0 -4
  387. package/theme/provider/package.json +0 -4
  388. package/theme/services/package.json +0 -4
  389. package/theme/styles/foundation/components.css +0 -81
  390. package/theme/styles/foundation/layers.css +0 -15
  391. package/theme/styles/foundation/tokens.css +0 -55
  392. package/theme/styles/index.css +0 -37
  393. package/theme/styles/integrations/material/autocomplete.css +0 -178
  394. package/theme/styles/integrations/material/button.css +0 -468
  395. package/theme/styles/integrations/material/dialog.css +0 -152
  396. package/theme/styles/integrations/material/select.css +0 -175
  397. package/theme/styles/integrations/material/slide-toggle.css +0 -234
  398. package/theme/styles/integrations/material/slider.css +0 -194
  399. package/theme/styles/integrations/material/tabs.css +0 -229
  400. package/theme/styles/integrations/material.css +0 -264
  401. package/theme/styles/integrations/tailwind.css +0 -114
  402. package/theme/styles/variants/color/amber.css +0 -31
  403. package/theme/styles/variants/color/base.css +0 -36
  404. package/theme/styles/variants/color/blue.css +0 -31
  405. package/theme/styles/variants/color/cyan.css +0 -31
  406. package/theme/styles/variants/color/emerald.css +0 -31
  407. package/theme/styles/variants/color/fuchsia.css +0 -31
  408. package/theme/styles/variants/color/green.css +0 -31
  409. package/theme/styles/variants/color/index.css +0 -22
  410. package/theme/styles/variants/color/indigo.css +0 -31
  411. package/theme/styles/variants/color/lime.css +0 -31
  412. package/theme/styles/variants/color/orange.css +0 -31
  413. package/theme/styles/variants/color/pink.css +0 -31
  414. package/theme/styles/variants/color/purple.css +0 -31
  415. package/theme/styles/variants/color/red.css +0 -31
  416. package/theme/styles/variants/color/rose.css +0 -31
  417. package/theme/styles/variants/color/sky.css +0 -31
  418. package/theme/styles/variants/color/teal.css +0 -31
  419. package/theme/styles/variants/color/violet.css +0 -31
  420. package/theme/styles/variants/color/yellow.css +0 -31
  421. package/theme/styles/variants/mode/dark.css +0 -20
  422. package/theme/styles/variants/mode/index.css +0 -6
  423. package/theme/styles/variants/mode/light.css +0 -24
  424. package/theme/styles/variants/style/brutal.css +0 -50
  425. package/theme/styles/variants/style/default.css +0 -54
  426. package/theme/styles/variants/style/index.css +0 -8
  427. package/theme/styles/variants/style/sharp.css +0 -50
  428. package/theme/styles/variants/style/soft.css +0 -50
  429. package/theme/token/package.json +0 -4
  430. package/types/ojiepermana-angular-component-accordion.d.ts +0 -51
  431. package/types/ojiepermana-angular-component-alert-dialog.d.ts +0 -93
  432. package/types/ojiepermana-angular-component-alert.d.ts +0 -37
  433. package/types/ojiepermana-angular-component-aspect-ratio.d.ts +0 -12
  434. package/types/ojiepermana-angular-component-avatar.d.ts +0 -51
  435. package/types/ojiepermana-angular-component-badge.d.ts +0 -19
  436. package/types/ojiepermana-angular-component-breadcrumb.d.ts +0 -46
  437. package/types/ojiepermana-angular-component-button-group.d.ts +0 -26
  438. package/types/ojiepermana-angular-component-button.d.ts +0 -22
  439. package/types/ojiepermana-angular-component-calendar.d.ts +0 -33
  440. package/types/ojiepermana-angular-component-card.d.ts +0 -60
  441. package/types/ojiepermana-angular-component-carousel.d.ts +0 -86
  442. package/types/ojiepermana-angular-component-chart-area.d.ts +0 -1
  443. package/types/ojiepermana-angular-component-chart-bar.d.ts +0 -1
  444. package/types/ojiepermana-angular-component-chart-line.d.ts +0 -1
  445. package/types/ojiepermana-angular-component-chart-pie.d.ts +0 -1
  446. package/types/ojiepermana-angular-component-chart-radar.d.ts +0 -1
  447. package/types/ojiepermana-angular-component-chart-radial.d.ts +0 -1
  448. package/types/ojiepermana-angular-component-chart-scatter.d.ts +0 -1
  449. package/types/ojiepermana-angular-component-chart.d.ts +0 -1094
  450. package/types/ojiepermana-angular-component-checkbox.d.ts +0 -35
  451. package/types/ojiepermana-angular-component-collapsible.d.ts +0 -42
  452. package/types/ojiepermana-angular-component-combobox.d.ts +0 -50
  453. package/types/ojiepermana-angular-component-command.d.ts +0 -99
  454. package/types/ojiepermana-angular-component-composer.d.ts +0 -90
  455. package/types/ojiepermana-angular-component-context-menu.d.ts +0 -35
  456. package/types/ojiepermana-angular-component-date-picker.d.ts +0 -41
  457. package/types/ojiepermana-angular-component-dialog.d.ts +0 -87
  458. package/types/ojiepermana-angular-component-drawer.d.ts +0 -1
  459. package/types/ojiepermana-angular-component-dropdown-menu.d.ts +0 -137
  460. package/types/ojiepermana-angular-component-editor.d.ts +0 -123
  461. package/types/ojiepermana-angular-component-empty.d.ts +0 -50
  462. package/types/ojiepermana-angular-component-form.d.ts +0 -141
  463. package/types/ojiepermana-angular-component-hover-card.d.ts +0 -74
  464. package/types/ojiepermana-angular-component-input-group.d.ts +0 -51
  465. package/types/ojiepermana-angular-component-input-otp.d.ts +0 -136
  466. package/types/ojiepermana-angular-component-input.d.ts +0 -16
  467. package/types/ojiepermana-angular-component-item.d.ts +0 -88
  468. package/types/ojiepermana-angular-component-kanban.d.ts +0 -70
  469. package/types/ojiepermana-angular-component-kbd.d.ts +0 -16
  470. package/types/ojiepermana-angular-component-label.d.ts +0 -11
  471. package/types/ojiepermana-angular-component-menubar.d.ts +0 -67
  472. package/types/ojiepermana-angular-component-native-select.d.ts +0 -26
  473. package/types/ojiepermana-angular-component-navigation-menu.d.ts +0 -96
  474. package/types/ojiepermana-angular-component-pagination.d.ts +0 -33
  475. package/types/ojiepermana-angular-component-pillbox.d.ts +0 -157
  476. package/types/ojiepermana-angular-component-popover.d.ts +0 -43
  477. package/types/ojiepermana-angular-component-progress.d.ts +0 -17
  478. package/types/ojiepermana-angular-component-radio.d.ts +0 -40
  479. package/types/ojiepermana-angular-component-resizable.d.ts +0 -99
  480. package/types/ojiepermana-angular-component-scroll-area.d.ts +0 -19
  481. package/types/ojiepermana-angular-component-select.d.ts +0 -57
  482. package/types/ojiepermana-angular-component-separator.d.ts +0 -14
  483. package/types/ojiepermana-angular-component-sheet.d.ts +0 -76
  484. package/types/ojiepermana-angular-component-skeleton.d.ts +0 -10
  485. package/types/ojiepermana-angular-component-slider.d.ts +0 -74
  486. package/types/ojiepermana-angular-component-spinner.d.ts +0 -13
  487. package/types/ojiepermana-angular-component-switch.d.ts +0 -40
  488. package/types/ojiepermana-angular-component-table.d.ts +0 -52
  489. package/types/ojiepermana-angular-component-tabs.d.ts +0 -92
  490. package/types/ojiepermana-angular-component-textarea.d.ts +0 -12
  491. package/types/ojiepermana-angular-component-timeline.d.ts +0 -63
  492. package/types/ojiepermana-angular-component-toast.d.ts +0 -38
  493. package/types/ojiepermana-angular-component-toggle-group.d.ts +0 -89
  494. package/types/ojiepermana-angular-component-toggle.d.ts +0 -25
  495. package/types/ojiepermana-angular-component-tooltip.d.ts +0 -89
  496. package/types/ojiepermana-angular-component-utils.d.ts +0 -5
  497. package/types/ojiepermana-angular-generator-api.d.ts +0 -86
  498. package/types/ojiepermana-angular-layout-component.d.ts +0 -205
  499. package/types/ojiepermana-angular-layout-provider.d.ts +0 -6
  500. package/types/ojiepermana-angular-layout-services.d.ts +0 -25
  501. package/types/ojiepermana-angular-layout-shell.d.ts +0 -8
  502. package/types/ojiepermana-angular-layout-token-directive.d.ts +0 -13
  503. package/types/ojiepermana-angular-layout-token.d.ts +0 -36
  504. package/types/ojiepermana-angular-layout-type-empty.d.ts +0 -22
  505. package/types/ojiepermana-angular-layout-type-horizontal.d.ts +0 -36
  506. package/types/ojiepermana-angular-layout-type-vertical.d.ts +0 -38
  507. package/types/ojiepermana-angular-layout.d.ts +0 -164
  508. package/types/ojiepermana-angular-navigation-demo-data.d.ts +0 -5
  509. package/types/ojiepermana-angular-navigation-icon.d.ts +0 -17
  510. package/types/ojiepermana-angular-navigation-item.d.ts +0 -54
  511. package/types/ojiepermana-angular-navigation-service.d.ts +0 -77
  512. package/types/ojiepermana-angular-navigation-sidebar.d.ts +0 -75
  513. package/types/ojiepermana-angular-navigation-topbar.d.ts +0 -74
  514. package/types/ojiepermana-angular-navigation-types.d.ts +0 -135
  515. package/types/ojiepermana-angular-theme-provider.d.ts +0 -11
  516. package/types/ojiepermana-angular-theme-services.d.ts +0 -55
  517. 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
- }