@ngstarter-ui/components 1.0.21

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 (415) hide show
  1. package/README.md +0 -0
  2. package/fesm2022/ngstarter-ui-components-action-required.mjs +42 -0
  3. package/fesm2022/ngstarter-ui-components-action-required.mjs.map +1 -0
  4. package/fesm2022/ngstarter-ui-components-alert.mjs +132 -0
  5. package/fesm2022/ngstarter-ui-components-alert.mjs.map +1 -0
  6. package/fesm2022/ngstarter-ui-components-announcement.mjs +86 -0
  7. package/fesm2022/ngstarter-ui-components-announcement.mjs.map +1 -0
  8. package/fesm2022/ngstarter-ui-components-autocomplete.mjs +360 -0
  9. package/fesm2022/ngstarter-ui-components-autocomplete.mjs.map +1 -0
  10. package/fesm2022/ngstarter-ui-components-avatar.mjs +235 -0
  11. package/fesm2022/ngstarter-ui-components-avatar.mjs.map +1 -0
  12. package/fesm2022/ngstarter-ui-components-badge.mjs +97 -0
  13. package/fesm2022/ngstarter-ui-components-badge.mjs.map +1 -0
  14. package/fesm2022/ngstarter-ui-components-block-loader.mjs +48 -0
  15. package/fesm2022/ngstarter-ui-components-block-loader.mjs.map +1 -0
  16. package/fesm2022/ngstarter-ui-components-bottom-sheet.mjs +327 -0
  17. package/fesm2022/ngstarter-ui-components-bottom-sheet.mjs.map +1 -0
  18. package/fesm2022/ngstarter-ui-components-breadcrumbs.mjs +209 -0
  19. package/fesm2022/ngstarter-ui-components-breadcrumbs.mjs.map +1 -0
  20. package/fesm2022/ngstarter-ui-components-button-toggle.mjs +175 -0
  21. package/fesm2022/ngstarter-ui-components-button-toggle.mjs.map +1 -0
  22. package/fesm2022/ngstarter-ui-components-button.mjs +70 -0
  23. package/fesm2022/ngstarter-ui-components-button.mjs.map +1 -0
  24. package/fesm2022/ngstarter-ui-components-card-overlay.mjs +49 -0
  25. package/fesm2022/ngstarter-ui-components-card-overlay.mjs.map +1 -0
  26. package/fesm2022/ngstarter-ui-components-card.mjs +199 -0
  27. package/fesm2022/ngstarter-ui-components-card.mjs.map +1 -0
  28. package/fesm2022/ngstarter-ui-components-carousel.mjs +614 -0
  29. package/fesm2022/ngstarter-ui-components-carousel.mjs.map +1 -0
  30. package/fesm2022/ngstarter-ui-components-checkbox.mjs +300 -0
  31. package/fesm2022/ngstarter-ui-components-checkbox.mjs.map +1 -0
  32. package/fesm2022/ngstarter-ui-components-chips.mjs +589 -0
  33. package/fesm2022/ngstarter-ui-components-chips.mjs.map +1 -0
  34. package/fesm2022/ngstarter-ui-components-code-highlighter.mjs +347 -0
  35. package/fesm2022/ngstarter-ui-components-code-highlighter.mjs.map +1 -0
  36. package/fesm2022/ngstarter-ui-components-color-picker.mjs +713 -0
  37. package/fesm2022/ngstarter-ui-components-color-picker.mjs.map +1 -0
  38. package/fesm2022/ngstarter-ui-components-color-scheme.mjs +106 -0
  39. package/fesm2022/ngstarter-ui-components-color-scheme.mjs.map +1 -0
  40. package/fesm2022/ngstarter-ui-components-color-switcher.mjs +72 -0
  41. package/fesm2022/ngstarter-ui-components-color-switcher.mjs.map +1 -0
  42. package/fesm2022/ngstarter-ui-components-command-bar.mjs +57 -0
  43. package/fesm2022/ngstarter-ui-components-command-bar.mjs.map +1 -0
  44. package/fesm2022/ngstarter-ui-components-comment-editor.mjs +1024 -0
  45. package/fesm2022/ngstarter-ui-components-comment-editor.mjs.map +1 -0
  46. package/fesm2022/ngstarter-ui-components-comparison-slider.mjs +177 -0
  47. package/fesm2022/ngstarter-ui-components-comparison-slider.mjs.map +1 -0
  48. package/fesm2022/ngstarter-ui-components-confirm.mjs +85 -0
  49. package/fesm2022/ngstarter-ui-components-confirm.mjs.map +1 -0
  50. package/fesm2022/ngstarter-ui-components-content-editor-code-block.component-Bk6QTli8.mjs +173 -0
  51. package/fesm2022/ngstarter-ui-components-content-editor-code-block.component-Bk6QTli8.mjs.map +1 -0
  52. package/fesm2022/ngstarter-ui-components-content-editor-content-editor-content-editable.directive-Bvfa2dqh.mjs +124 -0
  53. package/fesm2022/ngstarter-ui-components-content-editor-content-editor-content-editable.directive-Bvfa2dqh.mjs.map +1 -0
  54. package/fesm2022/ngstarter-ui-components-content-editor-cursor-controller-4Ak8VqGX.mjs +99 -0
  55. package/fesm2022/ngstarter-ui-components-content-editor-cursor-controller-4Ak8VqGX.mjs.map +1 -0
  56. package/fesm2022/ngstarter-ui-components-content-editor-divider-block.component-C_iRTCPH.mjs +33 -0
  57. package/fesm2022/ngstarter-ui-components-content-editor-divider-block.component-C_iRTCPH.mjs.map +1 -0
  58. package/fesm2022/ngstarter-ui-components-content-editor-embed-block-BbkC_t86.mjs +354 -0
  59. package/fesm2022/ngstarter-ui-components-content-editor-embed-block-BbkC_t86.mjs.map +1 -0
  60. package/fesm2022/ngstarter-ui-components-content-editor-heading-block.component-D9_CxTY1.mjs +114 -0
  61. package/fesm2022/ngstarter-ui-components-content-editor-heading-block.component-D9_CxTY1.mjs.map +1 -0
  62. package/fesm2022/ngstarter-ui-components-content-editor-image-block.component-B4zJyUg1.mjs +146 -0
  63. package/fesm2022/ngstarter-ui-components-content-editor-image-block.component-B4zJyUg1.mjs.map +1 -0
  64. package/fesm2022/ngstarter-ui-components-content-editor-list-block.component-Cv6wx5Xe.mjs +215 -0
  65. package/fesm2022/ngstarter-ui-components-content-editor-list-block.component-Cv6wx5Xe.mjs.map +1 -0
  66. package/fesm2022/ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-1Zi2nAX5.mjs +2548 -0
  67. package/fesm2022/ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-1Zi2nAX5.mjs.map +1 -0
  68. package/fesm2022/ngstarter-ui-components-content-editor-paragraph-block.component-C9bQvDYU.mjs +110 -0
  69. package/fesm2022/ngstarter-ui-components-content-editor-paragraph-block.component-C9bQvDYU.mjs.map +1 -0
  70. package/fesm2022/ngstarter-ui-components-content-editor-quote-block.component-BbHds2r2.mjs +141 -0
  71. package/fesm2022/ngstarter-ui-components-content-editor-quote-block.component-BbHds2r2.mjs.map +1 -0
  72. package/fesm2022/ngstarter-ui-components-content-editor-table-block.component-DlDh7Fnn.mjs +1604 -0
  73. package/fesm2022/ngstarter-ui-components-content-editor-table-block.component-DlDh7Fnn.mjs.map +1 -0
  74. package/fesm2022/ngstarter-ui-components-content-editor-video-block.component-m4DTihP2.mjs +175 -0
  75. package/fesm2022/ngstarter-ui-components-content-editor-video-block.component-m4DTihP2.mjs.map +1 -0
  76. package/fesm2022/ngstarter-ui-components-content-editor.mjs +2 -0
  77. package/fesm2022/ngstarter-ui-components-content-editor.mjs.map +1 -0
  78. package/fesm2022/ngstarter-ui-components-content-fade.mjs +35 -0
  79. package/fesm2022/ngstarter-ui-components-content-fade.mjs.map +1 -0
  80. package/fesm2022/ngstarter-ui-components-cookie-popup.mjs +107 -0
  81. package/fesm2022/ngstarter-ui-components-cookie-popup.mjs.map +1 -0
  82. package/fesm2022/ngstarter-ui-components-core.mjs +1330 -0
  83. package/fesm2022/ngstarter-ui-components-core.mjs.map +1 -0
  84. package/fesm2022/ngstarter-ui-components-country-select.mjs +489 -0
  85. package/fesm2022/ngstarter-ui-components-country-select.mjs.map +1 -0
  86. package/fesm2022/ngstarter-ui-components-crop.mjs +183 -0
  87. package/fesm2022/ngstarter-ui-components-crop.mjs.map +1 -0
  88. package/fesm2022/ngstarter-ui-components-currency-select.mjs +397 -0
  89. package/fesm2022/ngstarter-ui-components-currency-select.mjs.map +1 -0
  90. package/fesm2022/ngstarter-ui-components-data-view.mjs +1494 -0
  91. package/fesm2022/ngstarter-ui-components-data-view.mjs.map +1 -0
  92. package/fesm2022/ngstarter-ui-components-date-format-select.mjs +154 -0
  93. package/fesm2022/ngstarter-ui-components-date-format-select.mjs.map +1 -0
  94. package/fesm2022/ngstarter-ui-components-datepicker.mjs +1159 -0
  95. package/fesm2022/ngstarter-ui-components-datepicker.mjs.map +1 -0
  96. package/fesm2022/ngstarter-ui-components-dialog.mjs +357 -0
  97. package/fesm2022/ngstarter-ui-components-dialog.mjs.map +1 -0
  98. package/fesm2022/ngstarter-ui-components-divider.mjs +42 -0
  99. package/fesm2022/ngstarter-ui-components-divider.mjs.map +1 -0
  100. package/fesm2022/ngstarter-ui-components-drawer.mjs +132 -0
  101. package/fesm2022/ngstarter-ui-components-drawer.mjs.map +1 -0
  102. package/fesm2022/ngstarter-ui-components-emoji-picker.mjs +245 -0
  103. package/fesm2022/ngstarter-ui-components-emoji-picker.mjs.map +1 -0
  104. package/fesm2022/ngstarter-ui-components-empty-state.mjs +75 -0
  105. package/fesm2022/ngstarter-ui-components-empty-state.mjs.map +1 -0
  106. package/fesm2022/ngstarter-ui-components-expand.mjs +56 -0
  107. package/fesm2022/ngstarter-ui-components-expand.mjs.map +1 -0
  108. package/fesm2022/ngstarter-ui-components-expansion.mjs +193 -0
  109. package/fesm2022/ngstarter-ui-components-expansion.mjs.map +1 -0
  110. package/fesm2022/ngstarter-ui-components-filter-builder.mjs +333 -0
  111. package/fesm2022/ngstarter-ui-components-filter-builder.mjs.map +1 -0
  112. package/fesm2022/ngstarter-ui-components-form-field.mjs +230 -0
  113. package/fesm2022/ngstarter-ui-components-form-field.mjs.map +1 -0
  114. package/fesm2022/ngstarter-ui-components-form-renderer-autocomplete-many-field-BKQVlZHV.mjs +124 -0
  115. package/fesm2022/ngstarter-ui-components-form-renderer-autocomplete-many-field-BKQVlZHV.mjs.map +1 -0
  116. package/fesm2022/ngstarter-ui-components-form-renderer-checkbox-field-CoyKdvhV.mjs +22 -0
  117. package/fesm2022/ngstarter-ui-components-form-renderer-checkbox-field-CoyKdvhV.mjs.map +1 -0
  118. package/fesm2022/ngstarter-ui-components-form-renderer-datepicker-field-Bzc0TPO9.mjs +44 -0
  119. package/fesm2022/ngstarter-ui-components-form-renderer-datepicker-field-Bzc0TPO9.mjs.map +1 -0
  120. package/fesm2022/ngstarter-ui-components-form-renderer-divider-content-CwGzDCZv.mjs +17 -0
  121. package/fesm2022/ngstarter-ui-components-form-renderer-divider-content-CwGzDCZv.mjs.map +1 -0
  122. package/fesm2022/ngstarter-ui-components-form-renderer-image-content-ICTwkZPa.mjs +17 -0
  123. package/fesm2022/ngstarter-ui-components-form-renderer-image-content-ICTwkZPa.mjs.map +1 -0
  124. package/fesm2022/ngstarter-ui-components-form-renderer-input-field-RYxi-Mpw.mjs +35 -0
  125. package/fesm2022/ngstarter-ui-components-form-renderer-input-field-RYxi-Mpw.mjs.map +1 -0
  126. package/fesm2022/ngstarter-ui-components-form-renderer-radio-group-field-Cv3AGpoq.mjs +38 -0
  127. package/fesm2022/ngstarter-ui-components-form-renderer-radio-group-field-Cv3AGpoq.mjs.map +1 -0
  128. package/fesm2022/ngstarter-ui-components-form-renderer-select-field-eLcwI-BY.mjs +39 -0
  129. package/fesm2022/ngstarter-ui-components-form-renderer-select-field-eLcwI-BY.mjs.map +1 -0
  130. package/fesm2022/ngstarter-ui-components-form-renderer-text-content-BjzH_M3-.mjs +24 -0
  131. package/fesm2022/ngstarter-ui-components-form-renderer-text-content-BjzH_M3-.mjs.map +1 -0
  132. package/fesm2022/ngstarter-ui-components-form-renderer-textarea-field-4zH7FTQ1.mjs +37 -0
  133. package/fesm2022/ngstarter-ui-components-form-renderer-textarea-field-4zH7FTQ1.mjs.map +1 -0
  134. package/fesm2022/ngstarter-ui-components-form-renderer-timezone-field-BpH65Hd-.mjs +35 -0
  135. package/fesm2022/ngstarter-ui-components-form-renderer-timezone-field-BpH65Hd-.mjs.map +1 -0
  136. package/fesm2022/ngstarter-ui-components-form-renderer-toggle-field-iyqUrWxt.mjs +22 -0
  137. package/fesm2022/ngstarter-ui-components-form-renderer-toggle-field-iyqUrWxt.mjs.map +1 -0
  138. package/fesm2022/ngstarter-ui-components-form-renderer.mjs +317 -0
  139. package/fesm2022/ngstarter-ui-components-form-renderer.mjs.map +1 -0
  140. package/fesm2022/ngstarter-ui-components-gauge.mjs +44 -0
  141. package/fesm2022/ngstarter-ui-components-gauge.mjs.map +1 -0
  142. package/fesm2022/ngstarter-ui-components-grid.mjs +78 -0
  143. package/fesm2022/ngstarter-ui-components-grid.mjs.map +1 -0
  144. package/fesm2022/ngstarter-ui-components-guided-tour.mjs +736 -0
  145. package/fesm2022/ngstarter-ui-components-guided-tour.mjs.map +1 -0
  146. package/fesm2022/ngstarter-ui-components-headless-stepper.mjs +192 -0
  147. package/fesm2022/ngstarter-ui-components-headless-stepper.mjs.map +1 -0
  148. package/fesm2022/ngstarter-ui-components-icon.mjs +61 -0
  149. package/fesm2022/ngstarter-ui-components-icon.mjs.map +1 -0
  150. package/fesm2022/ngstarter-ui-components-image-designer.mjs +4016 -0
  151. package/fesm2022/ngstarter-ui-components-image-designer.mjs.map +1 -0
  152. package/fesm2022/ngstarter-ui-components-image-placeholder.mjs +20 -0
  153. package/fesm2022/ngstarter-ui-components-image-placeholder.mjs.map +1 -0
  154. package/fesm2022/ngstarter-ui-components-image-resizer.mjs +151 -0
  155. package/fesm2022/ngstarter-ui-components-image-resizer.mjs.map +1 -0
  156. package/fesm2022/ngstarter-ui-components-image-viewer.mjs +349 -0
  157. package/fesm2022/ngstarter-ui-components-image-viewer.mjs.map +1 -0
  158. package/fesm2022/ngstarter-ui-components-image-zoom-viewer.mjs +162 -0
  159. package/fesm2022/ngstarter-ui-components-image-zoom-viewer.mjs.map +1 -0
  160. package/fesm2022/ngstarter-ui-components-incidents.mjs +257 -0
  161. package/fesm2022/ngstarter-ui-components-incidents.mjs.map +1 -0
  162. package/fesm2022/ngstarter-ui-components-inline-text-edit.mjs +179 -0
  163. package/fesm2022/ngstarter-ui-components-inline-text-edit.mjs.map +1 -0
  164. package/fesm2022/ngstarter-ui-components-input-mask.mjs +180 -0
  165. package/fesm2022/ngstarter-ui-components-input-mask.mjs.map +1 -0
  166. package/fesm2022/ngstarter-ui-components-input-validator.mjs +24 -0
  167. package/fesm2022/ngstarter-ui-components-input-validator.mjs.map +1 -0
  168. package/fesm2022/ngstarter-ui-components-input.mjs +152 -0
  169. package/fesm2022/ngstarter-ui-components-input.mjs.map +1 -0
  170. package/fesm2022/ngstarter-ui-components-kanban-board.mjs +156 -0
  171. package/fesm2022/ngstarter-ui-components-kanban-board.mjs.map +1 -0
  172. package/fesm2022/ngstarter-ui-components-kbd.mjs +31 -0
  173. package/fesm2022/ngstarter-ui-components-kbd.mjs.map +1 -0
  174. package/fesm2022/ngstarter-ui-components-layout.mjs +199 -0
  175. package/fesm2022/ngstarter-ui-components-layout.mjs.map +1 -0
  176. package/fesm2022/ngstarter-ui-components-list.mjs +279 -0
  177. package/fesm2022/ngstarter-ui-components-list.mjs.map +1 -0
  178. package/fesm2022/ngstarter-ui-components-logo.mjs +51 -0
  179. package/fesm2022/ngstarter-ui-components-logo.mjs.map +1 -0
  180. package/fesm2022/ngstarter-ui-components-marquee.mjs +76 -0
  181. package/fesm2022/ngstarter-ui-components-marquee.mjs.map +1 -0
  182. package/fesm2022/ngstarter-ui-components-menu.mjs +851 -0
  183. package/fesm2022/ngstarter-ui-components-menu.mjs.map +1 -0
  184. package/fesm2022/ngstarter-ui-components-micro-chart.mjs +928 -0
  185. package/fesm2022/ngstarter-ui-components-micro-chart.mjs.map +1 -0
  186. package/fesm2022/ngstarter-ui-components-navigation.mjs +439 -0
  187. package/fesm2022/ngstarter-ui-components-navigation.mjs.map +1 -0
  188. package/fesm2022/ngstarter-ui-components-notifications.mjs +181 -0
  189. package/fesm2022/ngstarter-ui-components-notifications.mjs.map +1 -0
  190. package/fesm2022/ngstarter-ui-components-number-input.mjs +293 -0
  191. package/fesm2022/ngstarter-ui-components-number-input.mjs.map +1 -0
  192. package/fesm2022/ngstarter-ui-components-option.mjs +157 -0
  193. package/fesm2022/ngstarter-ui-components-option.mjs.map +1 -0
  194. package/fesm2022/ngstarter-ui-components-overlay.mjs +112 -0
  195. package/fesm2022/ngstarter-ui-components-overlay.mjs.map +1 -0
  196. package/fesm2022/ngstarter-ui-components-page-loading-bar.mjs +77 -0
  197. package/fesm2022/ngstarter-ui-components-page-loading-bar.mjs.map +1 -0
  198. package/fesm2022/ngstarter-ui-components-paginator.mjs +297 -0
  199. package/fesm2022/ngstarter-ui-components-paginator.mjs.map +1 -0
  200. package/fesm2022/ngstarter-ui-components-panel.mjs +123 -0
  201. package/fesm2022/ngstarter-ui-components-panel.mjs.map +1 -0
  202. package/fesm2022/ngstarter-ui-components-password-strength.mjs +335 -0
  203. package/fesm2022/ngstarter-ui-components-password-strength.mjs.map +1 -0
  204. package/fesm2022/ngstarter-ui-components-phone-input.mjs +651 -0
  205. package/fesm2022/ngstarter-ui-components-phone-input.mjs.map +1 -0
  206. package/fesm2022/ngstarter-ui-components-pin-input.mjs +193 -0
  207. package/fesm2022/ngstarter-ui-components-pin-input.mjs.map +1 -0
  208. package/fesm2022/ngstarter-ui-components-popover.mjs +302 -0
  209. package/fesm2022/ngstarter-ui-components-popover.mjs.map +1 -0
  210. package/fesm2022/ngstarter-ui-components-progress-bar.mjs +68 -0
  211. package/fesm2022/ngstarter-ui-components-progress-bar.mjs.map +1 -0
  212. package/fesm2022/ngstarter-ui-components-radio-card.mjs +102 -0
  213. package/fesm2022/ngstarter-ui-components-radio-card.mjs.map +1 -0
  214. package/fesm2022/ngstarter-ui-components-radio.mjs +147 -0
  215. package/fesm2022/ngstarter-ui-components-radio.mjs.map +1 -0
  216. package/fesm2022/ngstarter-ui-components-rail-nav.mjs +87 -0
  217. package/fesm2022/ngstarter-ui-components-rail-nav.mjs.map +1 -0
  218. package/fesm2022/ngstarter-ui-components-resizable-container.mjs +74 -0
  219. package/fesm2022/ngstarter-ui-components-resizable-container.mjs.map +1 -0
  220. package/fesm2022/ngstarter-ui-components-screen-loader.mjs +95 -0
  221. package/fesm2022/ngstarter-ui-components-screen-loader.mjs.map +1 -0
  222. package/fesm2022/ngstarter-ui-components-scroll-spy.mjs +219 -0
  223. package/fesm2022/ngstarter-ui-components-scroll-spy.mjs.map +1 -0
  224. package/fesm2022/ngstarter-ui-components-scrollbar-area.mjs +459 -0
  225. package/fesm2022/ngstarter-ui-components-scrollbar-area.mjs.map +1 -0
  226. package/fesm2022/ngstarter-ui-components-segmented.mjs +218 -0
  227. package/fesm2022/ngstarter-ui-components-segmented.mjs.map +1 -0
  228. package/fesm2022/ngstarter-ui-components-select.mjs +496 -0
  229. package/fesm2022/ngstarter-ui-components-select.mjs.map +1 -0
  230. package/fesm2022/ngstarter-ui-components-side-panel.mjs +107 -0
  231. package/fesm2022/ngstarter-ui-components-side-panel.mjs.map +1 -0
  232. package/fesm2022/ngstarter-ui-components-sidebar.mjs +435 -0
  233. package/fesm2022/ngstarter-ui-components-sidebar.mjs.map +1 -0
  234. package/fesm2022/ngstarter-ui-components-sidenav.mjs +354 -0
  235. package/fesm2022/ngstarter-ui-components-sidenav.mjs.map +1 -0
  236. package/fesm2022/ngstarter-ui-components-signature-pad.mjs +452 -0
  237. package/fesm2022/ngstarter-ui-components-signature-pad.mjs.map +1 -0
  238. package/fesm2022/ngstarter-ui-components-skeleton.mjs +22 -0
  239. package/fesm2022/ngstarter-ui-components-skeleton.mjs.map +1 -0
  240. package/fesm2022/ngstarter-ui-components-slide-toggle.mjs +93 -0
  241. package/fesm2022/ngstarter-ui-components-slide-toggle.mjs.map +1 -0
  242. package/fesm2022/ngstarter-ui-components-slider.mjs +481 -0
  243. package/fesm2022/ngstarter-ui-components-slider.mjs.map +1 -0
  244. package/fesm2022/ngstarter-ui-components-snack-bar.mjs +354 -0
  245. package/fesm2022/ngstarter-ui-components-snack-bar.mjs.map +1 -0
  246. package/fesm2022/ngstarter-ui-components-sort.mjs +140 -0
  247. package/fesm2022/ngstarter-ui-components-sort.mjs.map +1 -0
  248. package/fesm2022/ngstarter-ui-components-spinner.mjs +75 -0
  249. package/fesm2022/ngstarter-ui-components-spinner.mjs.map +1 -0
  250. package/fesm2022/ngstarter-ui-components-splash-screen.mjs +93 -0
  251. package/fesm2022/ngstarter-ui-components-splash-screen.mjs.map +1 -0
  252. package/fesm2022/ngstarter-ui-components-split.mjs +948 -0
  253. package/fesm2022/ngstarter-ui-components-split.mjs.map +1 -0
  254. package/fesm2022/ngstarter-ui-components-stepper.mjs +103 -0
  255. package/fesm2022/ngstarter-ui-components-stepper.mjs.map +1 -0
  256. package/fesm2022/ngstarter-ui-components-suggestions.mjs +72 -0
  257. package/fesm2022/ngstarter-ui-components-suggestions.mjs.map +1 -0
  258. package/fesm2022/ngstarter-ui-components-tab-panel.mjs +265 -0
  259. package/fesm2022/ngstarter-ui-components-tab-panel.mjs.map +1 -0
  260. package/fesm2022/ngstarter-ui-components-table.mjs +648 -0
  261. package/fesm2022/ngstarter-ui-components-table.mjs.map +1 -0
  262. package/fesm2022/ngstarter-ui-components-tabs.mjs +591 -0
  263. package/fesm2022/ngstarter-ui-components-tabs.mjs.map +1 -0
  264. package/fesm2022/ngstarter-ui-components-text-editor.mjs +1012 -0
  265. package/fesm2022/ngstarter-ui-components-text-editor.mjs.map +1 -0
  266. package/fesm2022/ngstarter-ui-components-thumbnail-maker.mjs +212 -0
  267. package/fesm2022/ngstarter-ui-components-thumbnail-maker.mjs.map +1 -0
  268. package/fesm2022/ngstarter-ui-components-tiles.mjs +634 -0
  269. package/fesm2022/ngstarter-ui-components-tiles.mjs.map +1 -0
  270. package/fesm2022/ngstarter-ui-components-timeline.mjs +122 -0
  271. package/fesm2022/ngstarter-ui-components-timeline.mjs.map +1 -0
  272. package/fesm2022/ngstarter-ui-components-timepicker.mjs +486 -0
  273. package/fesm2022/ngstarter-ui-components-timepicker.mjs.map +1 -0
  274. package/fesm2022/ngstarter-ui-components-timezone-select.mjs +371 -0
  275. package/fesm2022/ngstarter-ui-components-timezone-select.mjs.map +1 -0
  276. package/fesm2022/ngstarter-ui-components-toolbar.mjs +299 -0
  277. package/fesm2022/ngstarter-ui-components-toolbar.mjs.map +1 -0
  278. package/fesm2022/ngstarter-ui-components-tooltip.mjs +506 -0
  279. package/fesm2022/ngstarter-ui-components-tooltip.mjs.map +1 -0
  280. package/fesm2022/ngstarter-ui-components-tree.mjs +200 -0
  281. package/fesm2022/ngstarter-ui-components-tree.mjs.map +1 -0
  282. package/fesm2022/ngstarter-ui-components-upload.mjs +330 -0
  283. package/fesm2022/ngstarter-ui-components-upload.mjs.map +1 -0
  284. package/fesm2022/ngstarter-ui-components-video-player.mjs +516 -0
  285. package/fesm2022/ngstarter-ui-components-video-player.mjs.map +1 -0
  286. package/fesm2022/ngstarter-ui-components-video-viewer.mjs +218 -0
  287. package/fesm2022/ngstarter-ui-components-video-viewer.mjs.map +1 -0
  288. package/fesm2022/ngstarter-ui-components-visual-builder.mjs +18 -0
  289. package/fesm2022/ngstarter-ui-components-visual-builder.mjs.map +1 -0
  290. package/fesm2022/ngstarter-ui-components.mjs +6 -0
  291. package/fesm2022/ngstarter-ui-components.mjs.map +1 -0
  292. package/package.json +535 -0
  293. package/styles/_common.scss +456 -0
  294. package/styles/_global.scss +91 -0
  295. package/styles/themes/default.scss +2 -0
  296. package/types/ngstarter-ui-components-action-required.d.ts +14 -0
  297. package/types/ngstarter-ui-components-alert.d.ts +50 -0
  298. package/types/ngstarter-ui-components-announcement.d.ts +59 -0
  299. package/types/ngstarter-ui-components-autocomplete.d.ts +83 -0
  300. package/types/ngstarter-ui-components-avatar.d.ts +69 -0
  301. package/types/ngstarter-ui-components-badge.d.ts +38 -0
  302. package/types/ngstarter-ui-components-block-loader.d.ts +21 -0
  303. package/types/ngstarter-ui-components-bottom-sheet.d.ts +149 -0
  304. package/types/ngstarter-ui-components-breadcrumbs.d.ts +104 -0
  305. package/types/ngstarter-ui-components-button-toggle.d.ts +54 -0
  306. package/types/ngstarter-ui-components-button.d.ts +27 -0
  307. package/types/ngstarter-ui-components-card-overlay.d.ts +20 -0
  308. package/types/ngstarter-ui-components-card.d.ts +85 -0
  309. package/types/ngstarter-ui-components-carousel.d.ts +76 -0
  310. package/types/ngstarter-ui-components-checkbox.d.ts +94 -0
  311. package/types/ngstarter-ui-components-chips.d.ts +189 -0
  312. package/types/ngstarter-ui-components-code-highlighter.d.ts +28 -0
  313. package/types/ngstarter-ui-components-color-picker.d.ts +92 -0
  314. package/types/ngstarter-ui-components-color-scheme.d.ts +44 -0
  315. package/types/ngstarter-ui-components-color-switcher.d.ts +26 -0
  316. package/types/ngstarter-ui-components-command-bar.d.ts +28 -0
  317. package/types/ngstarter-ui-components-comment-editor.d.ts +194 -0
  318. package/types/ngstarter-ui-components-comparison-slider.d.ts +42 -0
  319. package/types/ngstarter-ui-components-confirm.d.ts +34 -0
  320. package/types/ngstarter-ui-components-content-editor.d.ts +321 -0
  321. package/types/ngstarter-ui-components-content-fade.d.ts +17 -0
  322. package/types/ngstarter-ui-components-cookie-popup.d.ts +41 -0
  323. package/types/ngstarter-ui-components-core.d.ts +421 -0
  324. package/types/ngstarter-ui-components-country-select.d.ts +78 -0
  325. package/types/ngstarter-ui-components-crop.d.ts +59 -0
  326. package/types/ngstarter-ui-components-currency-select.d.ts +82 -0
  327. package/types/ngstarter-ui-components-data-view.d.ts +391 -0
  328. package/types/ngstarter-ui-components-date-format-select.d.ts +59 -0
  329. package/types/ngstarter-ui-components-datepicker.d.ts +384 -0
  330. package/types/ngstarter-ui-components-dialog.d.ts +115 -0
  331. package/types/ngstarter-ui-components-divider.d.ts +18 -0
  332. package/types/ngstarter-ui-components-drawer.d.ts +32 -0
  333. package/types/ngstarter-ui-components-emoji-picker.d.ts +49 -0
  334. package/types/ngstarter-ui-components-empty-state.d.ts +33 -0
  335. package/types/ngstarter-ui-components-expand.d.ts +26 -0
  336. package/types/ngstarter-ui-components-expansion.d.ts +68 -0
  337. package/types/ngstarter-ui-components-filter-builder.d.ts +106 -0
  338. package/types/ngstarter-ui-components-form-field.d.ts +107 -0
  339. package/types/ngstarter-ui-components-form-renderer.d.ts +121 -0
  340. package/types/ngstarter-ui-components-gauge.d.ts +21 -0
  341. package/types/ngstarter-ui-components-grid.d.ts +45 -0
  342. package/types/ngstarter-ui-components-guided-tour.d.ts +227 -0
  343. package/types/ngstarter-ui-components-headless-stepper.d.ts +65 -0
  344. package/types/ngstarter-ui-components-icon.d.ts +17 -0
  345. package/types/ngstarter-ui-components-image-designer.d.ts +357 -0
  346. package/types/ngstarter-ui-components-image-placeholder.d.ts +8 -0
  347. package/types/ngstarter-ui-components-image-resizer.d.ts +35 -0
  348. package/types/ngstarter-ui-components-image-viewer.d.ts +63 -0
  349. package/types/ngstarter-ui-components-image-zoom-viewer.d.ts +34 -0
  350. package/types/ngstarter-ui-components-incidents.d.ts +119 -0
  351. package/types/ngstarter-ui-components-inline-text-edit.d.ts +39 -0
  352. package/types/ngstarter-ui-components-input-mask.d.ts +36 -0
  353. package/types/ngstarter-ui-components-input-validator.d.ts +5 -0
  354. package/types/ngstarter-ui-components-input.d.ts +53 -0
  355. package/types/ngstarter-ui-components-kanban-board.d.ts +68 -0
  356. package/types/ngstarter-ui-components-kbd.d.ts +13 -0
  357. package/types/ngstarter-ui-components-layout.d.ts +83 -0
  358. package/types/ngstarter-ui-components-list.d.ts +98 -0
  359. package/types/ngstarter-ui-components-logo.d.ts +26 -0
  360. package/types/ngstarter-ui-components-marquee.d.ts +27 -0
  361. package/types/ngstarter-ui-components-menu.d.ts +199 -0
  362. package/types/ngstarter-ui-components-micro-chart.d.ts +195 -0
  363. package/types/ngstarter-ui-components-navigation.d.ts +136 -0
  364. package/types/ngstarter-ui-components-notifications.d.ts +84 -0
  365. package/types/ngstarter-ui-components-number-input.d.ts +99 -0
  366. package/types/ngstarter-ui-components-option.d.ts +61 -0
  367. package/types/ngstarter-ui-components-overlay.d.ts +12 -0
  368. package/types/ngstarter-ui-components-page-loading-bar.d.ts +20 -0
  369. package/types/ngstarter-ui-components-paginator.d.ts +145 -0
  370. package/types/ngstarter-ui-components-panel.d.ts +59 -0
  371. package/types/ngstarter-ui-components-password-strength.d.ts +109 -0
  372. package/types/ngstarter-ui-components-phone-input.d.ts +103 -0
  373. package/types/ngstarter-ui-components-pin-input.d.ts +48 -0
  374. package/types/ngstarter-ui-components-popover.d.ts +94 -0
  375. package/types/ngstarter-ui-components-progress-bar.d.ts +30 -0
  376. package/types/ngstarter-ui-components-radio-card.d.ts +37 -0
  377. package/types/ngstarter-ui-components-radio.d.ts +45 -0
  378. package/types/ngstarter-ui-components-rail-nav.d.ts +36 -0
  379. package/types/ngstarter-ui-components-resizable-container.d.ts +25 -0
  380. package/types/ngstarter-ui-components-screen-loader.d.ts +34 -0
  381. package/types/ngstarter-ui-components-scroll-spy.d.ts +63 -0
  382. package/types/ngstarter-ui-components-scrollbar-area.d.ts +67 -0
  383. package/types/ngstarter-ui-components-segmented.d.ts +65 -0
  384. package/types/ngstarter-ui-components-select.d.ts +126 -0
  385. package/types/ngstarter-ui-components-side-panel.d.ts +42 -0
  386. package/types/ngstarter-ui-components-sidebar.d.ts +143 -0
  387. package/types/ngstarter-ui-components-sidenav.d.ts +86 -0
  388. package/types/ngstarter-ui-components-signature-pad.d.ts +49 -0
  389. package/types/ngstarter-ui-components-skeleton.d.ts +9 -0
  390. package/types/ngstarter-ui-components-slide-toggle.d.ts +41 -0
  391. package/types/ngstarter-ui-components-slider.d.ts +85 -0
  392. package/types/ngstarter-ui-components-snack-bar.d.ts +142 -0
  393. package/types/ngstarter-ui-components-sort.d.ts +66 -0
  394. package/types/ngstarter-ui-components-spinner.d.ts +28 -0
  395. package/types/ngstarter-ui-components-splash-screen.d.ts +31 -0
  396. package/types/ngstarter-ui-components-split.d.ts +210 -0
  397. package/types/ngstarter-ui-components-stepper.d.ts +44 -0
  398. package/types/ngstarter-ui-components-suggestions.d.ts +32 -0
  399. package/types/ngstarter-ui-components-tab-panel.d.ts +96 -0
  400. package/types/ngstarter-ui-components-table.d.ts +277 -0
  401. package/types/ngstarter-ui-components-tabs.d.ts +145 -0
  402. package/types/ngstarter-ui-components-text-editor.d.ts +191 -0
  403. package/types/ngstarter-ui-components-thumbnail-maker.d.ts +35 -0
  404. package/types/ngstarter-ui-components-tiles.d.ts +109 -0
  405. package/types/ngstarter-ui-components-timeline.d.ts +57 -0
  406. package/types/ngstarter-ui-components-timepicker.d.ts +115 -0
  407. package/types/ngstarter-ui-components-timezone-select.d.ts +75 -0
  408. package/types/ngstarter-ui-components-toolbar.d.ts +74 -0
  409. package/types/ngstarter-ui-components-tooltip.d.ts +52 -0
  410. package/types/ngstarter-ui-components-tree.d.ts +60 -0
  411. package/types/ngstarter-ui-components-upload.d.ts +134 -0
  412. package/types/ngstarter-ui-components-video-player.d.ts +67 -0
  413. package/types/ngstarter-ui-components-video-viewer.d.ts +98 -0
  414. package/types/ngstarter-ui-components-visual-builder.d.ts +8 -0
  415. package/types/ngstarter-ui-components.d.ts +2 -0
@@ -0,0 +1,354 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Injectable, inject, DestroyRef, input, signal, Component } from '@angular/core';
3
+ import { C as ContentBuilderStore, a as CONTENT_BUILDER } from './ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-1Zi2nAX5.mjs';
4
+ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
5
+ import { Icon } from '@ngstarter-ui/components/icon';
6
+ import { Popover, PopoverTriggerForDirective } from '@ngstarter-ui/components/popover';
7
+ import { TabGroup, Tab } from '@ngstarter-ui/components/tabs';
8
+ import { Button } from '@ngstarter-ui/components/button';
9
+ import { Input } from '@ngstarter-ui/components/input';
10
+ import { FormField, Suffix } from '@ngstarter-ui/components/form-field';
11
+ import * as i1 from '@angular/forms';
12
+ import { FormBuilder, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
13
+ import { SafeResourceUrlPipe } from '@ngstarter-ui/components/core';
14
+
15
+ class EmbedService {
16
+ parse(rawUrl) {
17
+ const cleaned = (rawUrl || '').trim();
18
+ if (!cleaned) {
19
+ return { url: '', type: '' };
20
+ }
21
+ const withScheme = /^(https?:)?\/\//i.test(cleaned) ? cleaned : `https://${cleaned}`;
22
+ let u = null;
23
+ try {
24
+ u = new URL(withScheme);
25
+ }
26
+ catch {
27
+ return { url: cleaned, type: '' };
28
+ }
29
+ const host = u.hostname.toLowerCase();
30
+ const path = u.pathname.toLowerCase();
31
+ const href = u.toString();
32
+ if (path.endsWith('.pdf')) {
33
+ return { url: href, type: 'pdf' };
34
+ }
35
+ else if (host.includes('youtu.be') || host.includes('youtube.com')) {
36
+ return { url: this.toYoutubeEmbed(u), type: 'youtube' };
37
+ }
38
+ else if (host.includes('vimeo.com')) {
39
+ return { url: this.toVimeoEmbed(u), type: 'vimeo' };
40
+ }
41
+ else if (host.includes('spotify.com')) {
42
+ return { url: this.toSpotifyEmbed(u), type: 'spotify' };
43
+ }
44
+ else if (host.includes('maps.google.') || (host.includes('google.') && path.startsWith('/maps'))) {
45
+ return { url: this.toGoogleMapsEmbed(u), type: 'google-maps' };
46
+ }
47
+ else if (host.includes('docs.google.')) {
48
+ return { url: this.toGoogleDocsEmbed(u), type: 'google-docs' };
49
+ }
50
+ else if (host.includes('drive.google.')) {
51
+ return { url: this.toGoogleDriveEmbed(u), type: 'google-drive' };
52
+ }
53
+ else if (host.includes('codepen.io')) {
54
+ return { url: this.toCodepenEmbed(u), type: 'codepen' };
55
+ }
56
+ else if (host.includes('figma.com')) {
57
+ return { url: this.toFigmaEmbed(u), type: 'figma' };
58
+ }
59
+ else if (host.includes('loom.com')) {
60
+ return { url: this.toLoomEmbed(u), type: 'loom' };
61
+ }
62
+ else if (host.includes('twitter.com') || host === 'x.com' || host.endsWith('.x.com')) {
63
+ return { url: this.toTwitterEmbed(u), type: 'twitter' };
64
+ }
65
+ else if (host.includes('instagram.com')) {
66
+ return { url: this.toInstagramEmbed(u), type: 'instagram' };
67
+ }
68
+ else if (host.includes('tiktok.com')) {
69
+ return { url: this.toTiktokEmbed(u), type: 'tiktok' };
70
+ }
71
+ else if (host.includes('soundcloud.com')) {
72
+ return { url: this.toSoundcloudEmbed(u), type: 'soundcloud' };
73
+ }
74
+ else if (host.includes('stackblitz.com')) {
75
+ return { url: this.toStackblitzEmbed(u), type: 'stackblitz' };
76
+ }
77
+ else if (host.includes('gist.github.com')) {
78
+ return { url: href, type: 'gist' };
79
+ }
80
+ else {
81
+ return { url: href, type: 'website' };
82
+ }
83
+ }
84
+ // ==== Provider transformers ====
85
+ toYoutubeEmbed(u) {
86
+ // Already embed
87
+ if (/^\/embed\//.test(u.pathname)) {
88
+ return `https://www.youtube.com${u.pathname}${u.search}`;
89
+ }
90
+ const host = u.hostname.toLowerCase();
91
+ let id = '';
92
+ let start = '';
93
+ if (host.includes('youtu.be')) {
94
+ id = u.pathname.split('/').filter(Boolean)[0] || '';
95
+ // t or start
96
+ start = this.extractYouTubeStart(u.searchParams);
97
+ }
98
+ else {
99
+ // youtube.com variants
100
+ if (u.searchParams.get('v')) {
101
+ id = u.searchParams.get('v') || '';
102
+ start = this.extractYouTubeStart(u.searchParams);
103
+ }
104
+ else if (u.pathname.startsWith('/shorts/')) {
105
+ id = u.pathname.split('/')[2] || '';
106
+ }
107
+ else if (u.pathname.startsWith('/live/')) {
108
+ id = u.pathname.split('/')[2] || '';
109
+ }
110
+ }
111
+ const qs = start ? `?start=${start}` : '';
112
+ return id ? `https://www.youtube.com/embed/${id}${qs}` : u.toString();
113
+ }
114
+ extractYouTubeStart(params) {
115
+ const t = params.get('t') || params.get('start') || '';
116
+ if (!t)
117
+ return '';
118
+ // t can be in format 1h2m3s or 90 or 1m30s
119
+ const total = this.parseTimeToSeconds(t);
120
+ return total ? String(total) : '';
121
+ }
122
+ parseTimeToSeconds(t) {
123
+ if (/^\d+$/.test(t))
124
+ return parseInt(t, 10);
125
+ const re = /(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?/i;
126
+ const m = t.match(re);
127
+ if (!m)
128
+ return 0;
129
+ const h = parseInt(m[1] || '0', 10);
130
+ const mnt = parseInt(m[2] || '0', 10);
131
+ const s = parseInt(m[3] || '0', 10);
132
+ return h * 3600 + mnt * 60 + s;
133
+ }
134
+ toVimeoEmbed(u) {
135
+ // extract last numeric id
136
+ const parts = u.pathname.split('/').filter(Boolean);
137
+ const last = parts[parts.length - 1] || '';
138
+ const id = /^(\d+)$/.test(last) ? last : (parts.includes('videos') ? parts[parts.indexOf('videos') + 1] : '');
139
+ return id ? `https://player.vimeo.com/video/${id}` : u.toString();
140
+ }
141
+ toSpotifyEmbed(u) {
142
+ const parts = u.pathname.split('/').filter(Boolean);
143
+ if (parts[0] === 'embed')
144
+ return u.toString();
145
+ // /{type}/{id}
146
+ if (parts.length >= 2) {
147
+ const type = parts[0];
148
+ const id = parts[1];
149
+ return `https://open.spotify.com/embed/${type}/${id}`;
150
+ }
151
+ return u.toString();
152
+ }
153
+ toGoogleMapsEmbed(u) {
154
+ const p = u.pathname;
155
+ if (p.includes('/maps/embed') || u.searchParams.get('output') === 'embed') {
156
+ return u.toString();
157
+ }
158
+ // Best-effort wrap original URL as query for embed
159
+ return `https://www.google.com/maps?output=embed&q=${encodeURIComponent(u.toString())}`;
160
+ }
161
+ toGoogleDocsEmbed(u) {
162
+ // document, presentation, spreadsheets, forms
163
+ const parts = u.pathname.split('/').filter(Boolean);
164
+ if (parts.length >= 3) {
165
+ const product = parts[0]; // document|presentation|spreadsheets|forms
166
+ const kind = parts[1]; // usually 'd'
167
+ const id = parts[2];
168
+ if (product === 'document') {
169
+ return `https://docs.google.com/document/d/${id}/preview`;
170
+ }
171
+ if (product === 'presentation') {
172
+ return `https://docs.google.com/presentation/d/${id}/embed`;
173
+ }
174
+ if (product === 'spreadsheets') {
175
+ return `https://docs.google.com/spreadsheets/d/${id}/preview`;
176
+ }
177
+ if (product === 'forms') {
178
+ return `https://docs.google.com/forms/d/${id}/viewform?embedded=true`;
179
+ }
180
+ }
181
+ return u.toString();
182
+ }
183
+ toGoogleDriveEmbed(u) {
184
+ // /file/d/{id}/view -> /file/d/{id}/preview
185
+ const parts = u.pathname.split('/').filter(Boolean);
186
+ const idx = parts.indexOf('d');
187
+ if (parts[0] === 'file' && idx >= 0 && parts[idx + 1]) {
188
+ const id = parts[idx + 1];
189
+ return `https://drive.google.com/file/d/${id}/preview`;
190
+ }
191
+ // open?id=... -> uc?export=preview&id=...
192
+ const openId = u.searchParams.get('id');
193
+ if (openId) {
194
+ return `https://drive.google.com/uc?export=preview&id=${encodeURIComponent(openId)}`;
195
+ }
196
+ return u.toString();
197
+ }
198
+ toCodepenEmbed(u) {
199
+ const parts = u.pathname.split('/').filter(Boolean);
200
+ const user = parts[0];
201
+ const mode = parts[1]; // pen|full|details|embed
202
+ const id = parts[2];
203
+ if (mode === 'embed')
204
+ return u.toString();
205
+ if (user && id) {
206
+ return `https://codepen.io/${user}/embed/${id}`;
207
+ }
208
+ return u.toString();
209
+ }
210
+ toFigmaEmbed(u) {
211
+ return `https://www.figma.com/embed?embed_host=share&url=${encodeURIComponent(u.toString())}`;
212
+ }
213
+ toLoomEmbed(u) {
214
+ const parts = u.pathname.split('/').filter(Boolean);
215
+ if (parts[0] === 'embed')
216
+ return u.toString();
217
+ // /share/{id}
218
+ if (parts[0] === 'share' && parts[1]) {
219
+ return `https://www.loom.com/embed/${parts[1]}`;
220
+ }
221
+ return u.toString();
222
+ }
223
+ toTwitterEmbed(u) {
224
+ // Use twitframe to get an embeddable iframe
225
+ return `https://twitframe.com/show?url=${encodeURIComponent(u.toString())}`;
226
+ }
227
+ toInstagramEmbed(u) {
228
+ // Append /embed to post/reel URLs
229
+ let p = u.pathname;
230
+ if (!p.endsWith('/'))
231
+ p += '/';
232
+ if (!p.endsWith('embed/')) {
233
+ p += 'embed/';
234
+ }
235
+ return `${u.protocol}//${u.host}${p}`;
236
+ }
237
+ toTiktokEmbed(u) {
238
+ // Expect /@user/video/{id}
239
+ const parts = u.pathname.split('/').filter(Boolean);
240
+ const idx = parts.indexOf('video');
241
+ if (idx >= 0 && parts[idx + 1]) {
242
+ const id = parts[idx + 1];
243
+ return `https://www.tiktok.com/embed/v2/${id}`;
244
+ }
245
+ return u.toString();
246
+ }
247
+ toSoundcloudEmbed(u) {
248
+ return `https://w.soundcloud.com/player/?url=${encodeURIComponent(u.toString())}`;
249
+ }
250
+ toStackblitzEmbed(u) {
251
+ // Ensure we have the embed parameter for StackBlitz iframe
252
+ const url = new URL(u.toString());
253
+ if (url.searchParams.get('embed') !== '1') {
254
+ url.searchParams.set('embed', '1');
255
+ }
256
+ // Keep other parameters like file, terminal, ctl, hideExplorer if provided by user
257
+ return url.toString();
258
+ }
259
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: EmbedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
260
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: EmbedService });
261
+ }
262
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: EmbedService, decorators: [{
263
+ type: Injectable
264
+ }] });
265
+
266
+ class EmbedBlock {
267
+ store = inject(ContentBuilderStore);
268
+ contentBuilder = inject(CONTENT_BUILDER);
269
+ destroyRef = inject(DestroyRef);
270
+ formBuilder = inject(FormBuilder);
271
+ embedService = inject(EmbedService);
272
+ id = input.required(...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
273
+ content = input.required(...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
274
+ settings = input.required(...(ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []));
275
+ props = input([], ...(ngDevMode ? [{ debugName: "props" }] : /* istanbul ignore next */ []));
276
+ index = input.required(...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
277
+ embedUrlValidator = (control) => {
278
+ const value = (control.value ?? '').toString();
279
+ if (!value.trim()) {
280
+ return null;
281
+ }
282
+ const { type } = this.embedService.parse(value);
283
+ if (!type || type === 'website') {
284
+ return { embedUrl: true };
285
+ }
286
+ return null;
287
+ };
288
+ form = this.formBuilder.nonNullable.group({
289
+ url: ['', [Validators.required, this.embedUrlValidator]],
290
+ });
291
+ _content = signal({
292
+ url: '',
293
+ type: ''
294
+ }, ...(ngDevMode ? [{ debugName: "_content" }] : /* istanbul ignore next */ []));
295
+ _settings = signal({
296
+ width: null,
297
+ height: null
298
+ }, ...(ngDevMode ? [{ debugName: "_settings" }] : /* istanbul ignore next */ []));
299
+ _props = signal([], ...(ngDevMode ? [{ debugName: "_props" }] : /* istanbul ignore next */ []));
300
+ initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
301
+ ngOnInit() {
302
+ this._content.set(this.content());
303
+ this._settings.set(this.settings());
304
+ this._props.set(this.props());
305
+ this.contentBuilder
306
+ .focusChanged
307
+ .pipe(takeUntilDestroyed(this.destroyRef))
308
+ .subscribe(() => {
309
+ if (this.store.focusedBlockId() === this.id()) {
310
+ }
311
+ });
312
+ }
313
+ getData() {
314
+ return {
315
+ content: this._content(),
316
+ props: this._props(),
317
+ settings: this._settings()
318
+ };
319
+ }
320
+ isEmpty() {
321
+ return this.getData().content.url === '' && this.getData().content.type === '';
322
+ }
323
+ embed(trigger) {
324
+ this._content.set(this.embedService.parse(this.form.value.url || ''));
325
+ trigger.api.close();
326
+ this.store.updateBlock(this.id(), { ...this.getData(), isEmpty: this.isEmpty() });
327
+ this.contentBuilder.emitContentChangeEvent();
328
+ }
329
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: EmbedBlock, deps: [], target: i0.ɵɵFactoryTarget.Component });
330
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: EmbedBlock, isStandalone: true, selector: "app-embed-block", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: true, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.is-empty": "isEmpty()" }, classAttribute: "ngs-embed-block" }, providers: [EmbedService], ngImport: i0, template: "@if (isEmpty()) {\n <div class=\"bg-surface-container-low cursor-pointer hover:bg-surface-container p-4 rounded-2xl flex items-center gap-3\"\n #trigger=\"ngsPopoverTriggerFor\"\n [ngsPopoverTriggerFor]=\"addPopover\" position=\"below-center\" trigger=\"click\" hasBackdrop>\n <ngs-icon name=\"fluent:globe-24-regular\"/>\n <div class=\"text-sm\">Embed anything (PDFs, Google Docs, Google Maps, Spotify\u2026)</div>\n </div>\n <ngs-popover #addPopover>\n <div class=\"w-[400px] overflow-hidden\">\n <ngs-tab-group>\n <ngs-tab label=\"Embed\">\n <div class=\"p-4\">\n <ngs-form-field class=\"w-full\">\n <input ngsInput [formControl]=\"form.controls.url\" placeholder=\"Paste in https://...\">\n <div ngsSuffix class=\"pe-2\">\n <button ngsButton=\"filled\" type=\"button\" [disabled]=\"form.invalid\" (click)=\"embed(trigger)\">Embed</button>\n </div>\n </ngs-form-field>\n <p class=\"text-xs text-center\">Works with links of PDFs, Google Drive, Google Maps, CodePen\u2026</p>\n </div>\n </ngs-tab>\n <ngs-tab label=\"Upload\">\n <div class=\"p-4\">\n <div>\n <button ngsButton=\"filled\" class=\"w-full\">Upload</button>\n </div>\n <p class=\"text-xs text-center mt-4\">Upload a file from your computer.</p>\n </div>\n </ngs-tab>\n </ngs-tab-group>\n </div>\n </ngs-popover>\n} @else {\n <div class=\"w-full bg-surface-container-low w-[700px] h-[400px]\">\n <iframe width=\"100%\" height=\"100%\" [src]=\"_content().url | safeResourceUrl\" frameborder=\"0\" allowfullscreen></iframe>\n </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }, { kind: "component", type: Popover, selector: "ngs-popover", exportAs: ["ngsPopover"] }, { kind: "directive", type: PopoverTriggerForDirective, selector: "[ngsPopoverTriggerFor]", inputs: ["ngsPopoverTriggerFor", "ngsPopoverContext", "trigger", "position", "delay", "origin", "closeOnOriginClick", "closeOnOriginMouseLeave", "hasBackdrop"], outputs: ["opened", "closed"], exportAs: ["ngsPopoverTriggerFor"] }, { kind: "component", type: TabGroup, selector: "ngs-tab-group", inputs: ["selectedIndex", "headerPosition", "preserveContent", "ngs-stretch-tabs", "ngs-align-tabs", "disableRipple", "animationDuration", "animate.enter", "animate.leave"], outputs: ["selectedIndexChange", "selectedTabChange", "focusChange"] }, { kind: "component", type: Tab, selector: "ngs-tab", inputs: ["label", "aria-label", "aria-labelledby", "disabled"], exportAs: ["ngsTab"] }, { kind: "component", type: Button, selector: " button[ngsButton], button[ngsIconButton], a[ngsButton], a[ngsIconButton] ", inputs: ["ngsButton", "ngsIconButton", "loading", "disabled", "disabledInteractive", "disableRipple", "reverse", "fullWidth", "hideTextOnMobile"], exportAs: ["ngsButton"] }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty"], exportAs: ["ngsFormField"] }, { kind: "directive", type: Input, selector: "input[ngsInput], textarea[ngsInput]", inputs: ["id", "placeholder", "required", "disabled", "readonly", "errorStateMatcher"], exportAs: ["ngsInput"] }, { kind: "directive", type: Suffix, selector: "[ngsSuffix]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: SafeResourceUrlPipe, name: "safeResourceUrl" }] });
331
+ }
332
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: EmbedBlock, decorators: [{
333
+ type: Component,
334
+ args: [{ selector: 'app-embed-block', imports: [
335
+ Icon,
336
+ Popover,
337
+ PopoverTriggerForDirective,
338
+ TabGroup,
339
+ Tab,
340
+ Button,
341
+ FormField,
342
+ Input,
343
+ Suffix,
344
+ FormsModule,
345
+ ReactiveFormsModule,
346
+ SafeResourceUrlPipe
347
+ ], providers: [EmbedService], host: {
348
+ 'class': 'ngs-embed-block',
349
+ '[class.is-empty]': 'isEmpty()'
350
+ }, template: "@if (isEmpty()) {\n <div class=\"bg-surface-container-low cursor-pointer hover:bg-surface-container p-4 rounded-2xl flex items-center gap-3\"\n #trigger=\"ngsPopoverTriggerFor\"\n [ngsPopoverTriggerFor]=\"addPopover\" position=\"below-center\" trigger=\"click\" hasBackdrop>\n <ngs-icon name=\"fluent:globe-24-regular\"/>\n <div class=\"text-sm\">Embed anything (PDFs, Google Docs, Google Maps, Spotify\u2026)</div>\n </div>\n <ngs-popover #addPopover>\n <div class=\"w-[400px] overflow-hidden\">\n <ngs-tab-group>\n <ngs-tab label=\"Embed\">\n <div class=\"p-4\">\n <ngs-form-field class=\"w-full\">\n <input ngsInput [formControl]=\"form.controls.url\" placeholder=\"Paste in https://...\">\n <div ngsSuffix class=\"pe-2\">\n <button ngsButton=\"filled\" type=\"button\" [disabled]=\"form.invalid\" (click)=\"embed(trigger)\">Embed</button>\n </div>\n </ngs-form-field>\n <p class=\"text-xs text-center\">Works with links of PDFs, Google Drive, Google Maps, CodePen\u2026</p>\n </div>\n </ngs-tab>\n <ngs-tab label=\"Upload\">\n <div class=\"p-4\">\n <div>\n <button ngsButton=\"filled\" class=\"w-full\">Upload</button>\n </div>\n <p class=\"text-xs text-center mt-4\">Upload a file from your computer.</p>\n </div>\n </ngs-tab>\n </ngs-tab-group>\n </div>\n </ngs-popover>\n} @else {\n <div class=\"w-full bg-surface-container-low w-[700px] h-[400px]\">\n <iframe width=\"100%\" height=\"100%\" [src]=\"_content().url | safeResourceUrl\" frameborder=\"0\" allowfullscreen></iframe>\n </div>\n}\n" }]
351
+ }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: true }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }] } });
352
+
353
+ export { EmbedBlock };
354
+ //# sourceMappingURL=ngstarter-ui-components-content-editor-embed-block-BbkC_t86.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ngstarter-ui-components-content-editor-embed-block-BbkC_t86.mjs","sources":["../../../projects/components/content-editor/src/_builder/embed-block/embed-service.ts","../../../projects/components/content-editor/src/_builder/embed-block/embed-block.ts","../../../projects/components/content-editor/src/_builder/embed-block/embed-block.html"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class EmbedService {\n parse(rawUrl: string): { url: string; type: string } {\n const cleaned = (rawUrl || '').trim();\n if (!cleaned) {\n return { url: '', type: '' };\n }\n\n const withScheme = /^(https?:)?\\/\\//i.test(cleaned) ? cleaned : `https://${cleaned}`;\n\n let u: URL | null = null;\n try {\n u = new URL(withScheme);\n } catch {\n return { url: cleaned, type: '' };\n }\n\n const host = u.hostname.toLowerCase();\n const path = u.pathname.toLowerCase();\n const href = u.toString();\n\n if (path.endsWith('.pdf')) {\n return { url: href, type: 'pdf' };\n } else if (host.includes('youtu.be') || host.includes('youtube.com')) {\n return { url: this.toYoutubeEmbed(u), type: 'youtube' };\n } else if (host.includes('vimeo.com')) {\n return { url: this.toVimeoEmbed(u), type: 'vimeo' };\n } else if (host.includes('spotify.com')) {\n return { url: this.toSpotifyEmbed(u), type: 'spotify' };\n } else if (host.includes('maps.google.') || (host.includes('google.') && path.startsWith('/maps'))) {\n return { url: this.toGoogleMapsEmbed(u), type: 'google-maps' };\n } else if (host.includes('docs.google.')) {\n return { url: this.toGoogleDocsEmbed(u), type: 'google-docs' };\n } else if (host.includes('drive.google.')) {\n return { url: this.toGoogleDriveEmbed(u), type: 'google-drive' };\n } else if (host.includes('codepen.io')) {\n return { url: this.toCodepenEmbed(u), type: 'codepen' };\n } else if (host.includes('figma.com')) {\n return { url: this.toFigmaEmbed(u), type: 'figma' };\n } else if (host.includes('loom.com')) {\n return { url: this.toLoomEmbed(u), type: 'loom' };\n } else if (host.includes('twitter.com') || host === 'x.com' || host.endsWith('.x.com')) {\n return { url: this.toTwitterEmbed(u), type: 'twitter' };\n } else if (host.includes('instagram.com')) {\n return { url: this.toInstagramEmbed(u), type: 'instagram' };\n } else if (host.includes('tiktok.com')) {\n return { url: this.toTiktokEmbed(u), type: 'tiktok' };\n } else if (host.includes('soundcloud.com')) {\n return { url: this.toSoundcloudEmbed(u), type: 'soundcloud' };\n } else if (host.includes('stackblitz.com')) {\n return { url: this.toStackblitzEmbed(u), type: 'stackblitz' };\n } else if (host.includes('gist.github.com')) {\n return { url: href, type: 'gist' };\n } else {\n return { url: href, type: 'website' };\n }\n }\n\n // ==== Provider transformers ====\n private toYoutubeEmbed(u: URL): string {\n // Already embed\n if (/^\\/embed\\//.test(u.pathname)) {\n return `https://www.youtube.com${u.pathname}${u.search}`;\n }\n\n const host = u.hostname.toLowerCase();\n let id = '';\n let start = '';\n\n if (host.includes('youtu.be')) {\n id = u.pathname.split('/').filter(Boolean)[0] || '';\n // t or start\n start = this.extractYouTubeStart(u.searchParams);\n } else {\n // youtube.com variants\n if (u.searchParams.get('v')) {\n id = u.searchParams.get('v') || '';\n start = this.extractYouTubeStart(u.searchParams);\n } else if (u.pathname.startsWith('/shorts/')) {\n id = u.pathname.split('/')[2] || '';\n } else if (u.pathname.startsWith('/live/')) {\n id = u.pathname.split('/')[2] || '';\n }\n }\n\n const qs = start ? `?start=${start}` : '';\n return id ? `https://www.youtube.com/embed/${id}${qs}` : u.toString();\n }\n\n private extractYouTubeStart(params: URLSearchParams): string {\n const t = params.get('t') || params.get('start') || '';\n if (!t) return '';\n // t can be in format 1h2m3s or 90 or 1m30s\n const total = this.parseTimeToSeconds(t);\n return total ? String(total) : '';\n }\n\n private parseTimeToSeconds(t: string): number {\n if (/^\\d+$/.test(t)) return parseInt(t, 10);\n const re = /(?:(\\d+)h)?(?:(\\d+)m)?(?:(\\d+)s)?/i;\n const m = t.match(re);\n if (!m) return 0;\n const h = parseInt(m[1] || '0', 10);\n const mnt = parseInt(m[2] || '0', 10);\n const s = parseInt(m[3] || '0', 10);\n return h * 3600 + mnt * 60 + s;\n }\n\n private toVimeoEmbed(u: URL): string {\n // extract last numeric id\n const parts = u.pathname.split('/').filter(Boolean);\n const last = parts[parts.length - 1] || '';\n const id = /^(\\d+)$/.test(last) ? last : (parts.includes('videos') ? parts[parts.indexOf('videos') + 1] : '');\n return id ? `https://player.vimeo.com/video/${id}` : u.toString();\n }\n\n private toSpotifyEmbed(u: URL): string {\n const parts = u.pathname.split('/').filter(Boolean);\n if (parts[0] === 'embed') return u.toString();\n // /{type}/{id}\n if (parts.length >= 2) {\n const type = parts[0];\n const id = parts[1];\n return `https://open.spotify.com/embed/${type}/${id}`;\n }\n return u.toString();\n }\n\n private toGoogleMapsEmbed(u: URL): string {\n const p = u.pathname;\n if (p.includes('/maps/embed') || u.searchParams.get('output') === 'embed') {\n return u.toString();\n }\n // Best-effort wrap original URL as query for embed\n return `https://www.google.com/maps?output=embed&q=${encodeURIComponent(u.toString())}`;\n }\n\n private toGoogleDocsEmbed(u: URL): string {\n // document, presentation, spreadsheets, forms\n const parts = u.pathname.split('/').filter(Boolean);\n if (parts.length >= 3) {\n const product = parts[0]; // document|presentation|spreadsheets|forms\n const kind = parts[1]; // usually 'd'\n const id = parts[2];\n if (product === 'document') {\n return `https://docs.google.com/document/d/${id}/preview`;\n }\n if (product === 'presentation') {\n return `https://docs.google.com/presentation/d/${id}/embed`;\n }\n if (product === 'spreadsheets') {\n return `https://docs.google.com/spreadsheets/d/${id}/preview`;\n }\n if (product === 'forms') {\n return `https://docs.google.com/forms/d/${id}/viewform?embedded=true`;\n }\n }\n return u.toString();\n }\n\n private toGoogleDriveEmbed(u: URL): string {\n // /file/d/{id}/view -> /file/d/{id}/preview\n const parts = u.pathname.split('/').filter(Boolean);\n const idx = parts.indexOf('d');\n if (parts[0] === 'file' && idx >= 0 && parts[idx + 1]) {\n const id = parts[idx + 1];\n return `https://drive.google.com/file/d/${id}/preview`;\n }\n // open?id=... -> uc?export=preview&id=...\n const openId = u.searchParams.get('id');\n if (openId) {\n return `https://drive.google.com/uc?export=preview&id=${encodeURIComponent(openId)}`;\n }\n return u.toString();\n }\n\n private toCodepenEmbed(u: URL): string {\n const parts = u.pathname.split('/').filter(Boolean);\n const user = parts[0];\n const mode = parts[1]; // pen|full|details|embed\n const id = parts[2];\n if (mode === 'embed') return u.toString();\n if (user && id) {\n return `https://codepen.io/${user}/embed/${id}`;\n }\n return u.toString();\n }\n\n private toFigmaEmbed(u: URL): string {\n return `https://www.figma.com/embed?embed_host=share&url=${encodeURIComponent(u.toString())}`;\n }\n\n private toLoomEmbed(u: URL): string {\n const parts = u.pathname.split('/').filter(Boolean);\n if (parts[0] === 'embed') return u.toString();\n // /share/{id}\n if (parts[0] === 'share' && parts[1]) {\n return `https://www.loom.com/embed/${parts[1]}`;\n }\n return u.toString();\n }\n\n private toTwitterEmbed(u: URL): string {\n // Use twitframe to get an embeddable iframe\n return `https://twitframe.com/show?url=${encodeURIComponent(u.toString())}`;\n }\n\n private toInstagramEmbed(u: URL): string {\n // Append /embed to post/reel URLs\n let p = u.pathname;\n if (!p.endsWith('/')) p += '/';\n if (!p.endsWith('embed/')) {\n p += 'embed/';\n }\n return `${u.protocol}//${u.host}${p}`;\n }\n\n private toTiktokEmbed(u: URL): string {\n // Expect /@user/video/{id}\n const parts = u.pathname.split('/').filter(Boolean);\n const idx = parts.indexOf('video');\n if (idx >= 0 && parts[idx + 1]) {\n const id = parts[idx + 1];\n return `https://www.tiktok.com/embed/v2/${id}`;\n }\n return u.toString();\n }\n\n private toSoundcloudEmbed(u: URL): string {\n return `https://w.soundcloud.com/player/?url=${encodeURIComponent(u.toString())}`;\n }\n\n private toStackblitzEmbed(u: URL): string {\n // Ensure we have the embed parameter for StackBlitz iframe\n const url = new URL(u.toString());\n if (url.searchParams.get('embed') !== '1') {\n url.searchParams.set('embed', '1');\n }\n // Keep other parameters like file, terminal, ctl, hideExplorer if provided by user\n return url.toString();\n }\n}\n","import { Component, DestroyRef, inject, input, signal } from '@angular/core';\nimport { ContentBuilderStore } from '../../content-builder.store';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { Popover, PopoverTriggerForDirective } from '@ngstarter-ui/components/popover';\nimport { Tab, TabGroup } from '@ngstarter-ui/components/tabs';\nimport { Button } from '@ngstarter-ui/components/button';\nimport { Input } from '@ngstarter-ui/components/input';\nimport { FormField, Suffix } from '@ngstarter-ui/components/form-field';\nimport { AbstractControl, FormBuilder, FormsModule, ReactiveFormsModule, ValidationErrors, ValidatorFn, Validators } from '@angular/forms';\nimport { EmbedService } from './embed-service';\nimport { SafeResourceUrlPipe } from '@ngstarter-ui/components/core';\nimport {\n CONTENT_BUILDER,\n ContentEditorEmbedBlockSettings,\n ContentEditorEmbedContent,\n ContentEditorItemProperty\n} from '../../types';\nimport { ContentBuilderComponent } from '../../content-builder/content-builder.component';\n\n@Component({\n selector: 'app-embed-block',\n imports: [\n Icon,\n Popover,\n PopoverTriggerForDirective,\n TabGroup,\n Tab,\n Button,\n FormField,\n Input,\n Suffix,\n FormsModule,\n ReactiveFormsModule,\n SafeResourceUrlPipe\n ],\n providers: [EmbedService],\n templateUrl: './embed-block.html',\n styleUrl: './embed-block.scss',\n host: {\n 'class': 'ngs-embed-block',\n '[class.is-empty]': 'isEmpty()'\n }\n})\nexport class EmbedBlock {\n private store = inject(ContentBuilderStore);\n private contentBuilder = inject<ContentBuilderComponent>(CONTENT_BUILDER);\n private destroyRef = inject(DestroyRef);\n private formBuilder = inject(FormBuilder);\n private embedService = inject(EmbedService);\n\n id = input.required<string>();\n content = input.required<ContentEditorEmbedContent>();\n settings = input.required<ContentEditorEmbedBlockSettings>();\n props = input<ContentEditorItemProperty[]>([]);\n index = input.required<number>();\n\n private readonly embedUrlValidator: ValidatorFn = (control: AbstractControl): ValidationErrors | null => {\n const value = (control.value ?? '').toString();\n\n if (!value.trim()) {\n return null;\n }\n\n const { type } = this.embedService.parse(value);\n\n if (!type || type === 'website') {\n return { embedUrl: true };\n }\n\n return null;\n };\n\n protected form = this.formBuilder.nonNullable.group({\n url: ['', [Validators.required, this.embedUrlValidator]],\n });\n\n protected _content = signal<ContentEditorEmbedContent>({\n url: '',\n type: ''\n });\n protected _settings = signal<ContentEditorEmbedBlockSettings>({\n width: null,\n height: null\n });\n protected _props = signal<ContentEditorItemProperty[]>([]);\n readonly initialized = signal(false);\n\n ngOnInit() {\n this._content.set(this.content());\n this._settings.set(this.settings());\n this._props.set(this.props());\n this.contentBuilder\n .focusChanged\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n if (this.store.focusedBlockId() === this.id()) {\n\n }\n });\n }\n\n getData(): any {\n return {\n content: this._content(),\n props: this._props(),\n settings: this._settings()\n };\n }\n\n isEmpty() {\n return this.getData().content.url === '' && this.getData().content.type === '';\n }\n\n embed(trigger: PopoverTriggerForDirective) {\n this._content.set(this.embedService.parse(this.form.value.url || ''));\n trigger.api.close();\n this.store.updateBlock(this.id(), {...this.getData(), isEmpty: this.isEmpty()});\n this.contentBuilder.emitContentChangeEvent();\n }\n}\n","@if (isEmpty()) {\n <div class=\"bg-surface-container-low cursor-pointer hover:bg-surface-container p-4 rounded-2xl flex items-center gap-3\"\n #trigger=\"ngsPopoverTriggerFor\"\n [ngsPopoverTriggerFor]=\"addPopover\" position=\"below-center\" trigger=\"click\" hasBackdrop>\n <ngs-icon name=\"fluent:globe-24-regular\"/>\n <div class=\"text-sm\">Embed anything (PDFs, Google Docs, Google Maps, Spotify…)</div>\n </div>\n <ngs-popover #addPopover>\n <div class=\"w-[400px] overflow-hidden\">\n <ngs-tab-group>\n <ngs-tab label=\"Embed\">\n <div class=\"p-4\">\n <ngs-form-field class=\"w-full\">\n <input ngsInput [formControl]=\"form.controls.url\" placeholder=\"Paste in https://...\">\n <div ngsSuffix class=\"pe-2\">\n <button ngsButton=\"filled\" type=\"button\" [disabled]=\"form.invalid\" (click)=\"embed(trigger)\">Embed</button>\n </div>\n </ngs-form-field>\n <p class=\"text-xs text-center\">Works with links of PDFs, Google Drive, Google Maps, CodePen…</p>\n </div>\n </ngs-tab>\n <ngs-tab label=\"Upload\">\n <div class=\"p-4\">\n <div>\n <button ngsButton=\"filled\" class=\"w-full\">Upload</button>\n </div>\n <p class=\"text-xs text-center mt-4\">Upload a file from your computer.</p>\n </div>\n </ngs-tab>\n </ngs-tab-group>\n </div>\n </ngs-popover>\n} @else {\n <div class=\"w-full bg-surface-container-low w-[700px] h-[400px]\">\n <iframe width=\"100%\" height=\"100%\" [src]=\"_content().url | safeResourceUrl\" frameborder=\"0\" allowfullscreen></iframe>\n </div>\n}\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,114 @@
1
+ import * as i0 from '@angular/core';
2
+ import { inject, DestroyRef, viewChild, input, signal, ChangeDetectionStrategy, Component } from '@angular/core';
3
+ import { C as ContentBuilderStore, a as CONTENT_BUILDER, b as CONTENT_EDITOR_BLOCK } from './ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-1Zi2nAX5.mjs';
4
+ import { C as ContentEditorContentEditableDirective } from './ngstarter-ui-components-content-editor-content-editor-content-editable.directive-Bvfa2dqh.mjs';
5
+ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
6
+ import { C as CursorController } from './ngstarter-ui-components-content-editor-cursor-controller-4Ak8VqGX.mjs';
7
+
8
+ class HeadingBlockComponent {
9
+ _store = inject(ContentBuilderStore);
10
+ _contentBuilder = inject(CONTENT_BUILDER);
11
+ _destroyRef = inject(DestroyRef);
12
+ _contentRef = viewChild.required('contentRef');
13
+ id = input.required(...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
14
+ content = input.required(...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
15
+ settings = input.required(...(ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []));
16
+ props = input([], ...(ngDevMode ? [{ debugName: "props" }] : /* istanbul ignore next */ []));
17
+ index = input.required(...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
18
+ placeholder = input('Heading', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
19
+ _content = signal('', ...(ngDevMode ? [{ debugName: "_content" }] : /* istanbul ignore next */ []));
20
+ _isEmpty = signal(true, ...(ngDevMode ? [{ debugName: "_isEmpty" }] : /* istanbul ignore next */ []));
21
+ _props = signal([], ...(ngDevMode ? [{ debugName: "_props" }] : /* istanbul ignore next */ []));
22
+ initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
23
+ ngOnInit() {
24
+ this._content.set(this.content());
25
+ this._props.set(this.props());
26
+ this._isEmpty.set(this.content().length === 0);
27
+ this._contentBuilder
28
+ .focusChanged
29
+ .pipe(takeUntilDestroyed(this._destroyRef))
30
+ .subscribe(() => {
31
+ if (this._store.focusedBlockId() === this.id()) {
32
+ this.focus();
33
+ }
34
+ });
35
+ }
36
+ focus() {
37
+ const element = this._contentRef().nativeElement;
38
+ const cursorController = new CursorController(element);
39
+ cursorController.setToEnd();
40
+ }
41
+ onPropsChanged(props) {
42
+ this._contentBuilder.setBlockProps(this.id(), props);
43
+ this._store.updateBlock(this.id(), this.getData());
44
+ this.update();
45
+ }
46
+ getData() {
47
+ return {
48
+ content: this._content(),
49
+ props: this._props(),
50
+ settings: {
51
+ ...this.settings(),
52
+ }
53
+ };
54
+ }
55
+ isEmpty() {
56
+ return this.getData().content.trim().length === 0;
57
+ }
58
+ onContentChanged(content) {
59
+ if (!this.initialized()) {
60
+ return;
61
+ }
62
+ this._content.set(content);
63
+ this._isEmpty.set(content.length === 0);
64
+ this.update();
65
+ }
66
+ onPressedEnter(event) {
67
+ event.preventDefault();
68
+ event.stopPropagation();
69
+ this._contentBuilder.insertEmptyBlock(this.index());
70
+ }
71
+ onContentEditableInitialized() {
72
+ if (this._store.focusedBlockId() === this.id()) {
73
+ this.focus();
74
+ }
75
+ this.initialized.set(true);
76
+ }
77
+ _onKeyDown(event) {
78
+ if (event.key === 'Backspace' && !this._content()) {
79
+ this._contentBuilder.deleteBlock(this.id());
80
+ }
81
+ }
82
+ update() {
83
+ this._store.updateBlock(this.id(), { ...this.getData(), isEmpty: this.isEmpty() });
84
+ this._contentBuilder.emitContentChangeEvent();
85
+ }
86
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: HeadingBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
87
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: HeadingBlockComponent, isStandalone: true, selector: "ngs-heading-block", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: true, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-empty": "_isEmpty()", "class.level-1": "settings().level === 1", "class.level-2": "settings().level === 2", "class.level-3": "settings().level === 3" } }, providers: [
88
+ {
89
+ provide: CONTENT_EDITOR_BLOCK,
90
+ useExisting: HeadingBlockComponent,
91
+ multi: true
92
+ }
93
+ ], viewQueries: [{ propertyName: "_contentRef", first: true, predicate: ["contentRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #contentRef\n class=\"content\"\n [ngsContentEditorContentEditable]=\"_content()\"\n [props]=\"props()\"\n (propsChanged)=\"onPropsChanged($event)\"\n [attr.data-empty-placeholder]=\"placeholder()\"\n (contentChanged)=\"onContentChanged($event)\"\n (pressedEnter)=\"onPressedEnter($event)\"\n (keydown)=\"_onKeyDown($event)\"\n (initialized)=\"onContentEditableInitialized()\"></div>\n", styles: [":host{display:block}:host .content{outline:none;font-weight:700}:host .content:empty:before{content:attr(data-empty-placeholder);color:var(--color-neutral-500)}:host.level-1 .content{font-size:3rem}:host.level-2 .content{font-size:2.25rem}:host.level-3 .content{font-size:1.875rem}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: ContentEditorContentEditableDirective, selector: "[ngsContentEditorContentEditable]", inputs: ["ngsContentEditorContentEditable", "settings", "props"], outputs: ["contentChanged", "pressedEnter", "initialized", "propsChanged"], exportAs: ["ngsContentEditorContentEditable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
94
+ }
95
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: HeadingBlockComponent, decorators: [{
96
+ type: Component,
97
+ args: [{ selector: 'ngs-heading-block', imports: [
98
+ ContentEditorContentEditableDirective
99
+ ], providers: [
100
+ {
101
+ provide: CONTENT_EDITOR_BLOCK,
102
+ useExisting: HeadingBlockComponent,
103
+ multi: true
104
+ }
105
+ ], host: {
106
+ '[class.is-empty]': '_isEmpty()',
107
+ '[class.level-1]': 'settings().level === 1',
108
+ '[class.level-2]': 'settings().level === 2',
109
+ '[class.level-3]': 'settings().level === 3',
110
+ }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #contentRef\n class=\"content\"\n [ngsContentEditorContentEditable]=\"_content()\"\n [props]=\"props()\"\n (propsChanged)=\"onPropsChanged($event)\"\n [attr.data-empty-placeholder]=\"placeholder()\"\n (contentChanged)=\"onContentChanged($event)\"\n (pressedEnter)=\"onPressedEnter($event)\"\n (keydown)=\"_onKeyDown($event)\"\n (initialized)=\"onContentEditableInitialized()\"></div>\n", styles: [":host{display:block}:host .content{outline:none;font-weight:700}:host .content:empty:before{content:attr(data-empty-placeholder);color:var(--color-neutral-500)}:host.level-1 .content{font-size:3rem}:host.level-2 .content{font-size:2.25rem}:host.level-3 .content{font-size:1.875rem}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
111
+ }], propDecorators: { _contentRef: [{ type: i0.ViewChild, args: ['contentRef', { isSignal: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: true }] }], props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
112
+
113
+ export { HeadingBlockComponent };
114
+ //# sourceMappingURL=ngstarter-ui-components-content-editor-heading-block.component-D9_CxTY1.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ngstarter-ui-components-content-editor-heading-block.component-D9_CxTY1.mjs","sources":["../../../projects/components/content-editor/src/_builder/heading-block/heading-block.component.ts","../../../projects/components/content-editor/src/_builder/heading-block/heading-block.component.html"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n ElementRef,\n inject,\n input,\n OnInit,\n signal,\n viewChild\n} from '@angular/core';\nimport { ContentBuilderStore } from '../../content-builder.store';\nimport {\n CONTENT_BUILDER,\n CONTENT_EDITOR_BLOCK,\n ContentEditorDataBlock,\n ContentEditorHeadingBlockSettings,\n ContentEditorItemProperty\n} from '../../types';\nimport { ContentEditorContentEditableDirective } from '../../content-editor-content-editable.directive';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ContentBuilderComponent } from '../../content-builder/content-builder.component';\nimport { CursorController } from '../../utils/cursor-controller';\n\n@Component({\n selector: 'ngs-heading-block',\n imports: [\n ContentEditorContentEditableDirective\n ],\n templateUrl: './heading-block.component.html',\n styleUrl: './heading-block.component.scss',\n providers: [\n {\n provide: CONTENT_EDITOR_BLOCK,\n useExisting: HeadingBlockComponent,\n multi: true\n }\n ],\n host: {\n '[class.is-empty]': '_isEmpty()',\n '[class.level-1]': 'settings().level === 1',\n '[class.level-2]': 'settings().level === 2',\n '[class.level-3]': 'settings().level === 3',\n },\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class HeadingBlockComponent implements OnInit, ContentEditorDataBlock {\n private _store = inject(ContentBuilderStore);\n private _contentBuilder = inject<ContentBuilderComponent>(CONTENT_BUILDER);\n private _destroyRef = inject(DestroyRef);\n\n private _contentRef = viewChild.required<ElementRef<HTMLParagraphElement>>('contentRef');\n\n id = input.required<string>();\n content = input.required<string>();\n settings = input.required<ContentEditorHeadingBlockSettings>();\n props = input<ContentEditorItemProperty[]>([]);\n index = input.required<number>();\n placeholder = input('Heading');\n\n protected _content = signal<string>('')\n protected _isEmpty = signal<boolean>(true);\n protected _props = signal<ContentEditorItemProperty[]>([]);\n readonly initialized = signal(false);\n\n ngOnInit() {\n this._content.set(this.content());\n this._props.set(this.props());\n this._isEmpty.set(this.content().length === 0);\n this._contentBuilder\n .focusChanged\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(() => {\n if (this._store.focusedBlockId() === this.id()) {\n this.focus();\n }\n });\n }\n\n focus() {\n const element = this._contentRef().nativeElement;\n const cursorController = new CursorController(element);\n cursorController.setToEnd();\n }\n\n onPropsChanged(props: ContentEditorItemProperty[]) {\n this._contentBuilder.setBlockProps(this.id(), props);\n this._store.updateBlock(this.id(), this.getData());\n this.update();\n }\n\n getData(): any {\n return {\n content: this._content(),\n props: this._props(),\n settings: {\n ...this.settings(),\n }\n };\n }\n\n isEmpty(): boolean {\n return this.getData().content.trim().length === 0;\n }\n\n protected onContentChanged(content: string) {\n if (!this.initialized()) {\n return;\n }\n\n this._content.set(content);\n this._isEmpty.set(content.length === 0);\n\n this.update();\n }\n\n protected onPressedEnter(event: KeyboardEvent) {\n event.preventDefault();\n event.stopPropagation();\n this._contentBuilder.insertEmptyBlock(this.index());\n }\n\n protected onContentEditableInitialized() {\n if (this._store.focusedBlockId() === this.id()) {\n this.focus();\n }\n\n this.initialized.set(true);\n }\n\n protected _onKeyDown(event: KeyboardEvent) {\n if (event.key === 'Backspace' && !this._content()) {\n this._contentBuilder.deleteBlock(this.id());\n }\n }\n\n private update() {\n this._store.updateBlock(this.id(), {...this.getData(), isEmpty: this.isEmpty()});\n this._contentBuilder.emitContentChangeEvent();\n }\n}\n","<div #contentRef\n class=\"content\"\n [ngsContentEditorContentEditable]=\"_content()\"\n [props]=\"props()\"\n (propsChanged)=\"onPropsChanged($event)\"\n [attr.data-empty-placeholder]=\"placeholder()\"\n (contentChanged)=\"onContentChanged($event)\"\n (pressedEnter)=\"onPressedEnter($event)\"\n (keydown)=\"_onKeyDown($event)\"\n (initialized)=\"onContentEditableInitialized()\"></div>\n"],"names":[],"mappings":"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"}