@masterteam/components 0.0.108 → 0.0.109

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 (214) hide show
  1. package/package.json +2 -2
  2. package/.codex-tmp-pack/extract/package/README.md +0 -63
  3. package/.codex-tmp-pack/extract/package/assets/cairo.css +0 -70
  4. package/.codex-tmp-pack/extract/package/assets/common.css +0 -2
  5. package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-Black.woff2 +0 -0
  6. package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-Bold.woff2 +0 -0
  7. package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-ExtraBold.woff2 +0 -0
  8. package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-ExtraLight.woff2 +0 -0
  9. package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-Light.woff2 +0 -0
  10. package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-Medium.woff2 +0 -0
  11. package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-Regular.woff2 +0 -0
  12. package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-SemiBold.woff2 +0 -0
  13. package/.codex-tmp-pack/extract/package/assets/fonts/Cairo-VariableFont_slnt,wght.woff2 +0 -0
  14. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Black.woff2 +0 -0
  15. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-BlackItalic.woff2 +0 -0
  16. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Bold.woff2 +0 -0
  17. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-BoldItalic.woff2 +0 -0
  18. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-ExtraBold.woff2 +0 -0
  19. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-ExtraBoldItalic.woff2 +0 -0
  20. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-ExtraLight.woff2 +0 -0
  21. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-ExtraLightItalic.woff2 +0 -0
  22. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Italic.woff2 +0 -0
  23. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Light.woff2 +0 -0
  24. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-LightItalic.woff2 +0 -0
  25. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Medium.woff2 +0 -0
  26. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-MediumItalic.woff2 +0 -0
  27. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Regular.woff2 +0 -0
  28. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-SemiBold.woff2 +0 -0
  29. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-SemiBoldItalic.woff2 +0 -0
  30. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-Thin.woff2 +0 -0
  31. package/.codex-tmp-pack/extract/package/assets/fonts/Inter-ThinItalic.woff2 +0 -0
  32. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Black.woff2 +0 -0
  33. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-BlackItalic.woff2 +0 -0
  34. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Bold.woff2 +0 -0
  35. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-BoldItalic.woff2 +0 -0
  36. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-ExtraBold.woff2 +0 -0
  37. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-ExtraBoldItalic.woff2 +0 -0
  38. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-ExtraLight.woff2 +0 -0
  39. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-ExtraLightItalic.woff2 +0 -0
  40. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Italic.woff2 +0 -0
  41. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Light.woff2 +0 -0
  42. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-LightItalic.woff2 +0 -0
  43. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Medium.woff2 +0 -0
  44. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-MediumItalic.woff2 +0 -0
  45. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Regular.woff2 +0 -0
  46. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-SemiBold.woff2 +0 -0
  47. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-SemiBoldItalic.woff2 +0 -0
  48. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-Thin.woff2 +0 -0
  49. package/.codex-tmp-pack/extract/package/assets/fonts/InterDisplay-ThinItalic.woff2 +0 -0
  50. package/.codex-tmp-pack/extract/package/assets/fonts/InterVariable-Italic.woff2 +0 -0
  51. package/.codex-tmp-pack/extract/package/assets/fonts/InterVariable.woff2 +0 -0
  52. package/.codex-tmp-pack/extract/package/assets/i18n/ar.json +0 -44
  53. package/.codex-tmp-pack/extract/package/assets/i18n/en.json +0 -44
  54. package/.codex-tmp-pack/extract/package/assets/inter.css +0 -418
  55. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-avatar-text.mjs +0 -46
  56. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-avatar-text.mjs.map +0 -1
  57. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-avatar.mjs +0 -45
  58. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-avatar.mjs.map +0 -1
  59. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-breadcrumb.mjs +0 -27
  60. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-breadcrumb.mjs.map +0 -1
  61. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-business-fields.mjs +0 -222
  62. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-business-fields.mjs.map +0 -1
  63. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-button-group.mjs +0 -20
  64. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-button-group.mjs.map +0 -1
  65. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-button.mjs +0 -52
  66. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-button.mjs.map +0 -1
  67. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-card.mjs +0 -28
  68. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-card.mjs.map +0 -1
  69. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-checkbox-field.mjs +0 -88
  70. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-checkbox-field.mjs.map +0 -1
  71. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-chip.mjs +0 -35
  72. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-chip.mjs.map +0 -1
  73. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-client-page-menu.mjs +0 -92
  74. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-client-page-menu.mjs.map +0 -1
  75. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-client-page.mjs +0 -93
  76. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-client-page.mjs.map +0 -1
  77. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-color-picker-field.mjs +0 -94
  78. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-color-picker-field.mjs.map +0 -1
  79. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-confirmation.mjs +0 -93
  80. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-confirmation.mjs.map +0 -1
  81. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-date-field.mjs +0 -94
  82. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-date-field.mjs.map +0 -1
  83. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-dialog.mjs +0 -33
  84. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-dialog.mjs.map +0 -1
  85. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-drawer.mjs +0 -69
  86. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-drawer.mjs.map +0 -1
  87. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-dynamic-drawer.mjs +0 -321
  88. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-dynamic-drawer.mjs.map +0 -1
  89. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-editor-field.mjs +0 -96
  90. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-editor-field.mjs.map +0 -1
  91. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-entities.mjs +0 -572
  92. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-entities.mjs.map +0 -1
  93. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-field-validation.mjs +0 -103
  94. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-field-validation.mjs.map +0 -1
  95. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-formula.mjs +0 -3102
  96. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-formula.mjs.map +0 -1
  97. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-icon-field.mjs +0 -63
  98. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-icon-field.mjs.map +0 -1
  99. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-list.mjs +0 -31
  100. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-list.mjs.map +0 -1
  101. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-menu.mjs +0 -136
  102. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-menu.mjs.map +0 -1
  103. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-modal.mjs +0 -50
  104. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-modal.mjs.map +0 -1
  105. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-module-summary-card.mjs +0 -32
  106. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-module-summary-card.mjs.map +0 -1
  107. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-multi-select-field.mjs +0 -197
  108. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-multi-select-field.mjs.map +0 -1
  109. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-number-field.mjs +0 -95
  110. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-number-field.mjs.map +0 -1
  111. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-page-header.mjs +0 -42
  112. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-page-header.mjs.map +0 -1
  113. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-page.mjs +0 -35
  114. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-page.mjs.map +0 -1
  115. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-paginator.mjs +0 -44
  116. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-paginator.mjs.map +0 -1
  117. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-pick-list-field.mjs +0 -204
  118. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-pick-list-field.mjs.map +0 -1
  119. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-progress.mjs +0 -41
  120. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-progress.mjs.map +0 -1
  121. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-property-filter-builder.mjs +0 -383
  122. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-property-filter-builder.mjs.map +0 -1
  123. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-button-field.mjs +0 -85
  124. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-button-field.mjs.map +0 -1
  125. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-cards-field.mjs +0 -68
  126. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-cards-field.mjs.map +0 -1
  127. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-cards.mjs +0 -74
  128. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-cards.mjs.map +0 -1
  129. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-select-field.mjs +0 -258
  130. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-select-field.mjs.map +0 -1
  131. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-sidebar.mjs +0 -36
  132. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-sidebar.mjs.map +0 -1
  133. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-slider-field.mjs +0 -104
  134. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-slider-field.mjs.map +0 -1
  135. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-statistic-card.mjs +0 -21
  136. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-statistic-card.mjs.map +0 -1
  137. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-table.mjs +0 -583
  138. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-table.mjs.map +0 -1
  139. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-tabs.mjs +0 -44
  140. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-tabs.mjs.map +0 -1
  141. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-text-field.mjs +0 -159
  142. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-text-field.mjs.map +0 -1
  143. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-textarea-field.mjs +0 -92
  144. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-textarea-field.mjs.map +0 -1
  145. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-toast.mjs +0 -75
  146. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-toast.mjs.map +0 -1
  147. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-toggle-field.mjs +0 -104
  148. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-toggle-field.mjs.map +0 -1
  149. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-tooltip.mjs +0 -45
  150. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-tooltip.mjs.map +0 -1
  151. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-topbar.mjs +0 -28
  152. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-topbar.mjs.map +0 -1
  153. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-tree.mjs +0 -219
  154. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-tree.mjs.map +0 -1
  155. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-upload-field.mjs +0 -480
  156. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-upload-field.mjs.map +0 -1
  157. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-user-search-field.mjs +0 -153
  158. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-user-search-field.mjs.map +0 -1
  159. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components.mjs +0 -1338
  160. package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components.mjs.map +0 -1
  161. package/.codex-tmp-pack/extract/package/types/masterteam-components-avatar-text.d.ts +0 -23
  162. package/.codex-tmp-pack/extract/package/types/masterteam-components-avatar.d.ts +0 -21
  163. package/.codex-tmp-pack/extract/package/types/masterteam-components-breadcrumb.d.ts +0 -18
  164. package/.codex-tmp-pack/extract/package/types/masterteam-components-business-fields.d.ts +0 -114
  165. package/.codex-tmp-pack/extract/package/types/masterteam-components-button-group.d.ts +0 -8
  166. package/.codex-tmp-pack/extract/package/types/masterteam-components-button.d.ts +0 -36
  167. package/.codex-tmp-pack/extract/package/types/masterteam-components-card.d.ts +0 -14
  168. package/.codex-tmp-pack/extract/package/types/masterteam-components-checkbox-field.d.ts +0 -34
  169. package/.codex-tmp-pack/extract/package/types/masterteam-components-chip.d.ts +0 -19
  170. package/.codex-tmp-pack/extract/package/types/masterteam-components-client-page-menu.d.ts +0 -35
  171. package/.codex-tmp-pack/extract/package/types/masterteam-components-client-page.d.ts +0 -42
  172. package/.codex-tmp-pack/extract/package/types/masterteam-components-color-picker-field.d.ts +0 -35
  173. package/.codex-tmp-pack/extract/package/types/masterteam-components-confirmation.d.ts +0 -41
  174. package/.codex-tmp-pack/extract/package/types/masterteam-components-date-field.d.ts +0 -41
  175. package/.codex-tmp-pack/extract/package/types/masterteam-components-dialog.d.ts +0 -12
  176. package/.codex-tmp-pack/extract/package/types/masterteam-components-drawer.d.ts +0 -30
  177. package/.codex-tmp-pack/extract/package/types/masterteam-components-dynamic-drawer.d.ts +0 -93
  178. package/.codex-tmp-pack/extract/package/types/masterteam-components-editor-field.d.ts +0 -34
  179. package/.codex-tmp-pack/extract/package/types/masterteam-components-entities.d.ts +0 -326
  180. package/.codex-tmp-pack/extract/package/types/masterteam-components-field-validation.d.ts +0 -13
  181. package/.codex-tmp-pack/extract/package/types/masterteam-components-formula.d.ts +0 -651
  182. package/.codex-tmp-pack/extract/package/types/masterteam-components-icon-field.d.ts +0 -27
  183. package/.codex-tmp-pack/extract/package/types/masterteam-components-list.d.ts +0 -18
  184. package/.codex-tmp-pack/extract/package/types/masterteam-components-menu.d.ts +0 -55
  185. package/.codex-tmp-pack/extract/package/types/masterteam-components-modal.d.ts +0 -18
  186. package/.codex-tmp-pack/extract/package/types/masterteam-components-module-summary-card.d.ts +0 -17
  187. package/.codex-tmp-pack/extract/package/types/masterteam-components-multi-select-field.d.ts +0 -74
  188. package/.codex-tmp-pack/extract/package/types/masterteam-components-number-field.d.ts +0 -42
  189. package/.codex-tmp-pack/extract/package/types/masterteam-components-page-header.d.ts +0 -30
  190. package/.codex-tmp-pack/extract/package/types/masterteam-components-page.d.ts +0 -26
  191. package/.codex-tmp-pack/extract/package/types/masterteam-components-paginator.d.ts +0 -20
  192. package/.codex-tmp-pack/extract/package/types/masterteam-components-pick-list-field.d.ts +0 -60
  193. package/.codex-tmp-pack/extract/package/types/masterteam-components-progress.d.ts +0 -20
  194. package/.codex-tmp-pack/extract/package/types/masterteam-components-property-filter-builder.d.ts +0 -90
  195. package/.codex-tmp-pack/extract/package/types/masterteam-components-radio-button-field.d.ts +0 -41
  196. package/.codex-tmp-pack/extract/package/types/masterteam-components-radio-cards-field.d.ts +0 -30
  197. package/.codex-tmp-pack/extract/package/types/masterteam-components-radio-cards.d.ts +0 -33
  198. package/.codex-tmp-pack/extract/package/types/masterteam-components-select-field.d.ts +0 -84
  199. package/.codex-tmp-pack/extract/package/types/masterteam-components-sidebar.d.ts +0 -28
  200. package/.codex-tmp-pack/extract/package/types/masterteam-components-slider-field.d.ts +0 -45
  201. package/.codex-tmp-pack/extract/package/types/masterteam-components-statistic-card.d.ts +0 -17
  202. package/.codex-tmp-pack/extract/package/types/masterteam-components-table.d.ts +0 -207
  203. package/.codex-tmp-pack/extract/package/types/masterteam-components-tabs.d.ts +0 -23
  204. package/.codex-tmp-pack/extract/package/types/masterteam-components-text-field.d.ts +0 -44
  205. package/.codex-tmp-pack/extract/package/types/masterteam-components-textarea-field.d.ts +0 -38
  206. package/.codex-tmp-pack/extract/package/types/masterteam-components-toast.d.ts +0 -26
  207. package/.codex-tmp-pack/extract/package/types/masterteam-components-toggle-field.d.ts +0 -41
  208. package/.codex-tmp-pack/extract/package/types/masterteam-components-tooltip.d.ts +0 -9
  209. package/.codex-tmp-pack/extract/package/types/masterteam-components-topbar.d.ts +0 -17
  210. package/.codex-tmp-pack/extract/package/types/masterteam-components-tree.d.ts +0 -98
  211. package/.codex-tmp-pack/extract/package/types/masterteam-components-upload-field.d.ts +0 -77
  212. package/.codex-tmp-pack/extract/package/types/masterteam-components-user-search-field.d.ts +0 -61
  213. package/.codex-tmp-pack/extract/package/types/masterteam-components.d.ts +0 -780
  214. package/.codex-tmp-pack/masterteam-components-0.0.108.tgz +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"masterteam-components-confirmation.mjs","sources":["../../../../packages/masterteam/components/confirmation/confirmation.ts","../../../../packages/masterteam/components/confirmation/confirmation-dialog.ts","../../../../packages/masterteam/components/confirmation/confirmation-dialog.html","../../../../packages/masterteam/components/confirmation/masterteam-components-confirmation.ts"],"sourcesContent":["import { inject, Injectable, signal } from '@angular/core';\r\nimport {\r\n ConfirmationService as PNConfirmationService,\r\n Confirmation,\r\n} from 'primeng/api';\r\nimport { TranslocoService } from '@jsverse/transloco';\r\n\r\ninterface ButtonConfig {\r\n severity?: string | undefined;\r\n variant?: string | undefined;\r\n}\r\ninterface BaseConfirmationConfig extends Confirmation {\r\n draggable?: boolean;\r\n acceptButton?: ButtonConfig;\r\n rejectButton?: ButtonConfig;\r\n confirmationType?: string;\r\n}\r\n\r\ninterface DialogConfirmationConfig extends BaseConfirmationConfig {\r\n type?: 'dialog' | undefined;\r\n event?: Event;\r\n}\r\n\r\ninterface PopupConfirmationConfig extends BaseConfirmationConfig {\r\n type: 'popup';\r\n event: Event;\r\n}\r\n\r\nexport type ConfirmationConfig =\r\n | DialogConfirmationConfig\r\n | PopupConfirmationConfig;\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class ConfirmationService {\r\n private confirmationService = inject(PNConfirmationService);\r\n private transloco = inject(TranslocoService);\r\n private defaultConfig: ConfirmationConfig = {\r\n header: this.transloco.translate('components.confirmation.header'),\r\n message: this.transloco.translate('components.confirmation.message'),\r\n icon: 'alert.alert-triangle',\r\n acceptLabel: this.transloco.translate('components.confirmation.yes'),\r\n rejectLabel: this.transloco.translate('components.confirmation.cancel'),\r\n acceptButton: {\r\n severity: 'primary',\r\n variant: undefined,\r\n },\r\n rejectButton: {\r\n severity: 'secondary',\r\n variant: 'text',\r\n },\r\n position: 'center',\r\n type: 'dialog',\r\n closeOnEscape: true,\r\n dismissableMask: true,\r\n draggable: false,\r\n };\r\n popupKey = signal<string | undefined>('');\r\n private lastTarget: EventTarget | null = null;\r\n\r\n confirm(config: ConfirmationConfig): void {\r\n const currentTarget = config?.event?.currentTarget;\r\n this.popupKey.update((prev) => {\r\n if (config.type === 'popup') {\r\n if (this.lastTarget === currentTarget) {\r\n return prev || 'popup1';\r\n }\r\n return prev === 'popup1' ? 'popup2' : 'popup1';\r\n }\r\n return config.type;\r\n });\r\n\r\n this.lastTarget = currentTarget ?? null;\r\n this.confirmationService.close();\r\n const mergedConfig: Confirmation = {\r\n ...this.defaultConfig,\r\n ...config,\r\n target: currentTarget as EventTarget,\r\n key: this.popupKey(),\r\n };\r\n this.confirmationService.confirm(mergedConfig);\r\n }\r\n\r\n confirmDelete(config: ConfirmationConfig): void {\r\n this.confirm({\r\n message: this.transloco.translate(\r\n 'components.confirmation.deleteMessage',\r\n ),\r\n header: this.transloco.translate('components.confirmation.deleteHeader'),\r\n icon: 'general.trash-01',\r\n acceptLabel: this.transloco.translate('components.confirmation.delete'),\r\n rejectLabel: this.transloco.translate('components.confirmation.cancel'),\r\n acceptButton: {\r\n severity: 'danger',\r\n },\r\n ...config,\r\n });\r\n }\r\n}\r\n","import { Component } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ConfirmDialog } from 'primeng/confirmdialog';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { Icon } from '@masterteam/icons';\r\nimport { ConfirmPopup } from 'primeng/confirmpopup';\r\n\r\n@Component({\r\n selector: 'mt-confirmation-dialog',\r\n standalone: true,\r\n imports: [CommonModule, ConfirmDialog, Button, Icon, ConfirmPopup],\r\n templateUrl: './confirmation-dialog.html',\r\n styleUrl: './confirmation-dialog.scss',\r\n})\r\nexport class ConfirmationDialog {}\r\n","<ng-template #popupTemplate let-key=\"key\">\r\n <p-confirmpopup #cp [key]=\"key\">\r\n <ng-template #headless let-data>\r\n <div class=\"flex items-center gap-2 p-3 min-w-100\">\r\n <div class=\"text-3xl mb-2\">\r\n <mt-icon [icon]=\"data.icon\"></mt-icon>\r\n </div>\r\n <div>{{ data.message }}</div>\r\n </div>\r\n\r\n <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\r\n <mt-button\r\n [label]=\"data.acceptLabel\"\r\n [styleClass]=\"data.acceptButtonStyleClass\"\r\n [severity]=\"data.acceptButton.severity\"\r\n [variant]=\"data.acceptButton.variant\"\r\n size=\"small\"\r\n (onClick)=\"cp.onAccept()\"\r\n ></mt-button>\r\n <mt-button\r\n [label]=\"data.rejectLabel\"\r\n [severity]=\"data.rejectButton.severity\"\r\n [variant]=\"data.rejectButton.variant\"\r\n size=\"small\"\r\n (onClick)=\"cp.onReject()\"\r\n ></mt-button>\r\n </div>\r\n </ng-template>\r\n </p-confirmpopup>\r\n</ng-template>\r\n\r\n<ng-container\r\n *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\r\n></ng-container>\r\n<ng-container\r\n *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\r\n></ng-container>\r\n\r\n<p-confirmdialog [key]=\"'dialog'\">\r\n <ng-template\r\n #headless\r\n let-data\r\n let-onAccept=\"onAccept\"\r\n let-onReject=\"onReject\"\r\n >\r\n <div\r\n class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\r\n >\r\n <div class=\"text-xl font-semibold\">{{ data.header }}</div>\r\n <mt-button\r\n [icon]=\"'general.x-close'\"\r\n variant=\"text\"\r\n severity=\"secondary\"\r\n styleClass=\"text-8xl\"\r\n size=\"large\"\r\n (onClick)=\"onReject()\"\r\n ></mt-button>\r\n </div>\r\n\r\n <div class=\"flex items-center gap-2 p-4 min-w-100\">\r\n <div class=\"text-3xl mb-2\">\r\n <mt-icon [icon]=\"data.icon\"></mt-icon>\r\n </div>\r\n <div>{{ data.message }}</div>\r\n </div>\r\n\r\n <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\r\n <mt-button\r\n [label]=\"data.acceptLabel\"\r\n [styleClass]=\"data.acceptButtonStyleClass\"\r\n [severity]=\"data.acceptButton.severity\"\r\n [variant]=\"data.acceptButton.variant\"\r\n (onClick)=\"onAccept()\"\r\n ></mt-button>\r\n <mt-button\r\n [label]=\"data.rejectLabel\"\r\n [severity]=\"data.rejectButton.severity\"\r\n [variant]=\"data.rejectButton.variant\"\r\n (onClick)=\"onReject()\"\r\n ></mt-button>\r\n </div>\r\n </ng-template>\r\n</p-confirmdialog>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["PNConfirmationService"],"mappings":"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"}
@@ -1,94 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { input, signal, inject, effect, HostBinding, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
3
- import * as i1 from '@angular/forms';
4
- import { Validators, NgControl, FormsModule } from '@angular/forms';
5
- import * as i2 from 'primeng/datepicker';
6
- import { DatePickerModule } from 'primeng/datepicker';
7
- import { FieldValidation } from '@masterteam/components/field-validation';
8
- import { isInvalid } from '@masterteam/components';
9
- import { Icon } from '@masterteam/icons';
10
-
11
- class DateField {
12
- calendar;
13
- field = input(true, ...(ngDevMode ? [{ debugName: "field" }] : []));
14
- label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
15
- placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
16
- class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
17
- readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
18
- showIcon = input(true, ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
19
- showClear = input(false, ...(ngDevMode ? [{ debugName: "showClear" }] : []));
20
- showTime = input(false, ...(ngDevMode ? [{ debugName: "showTime" }] : []));
21
- pInputs = input(...(ngDevMode ? [undefined, { debugName: "pInputs" }] : []));
22
- required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
23
- rtl = signal(document.documentElement.dir === 'rtl', ...(ngDevMode ? [{ debugName: "rtl" }] : []));
24
- styleClass;
25
- requiredValidator = Validators.required;
26
- value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
27
- disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
28
- onTouched = () => { };
29
- onModelChange = () => { };
30
- ngControl = inject(NgControl, { self: true });
31
- isInvalid = isInvalid;
32
- constructor() {
33
- if (this.ngControl) {
34
- this.ngControl.valueAccessor = this;
35
- }
36
- effect(() => {
37
- if (this.ngControl.control && this.required()) {
38
- this.ngControl.control.addValidators(Validators.required);
39
- this.ngControl.control.updateValueAndValidity();
40
- }
41
- });
42
- }
43
- applyInputsToCalendar() {
44
- Object.assign(this.calendar, this.pInputs());
45
- }
46
- ngOnInit() {
47
- this.styleClass = this.class();
48
- if (this.pInputs()) {
49
- this.applyInputsToCalendar();
50
- }
51
- }
52
- onValueChange(value) {
53
- this.onModelChange(value);
54
- this.value.set(value);
55
- }
56
- ngOnChanges(changes) {
57
- if (changes['pInputs']) {
58
- this.applyInputsToCalendar();
59
- }
60
- }
61
- writeValue(value) {
62
- this.value.set(value);
63
- }
64
- registerOnChange(fn) {
65
- this.onModelChange = fn;
66
- }
67
- registerOnTouched(fn) {
68
- this.onTouched = fn;
69
- }
70
- setDisabledState(disabled) {
71
- this.disabled.set(disabled);
72
- }
73
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DateField, deps: [], target: i0.ɵɵFactoryTarget.Component });
74
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: DateField, isStandalone: true, selector: "mt-date-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, showTime: { classPropertyName: "showTime", publicName: "showTime", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\r\n <label\r\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n [for]=\"ngControl?.name || label()\"\r\n >{{ label() }}</label\r\n >\r\n}\r\n<p-datepicker\r\n #calendar\r\n [ngModel]=\"value()\"\r\n (ngModelChange)=\"onValueChange($event)\"\r\n (onBlur)=\"onTouched()\"\r\n [disabled]=\"disabled() || readonly()\"\r\n [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n [invalid]=\"isInvalid(ngControl?.control)\"\r\n [baseZIndex]=\"1051\"\r\n placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\r\n inputStyleClass=\"w-full\"\r\n [showIcon]=\"showIcon()\"\r\n [showClear]=\"showClear()\"\r\n [showTime]=\"showTime()\"\r\n dateFormat=\"dd/mm/yy\"\r\n appendTo=\"body\"\r\n>\r\n <ng-template #previousicon>\r\n <mt-icon\r\n [icon]=\"rtl() ? 'arrow.chevron-right' : 'arrow.chevron-left'\"\r\n class=\"text-2xl\"\r\n />\r\n </ng-template>\r\n <ng-template #nexticon>\r\n <mt-icon\r\n [icon]=\"rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\r\n class=\"text-2xl\"\r\n />\r\n </ng-template>\r\n</p-datepicker>\r\n\r\n<!-- <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation> -->\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
75
- }
76
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DateField, decorators: [{
77
- type: Component,
78
- args: [{ selector: 'mt-date-field', standalone: true, imports: [FormsModule, DatePickerModule, FieldValidation, Icon], changeDetection: ChangeDetectionStrategy.OnPush, host: {
79
- class: 'grid gap-1',
80
- }, template: "@if (label()) {\r\n <label\r\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n [for]=\"ngControl?.name || label()\"\r\n >{{ label() }}</label\r\n >\r\n}\r\n<p-datepicker\r\n #calendar\r\n [ngModel]=\"value()\"\r\n (ngModelChange)=\"onValueChange($event)\"\r\n (onBlur)=\"onTouched()\"\r\n [disabled]=\"disabled() || readonly()\"\r\n [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n [invalid]=\"isInvalid(ngControl?.control)\"\r\n [baseZIndex]=\"1051\"\r\n placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\r\n inputStyleClass=\"w-full\"\r\n [showIcon]=\"showIcon()\"\r\n [showClear]=\"showClear()\"\r\n [showTime]=\"showTime()\"\r\n dateFormat=\"dd/mm/yy\"\r\n appendTo=\"body\"\r\n>\r\n <ng-template #previousicon>\r\n <mt-icon\r\n [icon]=\"rtl() ? 'arrow.chevron-right' : 'arrow.chevron-left'\"\r\n class=\"text-2xl\"\r\n />\r\n </ng-template>\r\n <ng-template #nexticon>\r\n <mt-icon\r\n [icon]=\"rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\r\n class=\"text-2xl\"\r\n />\r\n </ng-template>\r\n</p-datepicker>\r\n\r\n<!-- <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation> -->\r\n" }]
81
- }], ctorParameters: () => [], propDecorators: { calendar: [{
82
- type: ViewChild,
83
- args: ['calendar', { static: true }]
84
- }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], showTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTime", required: false }] }], pInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputs", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], styleClass: [{
85
- type: HostBinding,
86
- args: ['class']
87
- }] } });
88
-
89
- /**
90
- * Generated bundle index. Do not edit.
91
- */
92
-
93
- export { DateField };
94
- //# sourceMappingURL=masterteam-components-date-field.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"masterteam-components-date-field.mjs","sources":["../../../../packages/masterteam/components/date-field/date-field.ts","../../../../packages/masterteam/components/date-field/date-field.html","../../../../packages/masterteam/components/date-field/masterteam-components-date-field.ts"],"sourcesContent":["import {\r\n Component,\r\n HostBinding,\r\n OnChanges,\r\n OnInit,\r\n SimpleChanges,\r\n ViewChild,\r\n signal,\r\n input,\r\n inject,\r\n ChangeDetectionStrategy,\r\n effect,\r\n} from '@angular/core';\r\nimport {\r\n ControlValueAccessor,\r\n FormsModule,\r\n NgControl,\r\n Validators,\r\n} from '@angular/forms';\r\nimport { DatePickerModule, DatePicker } from 'primeng/datepicker';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\nimport { Icon } from '@masterteam/icons';\r\n\r\n@Component({\r\n selector: 'mt-date-field',\r\n standalone: true,\r\n imports: [FormsModule, DatePickerModule, FieldValidation, Icon],\r\n templateUrl: './date-field.html',\r\n styleUrls: ['./date-field.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n class: 'grid gap-1',\r\n },\r\n})\r\nexport class DateField implements ControlValueAccessor, OnInit, OnChanges {\r\n @ViewChild('calendar', { static: true })\r\n calendar: DatePicker;\r\n\r\n readonly field = input<boolean>(true);\r\n readonly label = input<string>();\r\n readonly placeholder = input<string>();\r\n readonly class = input<string>('');\r\n readonly readonly = input<boolean>(false);\r\n readonly showIcon = input<boolean>(true);\r\n readonly showClear = input<boolean>(false);\r\n readonly showTime = input<boolean>(false);\r\n readonly pInputs = input<Partial<DatePicker>>();\r\n readonly required = input<boolean>(false);\r\n\r\n rtl = signal<boolean>(document.documentElement.dir === 'rtl');\r\n\r\n @HostBinding('class') styleClass: string;\r\n\r\n requiredValidator = Validators.required;\r\n value = signal<string | null>(null);\r\n disabled = signal<boolean>(false);\r\n\r\n onTouched: () => void = () => {};\r\n onModelChange: (value: string) => void = () => {};\r\n\r\n public ngControl = inject(NgControl, { self: true });\r\n\r\n isInvalid = isInvalid;\r\n\r\n constructor() {\r\n if (this.ngControl) {\r\n this.ngControl.valueAccessor = this;\r\n }\r\n effect(() => {\r\n if (this.ngControl.control && this.required()) {\r\n this.ngControl.control.addValidators(Validators.required);\r\n this.ngControl.control.updateValueAndValidity();\r\n }\r\n });\r\n }\r\n\r\n applyInputsToCalendar() {\r\n Object.assign(this.calendar, this.pInputs());\r\n }\r\n\r\n ngOnInit() {\r\n this.styleClass = this.class();\r\n if (this.pInputs()) {\r\n this.applyInputsToCalendar();\r\n }\r\n }\r\n onValueChange(value: string) {\r\n this.onModelChange(value);\r\n this.value.set(value);\r\n }\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes['pInputs']) {\r\n this.applyInputsToCalendar();\r\n }\r\n }\r\n\r\n writeValue(value: string) {\r\n this.value.set(value);\r\n }\r\n\r\n registerOnChange(fn: any) {\r\n this.onModelChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any) {\r\n this.onTouched = fn;\r\n }\r\n\r\n setDisabledState(disabled: boolean) {\r\n this.disabled.set(disabled);\r\n }\r\n}\r\n","@if (label()) {\r\n <label\r\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n [for]=\"ngControl?.name || label()\"\r\n >{{ label() }}</label\r\n >\r\n}\r\n<p-datepicker\r\n #calendar\r\n [ngModel]=\"value()\"\r\n (ngModelChange)=\"onValueChange($event)\"\r\n (onBlur)=\"onTouched()\"\r\n [disabled]=\"disabled() || readonly()\"\r\n [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n [invalid]=\"isInvalid(ngControl?.control)\"\r\n [baseZIndex]=\"1051\"\r\n placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\r\n inputStyleClass=\"w-full\"\r\n [showIcon]=\"showIcon()\"\r\n [showClear]=\"showClear()\"\r\n [showTime]=\"showTime()\"\r\n dateFormat=\"dd/mm/yy\"\r\n appendTo=\"body\"\r\n>\r\n <ng-template #previousicon>\r\n <mt-icon\r\n [icon]=\"rtl() ? 'arrow.chevron-right' : 'arrow.chevron-left'\"\r\n class=\"text-2xl\"\r\n />\r\n </ng-template>\r\n <ng-template #nexticon>\r\n <mt-icon\r\n [icon]=\"rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\r\n class=\"text-2xl\"\r\n />\r\n </ng-template>\r\n</p-datepicker>\r\n\r\n<!-- <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation> -->\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,33 +0,0 @@
1
- import { DialogService as DialogService$1 } from 'primeng/dynamicdialog';
2
- export { DynamicDialogConfig, DynamicDialogRef, DynamicDialogRef as ModalRef } from 'primeng/dynamicdialog';
3
- import * as i0 from '@angular/core';
4
- import { Injectable } from '@angular/core';
5
-
6
- class DialogService extends DialogService$1 {
7
- ref;
8
- open(component, config) {
9
- const defaultConfig = {
10
- closable: true,
11
- modal: true,
12
- };
13
- this.ref = super.open(component, {
14
- ...defaultConfig,
15
- ...config,
16
- styleClass: 'mt-dialog ' + config?.styleClass,
17
- });
18
- return this.ref;
19
- }
20
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DialogService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
21
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DialogService, providedIn: 'root' });
22
- }
23
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DialogService, decorators: [{
24
- type: Injectable,
25
- args: [{ providedIn: 'root' }]
26
- }] });
27
-
28
- /**
29
- * Generated bundle index. Do not edit.
30
- */
31
-
32
- export { DialogService };
33
- //# sourceMappingURL=masterteam-components-dialog.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"masterteam-components-dialog.mjs","sources":["../../../../packages/masterteam/components/dialog/dialog.ts","../../../../packages/masterteam/components/dialog/masterteam-components-dialog.ts"],"sourcesContent":["import {\r\n DialogService as PrimeNGDialogService,\r\n DynamicDialogConfig,\r\n DynamicDialogRef,\r\n} from 'primeng/dynamicdialog';\r\nimport { Injectable } from '@angular/core';\r\nexport {\r\n DynamicDialogConfig,\r\n DynamicDialogRef as ModalRef,\r\n} from 'primeng/dynamicdialog';\r\nexport { DynamicDialogRef } from 'primeng/dynamicdialog';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class DialogService extends PrimeNGDialogService {\r\n ref: DynamicDialogRef | undefined | null;\r\n\r\n override open(component: any, config?: DynamicDialogConfig) {\r\n const defaultConfig = {\r\n closable: true,\r\n modal: true,\r\n };\r\n this.ref = super.open(component, {\r\n ...defaultConfig,\r\n ...config,\r\n styleClass: 'mt-dialog ' + config?.styleClass,\r\n });\r\n return this.ref;\r\n }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["PrimeNGDialogService"],"mappings":";;;;;AAaM,MAAO,aAAc,SAAQA,eAAoB,CAAA;AACrD,IAAA,GAAG;IAEM,IAAI,CAAC,SAAc,EAAE,MAA4B,EAAA;AACxD,QAAA,MAAM,aAAa,GAAG;AACpB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,KAAK,EAAE,IAAI;SACZ;QACD,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;AAC/B,YAAA,GAAG,aAAa;AAChB,YAAA,GAAG,MAAM;AACT,YAAA,UAAU,EAAE,YAAY,GAAG,MAAM,EAAE,UAAU;AAC9C,SAAA,CAAC;QACF,OAAO,IAAI,CAAC,GAAG;IACjB;uGAdW,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAb,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,cADA,MAAM,EAAA,CAAA;;2FACnB,aAAa,EAAA,UAAA,EAAA,CAAA;kBADzB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACZlC;;AAEG;;;;"}
@@ -1,69 +0,0 @@
1
- import { Button } from '@masterteam/components/button';
2
- import * as i0 from '@angular/core';
3
- import { inject, model, output, input, computed, Component } from '@angular/core';
4
- import { DOCUMENT, CommonModule } from '@angular/common';
5
- import * as i1 from 'primeng/drawer';
6
- import { DrawerModule } from 'primeng/drawer';
7
- import * as i2 from 'primeng/skeleton';
8
- import { SkeletonModule } from 'primeng/skeleton';
9
-
10
- class Drawer {
11
- doc = inject(DOCUMENT);
12
- visible = model(false, ...(ngDevMode ? [{ debugName: "visible" }] : []));
13
- visibleChange = output();
14
- onShow = output();
15
- onHide = output();
16
- position = input('right', ...(ngDevMode ? [{ debugName: "position" }] : []));
17
- fullScreen = input(false, ...(ngDevMode ? [{ debugName: "fullScreen" }] : []));
18
- closeOnEscape = input(false, ...(ngDevMode ? [{ debugName: "closeOnEscape" }] : []));
19
- blockScroll = input(true, ...(ngDevMode ? [{ debugName: "blockScroll" }] : []));
20
- dismissible = input(true, ...(ngDevMode ? [{ debugName: "dismissible" }] : []));
21
- title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
22
- subtitle = input('', ...(ngDevMode ? [{ debugName: "subtitle" }] : []));
23
- loadingHeader = input(false, ...(ngDevMode ? [{ debugName: "loadingHeader" }] : []));
24
- styleClass = input('', ...(ngDevMode ? [{ debugName: "styleClass" }] : []));
25
- transitionOptions = input('200ms cubic-bezier(0, 0, 1, 1)', ...(ngDevMode ? [{ debugName: "transitionOptions" }] : []));
26
- appendTo = input('body', ...(ngDevMode ? [{ debugName: "appendTo" }] : []));
27
- modal = input(true, ...(ngDevMode ? [{ debugName: "modal" }] : []));
28
- resolvedAppendTo = computed(() => {
29
- this.visible();
30
- const appendTo = this.appendTo();
31
- if (!appendTo || appendTo === 'body') {
32
- return 'body';
33
- }
34
- if (typeof appendTo !== 'string') {
35
- return appendTo;
36
- }
37
- const selector = appendTo.startsWith('#') || appendTo.startsWith('.')
38
- ? appendTo
39
- : `#${appendTo}`;
40
- return this.doc.querySelector(selector) ?? 'body';
41
- }, ...(ngDevMode ? [{ debugName: "resolvedAppendTo" }] : []));
42
- visibleChangeEvent(event) {
43
- this.visibleChange.emit(event);
44
- }
45
- onClose() {
46
- this.visible.set(false);
47
- this.visibleChange.emit(false);
48
- this.onHide.emit(true);
49
- }
50
- onShowEvent() {
51
- this.onShow.emit(true);
52
- }
53
- onHideEvent() {
54
- this.onHide.emit(true);
55
- }
56
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Drawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
57
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Drawer, isStandalone: true, selector: "mt-drawer", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, blockScroll: { classPropertyName: "blockScroll", publicName: "blockScroll", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, loadingHeader: { classPropertyName: "loadingHeader", publicName: "loadingHeader", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", visibleChange: "visibleChange", onShow: "onShow", onHide: "onHide" }, ngImport: i0, template: "<p-drawer\r\n [(visible)]=\"visible\"\r\n [position]=\"position()\"\r\n [fullScreen]=\"fullScreen()\"\r\n [modal]=\"modal()\"\r\n [closable]=\"false\"\r\n [closeOnEscape]=\"closeOnEscape()\"\r\n [blockScroll]=\"blockScroll()\"\r\n [dismissible]=\"dismissible()\"\r\n [appendTo]=\"resolvedAppendTo()\"\r\n [transitionOptions]=\"transitionOptions()\"\r\n [styleClass]=\"styleClass() + ' mt-custom-drawer'\"\r\n (visibleChange)=\"visibleChangeEvent($event)\"\r\n (onShow)=\"onShowEvent()\"\r\n (onHide)=\"onHideEvent()\"\r\n>\r\n <ng-template #header>\r\n <div\r\n class=\"flex items-center justify-between px-5 w-full py-3 border-b border-surface\"\r\n >\r\n @if (loadingHeader()) {\r\n <div class=\"flex flex-1 flex-col gap-2\">\r\n <p-skeleton width=\"12rem\" height=\"1.75rem\" borderRadius=\"0.5rem\" />\r\n <p-skeleton width=\"8rem\" height=\"0.875rem\" borderRadius=\"0.5rem\" />\r\n </div>\r\n } @else {\r\n <div class=\"flex flex-1 flex-col\">\r\n <h3 class=\"text-xl font-semibold\" [innerHTML]=\"title()\"></h3>\r\n @if (subtitle()) {\r\n <p class=\"text-sm text-surface-500\" [innerHTML]=\"subtitle()\"></p>\r\n }\r\n </div>\r\n }\r\n <mt-button\r\n (onClick)=\"onClose()\"\r\n variant=\"outlined\"\r\n styleClass=\"!bg-white\"\r\n icon=\"general.x-close\"\r\n severity=\"secondary\"\r\n >\r\n </mt-button>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-content select=\"[content]\"></ng-content>\r\n\r\n <ng-template #footer>\r\n <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\r\n <ng-content select=\"[footer]\"></ng-content>\r\n </div>\r\n </ng-template>\r\n</p-drawer>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i1.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }] });
58
- }
59
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Drawer, decorators: [{
60
- type: Component,
61
- args: [{ selector: 'mt-drawer', standalone: true, imports: [CommonModule, DrawerModule, SkeletonModule, Button], template: "<p-drawer\r\n [(visible)]=\"visible\"\r\n [position]=\"position()\"\r\n [fullScreen]=\"fullScreen()\"\r\n [modal]=\"modal()\"\r\n [closable]=\"false\"\r\n [closeOnEscape]=\"closeOnEscape()\"\r\n [blockScroll]=\"blockScroll()\"\r\n [dismissible]=\"dismissible()\"\r\n [appendTo]=\"resolvedAppendTo()\"\r\n [transitionOptions]=\"transitionOptions()\"\r\n [styleClass]=\"styleClass() + ' mt-custom-drawer'\"\r\n (visibleChange)=\"visibleChangeEvent($event)\"\r\n (onShow)=\"onShowEvent()\"\r\n (onHide)=\"onHideEvent()\"\r\n>\r\n <ng-template #header>\r\n <div\r\n class=\"flex items-center justify-between px-5 w-full py-3 border-b border-surface\"\r\n >\r\n @if (loadingHeader()) {\r\n <div class=\"flex flex-1 flex-col gap-2\">\r\n <p-skeleton width=\"12rem\" height=\"1.75rem\" borderRadius=\"0.5rem\" />\r\n <p-skeleton width=\"8rem\" height=\"0.875rem\" borderRadius=\"0.5rem\" />\r\n </div>\r\n } @else {\r\n <div class=\"flex flex-1 flex-col\">\r\n <h3 class=\"text-xl font-semibold\" [innerHTML]=\"title()\"></h3>\r\n @if (subtitle()) {\r\n <p class=\"text-sm text-surface-500\" [innerHTML]=\"subtitle()\"></p>\r\n }\r\n </div>\r\n }\r\n <mt-button\r\n (onClick)=\"onClose()\"\r\n variant=\"outlined\"\r\n styleClass=\"!bg-white\"\r\n icon=\"general.x-close\"\r\n severity=\"secondary\"\r\n >\r\n </mt-button>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-content select=\"[content]\"></ng-content>\r\n\r\n <ng-template #footer>\r\n <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\r\n <ng-content select=\"[footer]\"></ng-content>\r\n </div>\r\n </ng-template>\r\n</p-drawer>\r\n" }]
62
- }], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], visibleChange: [{ type: i0.Output, args: ["visibleChange"] }], onShow: [{ type: i0.Output, args: ["onShow"] }], onHide: [{ type: i0.Output, args: ["onHide"] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], fullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullScreen", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], blockScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "blockScroll", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], loadingHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingHeader", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], transitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "transitionOptions", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }] } });
63
-
64
- /**
65
- * Generated bundle index. Do not edit.
66
- */
67
-
68
- export { Drawer };
69
- //# sourceMappingURL=masterteam-components-drawer.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"masterteam-components-drawer.mjs","sources":["../../../../packages/masterteam/components/drawer/drawer.ts","../../../../packages/masterteam/components/drawer/drawer.html","../../../../packages/masterteam/components/drawer/masterteam-components-drawer.ts"],"sourcesContent":["import { Button } from '@masterteam/components/button';\r\nimport {\r\n Component,\r\n computed,\r\n inject,\r\n input,\r\n output,\r\n model,\r\n} from '@angular/core';\r\nimport { CommonModule, DOCUMENT } from '@angular/common';\r\nimport { DrawerModule } from 'primeng/drawer';\r\nimport { SkeletonModule } from 'primeng/skeleton';\r\n\r\n@Component({\r\n selector: 'mt-drawer',\r\n standalone: true,\r\n imports: [CommonModule, DrawerModule, SkeletonModule, Button],\r\n templateUrl: './drawer.html',\r\n styleUrls: ['./drawer.scss'],\r\n})\r\nexport class Drawer {\r\n private readonly doc = inject(DOCUMENT);\r\n visible = model<boolean>(false);\r\n visibleChange = output<boolean>();\r\n onShow = output<boolean>();\r\n onHide = output<boolean>();\r\n position = input<'left' | 'right' | 'top' | 'bottom'>('right');\r\n fullScreen = input<boolean>(false);\r\n closeOnEscape = input<boolean>(false);\r\n blockScroll = input<boolean>(true);\r\n dismissible = input<boolean>(true);\r\n title = input<string>('');\r\n subtitle = input<string>('');\r\n loadingHeader = input<boolean>(false);\r\n styleClass = input<string>('');\r\n transitionOptions = input<string>('200ms cubic-bezier(0, 0, 1, 1)');\r\n appendTo = input<string | HTMLElement>('body');\r\n modal = input<boolean>(true);\r\n protected readonly resolvedAppendTo = computed(() => {\r\n this.visible();\r\n\r\n const appendTo = this.appendTo();\r\n\r\n if (!appendTo || appendTo === 'body') {\r\n return 'body';\r\n }\r\n\r\n if (typeof appendTo !== 'string') {\r\n return appendTo;\r\n }\r\n\r\n const selector =\r\n appendTo.startsWith('#') || appendTo.startsWith('.')\r\n ? appendTo\r\n : `#${appendTo}`;\r\n\r\n return (this.doc.querySelector(selector) as HTMLElement | null) ?? 'body';\r\n });\r\n\r\n visibleChangeEvent(event: boolean) {\r\n this.visibleChange.emit(event);\r\n }\r\n\r\n onClose() {\r\n this.visible.set(false);\r\n this.visibleChange.emit(false);\r\n this.onHide.emit(true);\r\n }\r\n onShowEvent() {\r\n this.onShow.emit(true);\r\n }\r\n onHideEvent() {\r\n this.onHide.emit(true);\r\n }\r\n}\r\n","<p-drawer\r\n [(visible)]=\"visible\"\r\n [position]=\"position()\"\r\n [fullScreen]=\"fullScreen()\"\r\n [modal]=\"modal()\"\r\n [closable]=\"false\"\r\n [closeOnEscape]=\"closeOnEscape()\"\r\n [blockScroll]=\"blockScroll()\"\r\n [dismissible]=\"dismissible()\"\r\n [appendTo]=\"resolvedAppendTo()\"\r\n [transitionOptions]=\"transitionOptions()\"\r\n [styleClass]=\"styleClass() + ' mt-custom-drawer'\"\r\n (visibleChange)=\"visibleChangeEvent($event)\"\r\n (onShow)=\"onShowEvent()\"\r\n (onHide)=\"onHideEvent()\"\r\n>\r\n <ng-template #header>\r\n <div\r\n class=\"flex items-center justify-between px-5 w-full py-3 border-b border-surface\"\r\n >\r\n @if (loadingHeader()) {\r\n <div class=\"flex flex-1 flex-col gap-2\">\r\n <p-skeleton width=\"12rem\" height=\"1.75rem\" borderRadius=\"0.5rem\" />\r\n <p-skeleton width=\"8rem\" height=\"0.875rem\" borderRadius=\"0.5rem\" />\r\n </div>\r\n } @else {\r\n <div class=\"flex flex-1 flex-col\">\r\n <h3 class=\"text-xl font-semibold\" [innerHTML]=\"title()\"></h3>\r\n @if (subtitle()) {\r\n <p class=\"text-sm text-surface-500\" [innerHTML]=\"subtitle()\"></p>\r\n }\r\n </div>\r\n }\r\n <mt-button\r\n (onClick)=\"onClose()\"\r\n variant=\"outlined\"\r\n styleClass=\"!bg-white\"\r\n icon=\"general.x-close\"\r\n severity=\"secondary\"\r\n >\r\n </mt-button>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-content select=\"[content]\"></ng-content>\r\n\r\n <ng-template #footer>\r\n <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\r\n <ng-content select=\"[footer]\"></ng-content>\r\n </div>\r\n </ng-template>\r\n</p-drawer>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,321 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { InjectionToken, signal, Injectable, model, computed, Injector, Input, Component, inject, ApplicationRef, EnvironmentInjector, DestroyRef, createComponent } from '@angular/core';
3
- import { NgComponentOutlet, DOCUMENT } from '@angular/common';
4
- import { DynamicDialogRef } from 'primeng/dynamicdialog';
5
- import * as i1 from 'primeng/drawer';
6
- import { DrawerModule } from 'primeng/drawer';
7
- import { Button } from '@masterteam/components/button';
8
-
9
- const DynamicDrawerConfig = new InjectionToken('DynamicDrawerConfig');
10
- /**
11
- * Controller to dynamically update drawer properties from inside the child component.
12
- * Inject this in your drawer content component to modify drawer behavior.
13
- */
14
- class DrawerController {
15
- _styleClass = signal('', ...(ngDevMode ? [{ debugName: "_styleClass" }] : []));
16
- _header = signal('', ...(ngDevMode ? [{ debugName: "_header" }] : []));
17
- _fullScreen = signal(undefined, ...(ngDevMode ? [{ debugName: "_fullScreen" }] : []));
18
- /** Get the current additional styleClass */
19
- get styleClass() {
20
- return this._styleClass;
21
- }
22
- /** Get the current header */
23
- get header() {
24
- return this._header;
25
- }
26
- /** Get the current fullScreen state */
27
- get fullScreen() {
28
- return this._fullScreen;
29
- }
30
- /** Add or replace the dynamic styleClass */
31
- setStyleClass(styleClass) {
32
- this._styleClass.set(styleClass);
33
- }
34
- /** Append a class to the existing styleClass */
35
- addClass(className) {
36
- const current = this._styleClass();
37
- if (!current.includes(className)) {
38
- this._styleClass.set((current + ' ' + className).trim());
39
- }
40
- }
41
- /** Remove a class from the styleClass */
42
- removeClass(className) {
43
- const current = this._styleClass();
44
- this._styleClass.set(current
45
- .split(' ')
46
- .filter((c) => c !== className)
47
- .join(' '));
48
- }
49
- /** Toggle a class on/off */
50
- toggleClass(className) {
51
- if (this._styleClass().includes(className)) {
52
- this.removeClass(className);
53
- }
54
- else {
55
- this.addClass(className);
56
- }
57
- }
58
- /** Update the drawer header */
59
- setHeader(header) {
60
- this._header.set(header);
61
- }
62
- /** Toggle fullScreen mode */
63
- setFullScreen(fullScreen) {
64
- this._fullScreen.set(fullScreen);
65
- }
66
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DrawerController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
67
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DrawerController });
68
- }
69
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DrawerController, decorators: [{
70
- type: Injectable
71
- }] });
72
- class DynamicDrawerHost {
73
- visible = model(false, ...(ngDevMode ? [{ debugName: "visible" }] : []));
74
- cmp = signal(null, ...(ngDevMode ? [{ debugName: "cmp" }] : []));
75
- cfg = signal({ position: 'right' }, ...(ngDevMode ? [{ debugName: "cfg" }] : []));
76
- cmpInputs = signal({}, ...(ngDevMode ? [{ debugName: "cmpInputs" }] : []));
77
- childInjector;
78
- ref;
79
- drawerController = new DrawerController();
80
- /** Computed styleClass combining config + dynamic controller class */
81
- computedStyleClass = computed(() => {
82
- const configClass = this.cfg()?.styleClass ?? '';
83
- const dynamicClass = this.drawerController.styleClass();
84
- return `${configClass} ${dynamicClass} mt-drawer`.trim();
85
- }, ...(ngDevMode ? [{ debugName: "computedStyleClass" }] : []));
86
- computedDrawerStyle = computed(() => {
87
- const appendTo = this.cfg()?.appendTo;
88
- if (!appendTo || appendTo === 'body') {
89
- return { position: 'fixed' };
90
- }
91
- return null;
92
- }, ...(ngDevMode ? [{ debugName: "computedDrawerStyle" }] : []));
93
- /** Computed header - controller overrides config if set */
94
- computedHeader = computed(() => {
95
- const dynamicHeader = this.drawerController.header();
96
- return dynamicHeader || this.cfg()?.header || '';
97
- }, ...(ngDevMode ? [{ debugName: "computedHeader" }] : []));
98
- /** Computed fullScreen - controller overrides config if set */
99
- computedFullScreen = computed(() => {
100
- const dynamicFullScreen = this.drawerController.fullScreen();
101
- return dynamicFullScreen !== undefined
102
- ? dynamicFullScreen
103
- : this.cfg()?.fullScreen;
104
- }, ...(ngDevMode ? [{ debugName: "computedFullScreen" }] : []));
105
- connect(opts) {
106
- this.cmp.set(opts.component);
107
- this.cfg.set(opts.config ?? {});
108
- this.cmpInputs.set(opts.config?.inputValues ?? {});
109
- this.ref = opts.ref;
110
- this.childInjector = Injector.create({
111
- parent: opts.parent,
112
- providers: [
113
- { provide: DynamicDrawerConfig, useValue: opts.config ?? {} },
114
- { provide: DynamicDialogRef, useValue: opts.ref },
115
- { provide: DrawerController, useValue: this.drawerController },
116
- ],
117
- });
118
- opts.ref.onClose.subscribe(() => {
119
- this.visible.set(false);
120
- });
121
- }
122
- show() {
123
- this.visible.set(true);
124
- }
125
- handleHide(data = null) {
126
- this.visible.set(false);
127
- this.ref?.close(data);
128
- }
129
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DynamicDrawerHost, deps: [], target: i0.ɵɵFactoryTarget.Component });
130
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: DynamicDrawerHost, isStandalone: true, selector: "mt-dynamic-drawer-host", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, connect: { classPropertyName: "connect", publicName: "connect", isSignal: false, isRequired: true, transformFunction: null } }, outputs: { visible: "visibleChange" }, ngImport: i0, template: `
131
- <p-drawer
132
- [(visible)]="visible"
133
- [appendTo]="'self'"
134
- [style]="computedDrawerStyle()"
135
- [closable]="cfg()?.closable"
136
- [position]="cfg()?.position"
137
- [fullScreen]="computedFullScreen()"
138
- [modal]="cfg()?.modal"
139
- [closeOnEscape]="cfg()?.closeOnEscape"
140
- [dismissible]="cfg()?.dismissible"
141
- [transitionOptions]="cfg()?.transitionOptions"
142
- [styleClass]="computedStyleClass()"
143
- >
144
- <ng-template #header>
145
- <div
146
- class="flex items-center justify-between px-5 w-full py-3 border-b border-surface"
147
- >
148
- <h3 class="text-xl font-semibold">{{ computedHeader() }}</h3>
149
- <mt-button
150
- (onClick)="handleHide()"
151
- variant="outlined"
152
- styleClass="!bg-white"
153
- icon="general.x-close"
154
- severity="secondary"
155
- >
156
- </mt-button>
157
- </div>
158
- </ng-template>
159
- @if (childInjector) {
160
- <ng-container
161
- *ngComponentOutlet="
162
- cmp();
163
- injector: childInjector;
164
- inputs: cmpInputs()
165
- "
166
- >
167
- </ng-container>
168
- }
169
- </p-drawer>
170
- `, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i1.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }] });
171
- }
172
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DynamicDrawerHost, decorators: [{
173
- type: Component,
174
- args: [{
175
- selector: 'mt-dynamic-drawer-host',
176
- standalone: true,
177
- imports: [NgComponentOutlet, DrawerModule, Button],
178
- template: `
179
- <p-drawer
180
- [(visible)]="visible"
181
- [appendTo]="'self'"
182
- [style]="computedDrawerStyle()"
183
- [closable]="cfg()?.closable"
184
- [position]="cfg()?.position"
185
- [fullScreen]="computedFullScreen()"
186
- [modal]="cfg()?.modal"
187
- [closeOnEscape]="cfg()?.closeOnEscape"
188
- [dismissible]="cfg()?.dismissible"
189
- [transitionOptions]="cfg()?.transitionOptions"
190
- [styleClass]="computedStyleClass()"
191
- >
192
- <ng-template #header>
193
- <div
194
- class="flex items-center justify-between px-5 w-full py-3 border-b border-surface"
195
- >
196
- <h3 class="text-xl font-semibold">{{ computedHeader() }}</h3>
197
- <mt-button
198
- (onClick)="handleHide()"
199
- variant="outlined"
200
- styleClass="!bg-white"
201
- icon="general.x-close"
202
- severity="secondary"
203
- >
204
- </mt-button>
205
- </div>
206
- </ng-template>
207
- @if (childInjector) {
208
- <ng-container
209
- *ngComponentOutlet="
210
- cmp();
211
- injector: childInjector;
212
- inputs: cmpInputs()
213
- "
214
- >
215
- </ng-container>
216
- }
217
- </p-drawer>
218
- `,
219
- }]
220
- }], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], connect: [{
221
- type: Input,
222
- args: [{ required: true }]
223
- }] } });
224
-
225
- // dynamic-drawer.service.ts
226
- class DrawerService {
227
- appRef = inject(ApplicationRef);
228
- env = inject(EnvironmentInjector);
229
- rootInjector = inject(Injector);
230
- destroyRef = inject(DestroyRef);
231
- doc = inject(DOCUMENT);
232
- hostRef;
233
- defauiltConfig = {
234
- position: 'right',
235
- modal: true,
236
- closable: false,
237
- transitionOptions: '200ms cubic-bezier(0, 0, 1, 1)',
238
- inputValues: {},
239
- };
240
- constructor() {
241
- this.preloadDrawerHost();
242
- }
243
- open(component, config = {}) {
244
- config = { ...this.defauiltConfig, ...config };
245
- const targetEl = this.resolveAppendTarget(config.appendTo);
246
- this.hostRef = createComponent(DynamicDrawerHost, {
247
- environmentInjector: this.env,
248
- });
249
- const ref = new DynamicDialogRef();
250
- this.hostRef.instance.connect({
251
- component,
252
- config,
253
- parent: this.rootInjector,
254
- ref,
255
- });
256
- this.appRef.attachView(this.hostRef.hostView);
257
- // 📌 append to target (NOT body when provided)
258
- targetEl.appendChild(this.hostRef.location.nativeElement);
259
- // 🧹 auto-clean if app destroyed (SSR / HMR safety)
260
- this.destroyRef.onDestroy(() => {
261
- this.appRef.detachView(this.hostRef.hostView);
262
- this.hostRef.destroy();
263
- this.hostRef = undefined;
264
- });
265
- const currentHostRef = this.hostRef;
266
- const openDrawer = () => {
267
- if (this.hostRef !== currentHostRef) {
268
- return;
269
- }
270
- currentHostRef.instance.show();
271
- };
272
- if (this.doc.defaultView?.requestAnimationFrame) {
273
- this.doc.defaultView.requestAnimationFrame(openDrawer);
274
- }
275
- else {
276
- setTimeout(openDrawer, 0);
277
- }
278
- return ref;
279
- }
280
- preloadDrawerHost() {
281
- const preloadHostRef = createComponent(DynamicDrawerHost, {
282
- environmentInjector: this.env,
283
- });
284
- const preloadElement = preloadHostRef.location.nativeElement;
285
- preloadElement.style.display = 'none';
286
- this.appRef.attachView(preloadHostRef.hostView);
287
- this.doc.body.appendChild(preloadElement);
288
- preloadHostRef.changeDetectorRef.detectChanges();
289
- this.appRef.detachView(preloadHostRef.hostView);
290
- preloadElement.remove();
291
- preloadHostRef.destroy();
292
- }
293
- resolveAppendTarget(appendTo) {
294
- if (!appendTo)
295
- return this.doc.body;
296
- if (typeof appendTo === 'string') {
297
- const selector = appendTo.startsWith('#') || appendTo.startsWith('.')
298
- ? appendTo
299
- : `#${appendTo}`;
300
- const el = this.doc.querySelector(selector);
301
- if (!el) {
302
- return this.doc.body;
303
- }
304
- return el;
305
- }
306
- return appendTo; // HTMLElement passed directly
307
- }
308
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
309
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DrawerService, providedIn: 'root' });
310
- }
311
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DrawerService, decorators: [{
312
- type: Injectable,
313
- args: [{ providedIn: 'root' }]
314
- }], ctorParameters: () => [] });
315
-
316
- /**
317
- * Generated bundle index. Do not edit.
318
- */
319
-
320
- export { DrawerController, DrawerService, DynamicDrawerConfig, DynamicDrawerHost };
321
- //# sourceMappingURL=masterteam-components-dynamic-drawer.mjs.map