@codingfactory/mediables-vue 2.0.1

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 (367) hide show
  1. package/dist/PixiFrameExporter-BTU38EVl.cjs +2 -0
  2. package/dist/PixiFrameExporter-BTU38EVl.cjs.map +1 -0
  3. package/dist/PixiFrameExporter-Bb3QNWP-.js +199 -0
  4. package/dist/PixiFrameExporter-Bb3QNWP-.js.map +1 -0
  5. package/dist/adapters/MediablesAdapter.d.ts +19 -0
  6. package/dist/adapters/SpatieAdapter.d.ts +18 -0
  7. package/dist/adapters/index.d.ts +18 -0
  8. package/dist/components/AdminMediaBrowser.vue.d.ts +11 -0
  9. package/dist/components/AdminMediaBrowserExample.vue.d.ts +2 -0
  10. package/dist/components/AdminMediaBulkActionsToolbar.vue.d.ts +2 -0
  11. package/dist/components/AdminMediaGrid.vue.d.ts +17 -0
  12. package/dist/components/AdminMediaListItem.vue.d.ts +10 -0
  13. package/dist/components/AdminMediaManager.vue.d.ts +25 -0
  14. package/dist/components/AdminMediaUploader.vue.d.ts +11 -0
  15. package/dist/components/AlbumBrowser.vue.d.ts +17 -0
  16. package/dist/components/AlbumManager.vue.d.ts +16 -0
  17. package/dist/components/AlbumMediaGrid.vue.d.ts +28 -0
  18. package/dist/components/AlbumTree.vue.d.ts +35 -0
  19. package/dist/components/BulkActionsToolbar.vue.d.ts +2 -0
  20. package/dist/components/ConversionProgressIndicator.vue.d.ts +2 -0
  21. package/dist/components/Editor.vue.d.ts +29 -0
  22. package/dist/components/ExampleGridAndList.vue.d.ts +2 -0
  23. package/dist/components/ExampleUsage.vue.d.ts +2 -0
  24. package/dist/components/Grid.vue.d.ts +2 -0
  25. package/dist/components/ImageEditor/ImageEditor.vue.d.ts +3 -0
  26. package/dist/components/ImageEditorModal.vue.d.ts +16 -0
  27. package/dist/components/ImagePicker.vue.d.ts +32 -0
  28. package/dist/components/ImageUploadZone.vue.d.ts +7 -0
  29. package/dist/components/Item.vue.d.ts +2 -0
  30. package/dist/components/Library.vue.d.ts +2 -0
  31. package/dist/components/ManagedMediaGallery.vue.d.ts +12 -0
  32. package/dist/components/MediaAttacher.vue.d.ts +21 -0
  33. package/dist/components/MediaBrowser.vue.d.ts +2 -0
  34. package/dist/components/MediaCard.vue.d.ts +2 -0
  35. package/dist/components/MediaFilters.vue.d.ts +2 -0
  36. package/dist/components/MediaGrid.vue.d.ts +31 -0
  37. package/dist/components/MediaInfoEditor.vue.d.ts +7 -0
  38. package/dist/components/MediaManager.vue.d.ts +2 -0
  39. package/dist/components/MediaUploadWithProgress.vue.d.ts +2 -0
  40. package/dist/components/MediaUploader.vue.d.ts +2 -0
  41. package/dist/components/MediaWorkspace.vue.d.ts +19 -0
  42. package/dist/components/Modal.vue.d.ts +2 -0
  43. package/dist/components/ModelMediaManager.vue.d.ts +80 -0
  44. package/dist/components/Pagination.vue.d.ts +2 -0
  45. package/dist/components/Search.vue.d.ts +2 -0
  46. package/dist/components/VideoEditorSimple.vue.d.ts +2 -0
  47. package/dist/components/VideoExportPanel.vue.d.ts +2 -0
  48. package/dist/components/VideoTimeline.vue.d.ts +2 -0
  49. package/dist/components/VideoTimelineSimple.vue.d.ts +2 -0
  50. package/dist/components/VideoToolsPanel.vue.d.ts +2 -0
  51. package/dist/components/albums/AlbumTreeNode.vue.d.ts +23 -0
  52. package/dist/components/attachment/MediaAttachment.vue.d.ts +23 -0
  53. package/dist/components/attachment/index.d.ts +4 -0
  54. package/dist/components/collection/MediaCollection.vue.d.ts +27 -0
  55. package/dist/components/collection/MediaCollectionDropzone.vue.d.ts +18 -0
  56. package/dist/components/collection/MediaCollectionItem.vue.d.ts +2 -0
  57. package/dist/components/collection/index.d.ts +6 -0
  58. package/dist/components/form/MediaHiddenFields.vue.d.ts +2 -0
  59. package/dist/components/form/index.d.ts +4 -0
  60. package/dist/components/image/ImageEditor.vue.d.ts +2 -0
  61. package/dist/components/image/ImageItem.vue.d.ts +2 -0
  62. package/dist/components/renderless/MediaAttachmentProvider.vue.d.ts +12 -0
  63. package/dist/components/renderless/MediaCollectionProvider.vue.d.ts +12 -0
  64. package/dist/components/renderless/index.d.ts +7 -0
  65. package/dist/components/timeline/TimeRuler.vue.d.ts +2 -0
  66. package/dist/components/timeline/VideoTrack.vue.d.ts +2 -0
  67. package/dist/components/tools/VideoFiltersPanel.vue.d.ts +7 -0
  68. package/dist/components/tools/VideoTextPanel.vue.d.ts +2 -0
  69. package/dist/components/video/AudioTrackManager.vue.d.ts +2 -0
  70. package/dist/components/video/EditorControls.vue.d.ts +2 -0
  71. package/dist/components/video/ExportPanel.vue.d.ts +2 -0
  72. package/dist/components/video/FilterSelector.vue.d.ts +2 -0
  73. package/dist/components/video/LiveStreamManager.vue.d.ts +2 -0
  74. package/dist/components/video/StreamCredentials.vue.d.ts +2 -0
  75. package/dist/components/video/StreamStatus.vue.d.ts +2 -0
  76. package/dist/components/video/TextOverlayPanel.vue.d.ts +2 -0
  77. package/dist/components/video/ThumbnailPicker.vue.d.ts +2 -0
  78. package/dist/components/video/TimelineClip.vue.d.ts +2 -0
  79. package/dist/components/video/TimelineControls.vue.d.ts +2 -0
  80. package/dist/components/video/TransitionSelector.vue.d.ts +2 -0
  81. package/dist/components/video/VideoControls.vue.d.ts +2 -0
  82. package/dist/components/video/VideoEditor.vue.d.ts +8 -0
  83. package/dist/components/video/VideoEditorDialog.vue.d.ts +12 -0
  84. package/dist/components/video/VideoFilterCarousel.vue.d.ts +2 -0
  85. package/dist/components/video/VideoFilterPreview.vue.d.ts +18 -0
  86. package/dist/components/video/VideoPlayer.vue.d.ts +2 -0
  87. package/dist/components/video/VideoPreview.vue.d.ts +3 -0
  88. package/dist/components/video/VideoPreviewCSS.vue.d.ts +2 -0
  89. package/dist/components/video/VideoPreviewEngine.vue.d.ts +3 -0
  90. package/dist/components/video/VideoTimeline.vue.d.ts +2 -0
  91. package/dist/components/video/VideoUploadProgress.vue.d.ts +2 -0
  92. package/dist/components/video/VideoUploader.vue.d.ts +29 -0
  93. package/dist/components/video/index.d.ts +19 -0
  94. package/dist/composables/useAccordion.d.ts +138 -0
  95. package/dist/composables/useAlbumDragDrop.d.ts +24 -0
  96. package/dist/composables/useAlbums.d.ts +17 -0
  97. package/dist/composables/useFloatingPills.d.ts +111 -0
  98. package/dist/composables/useHaptic.d.ts +10 -0
  99. package/dist/composables/useImageEditorModal.d.ts +277 -0
  100. package/dist/composables/useLiveStream.d.ts +66 -0
  101. package/dist/composables/useMediaAttachment.d.ts +105 -0
  102. package/dist/composables/useMediaCollection.d.ts +122 -0
  103. package/dist/composables/useMediaConversionProgress.d.ts +31 -0
  104. package/dist/composables/useMediaDragSort.d.ts +56 -0
  105. package/dist/composables/useMediaSelection.d.ts +27 -0
  106. package/dist/composables/useMediaUploadQueue.d.ts +61 -0
  107. package/dist/composables/useMediaValidation.d.ts +59 -0
  108. package/dist/composables/useRadialMenu.d.ts +116 -0
  109. package/dist/composables/useSanctumClient.d.ts +31 -0
  110. package/dist/composables/useTheme.d.ts +7 -0
  111. package/dist/composables/useToast.d.ts +25 -0
  112. package/dist/composables/useVideoEditor.d.ts +127 -0
  113. package/dist/composables/useVideoFilters.d.ts +176 -0
  114. package/dist/composables/useVideoPlayer.d.ts +50 -0
  115. package/dist/composables/useVideoUpload.d.ts +134 -0
  116. package/dist/filters/controlMapping.d.ts +31 -0
  117. package/dist/filters/css-registry.d.ts +83 -0
  118. package/dist/filters/definitions/adjustment.d.ts +2 -0
  119. package/dist/filters/definitions/adjustmentAdvanced.d.ts +2 -0
  120. package/dist/filters/definitions/advancedBloom.d.ts +2 -0
  121. package/dist/filters/definitions/alpha.d.ts +2 -0
  122. package/dist/filters/definitions/ascii.d.ts +2 -0
  123. package/dist/filters/definitions/backdropBlur.d.ts +2 -0
  124. package/dist/filters/definitions/bevel.d.ts +2 -0
  125. package/dist/filters/definitions/bloom.d.ts +2 -0
  126. package/dist/filters/definitions/blur.d.ts +2 -0
  127. package/dist/filters/definitions/bulgePinch.d.ts +2 -0
  128. package/dist/filters/definitions/colorGradient.d.ts +2 -0
  129. package/dist/filters/definitions/colorMap.d.ts +2 -0
  130. package/dist/filters/definitions/colorMatrix.d.ts +2 -0
  131. package/dist/filters/definitions/colorOverlay.d.ts +2 -0
  132. package/dist/filters/definitions/colorReplace.d.ts +2 -0
  133. package/dist/filters/definitions/convolution.d.ts +2 -0
  134. package/dist/filters/definitions/crossHatch.d.ts +2 -0
  135. package/dist/filters/definitions/crt.d.ts +2 -0
  136. package/dist/filters/definitions/displacement.d.ts +2 -0
  137. package/dist/filters/definitions/dot.d.ts +2 -0
  138. package/dist/filters/definitions/dropShadow.d.ts +2 -0
  139. package/dist/filters/definitions/emboss.d.ts +2 -0
  140. package/dist/filters/definitions/glitch.d.ts +2 -0
  141. package/dist/filters/definitions/glow.d.ts +2 -0
  142. package/dist/filters/definitions/godray.d.ts +2 -0
  143. package/dist/filters/definitions/grayscale.d.ts +2 -0
  144. package/dist/filters/definitions/hslAdjustment.d.ts +2 -0
  145. package/dist/filters/definitions/kawaseBlur.d.ts +2 -0
  146. package/dist/filters/definitions/lightmap.d.ts +2 -0
  147. package/dist/filters/definitions/motionBlur.d.ts +2 -0
  148. package/dist/filters/definitions/multiColorReplace.d.ts +2 -0
  149. package/dist/filters/definitions/noise.d.ts +2 -0
  150. package/dist/filters/definitions/oldFilm.d.ts +2 -0
  151. package/dist/filters/definitions/outline.d.ts +2 -0
  152. package/dist/filters/definitions/pixelate.d.ts +2 -0
  153. package/dist/filters/definitions/radialBlur.d.ts +2 -0
  154. package/dist/filters/definitions/reflection.d.ts +2 -0
  155. package/dist/filters/definitions/rgbSplit.d.ts +2 -0
  156. package/dist/filters/definitions/shockwave.d.ts +2 -0
  157. package/dist/filters/definitions/simplexNoise.d.ts +2 -0
  158. package/dist/filters/definitions/tiltShift.d.ts +2 -0
  159. package/dist/filters/definitions/twist.d.ts +2 -0
  160. package/dist/filters/definitions/vignette.d.ts +2 -0
  161. package/dist/filters/definitions/zoomBlur.d.ts +2 -0
  162. package/dist/filters/factory.d.ts +38 -0
  163. package/dist/filters/filters/controlMapping.d.ts +31 -0
  164. package/dist/filters/filters/definitions/adjustment.d.ts +2 -0
  165. package/dist/filters/filters/definitions/adjustmentAdvanced.d.ts +2 -0
  166. package/dist/filters/filters/definitions/advancedBloom.d.ts +2 -0
  167. package/dist/filters/filters/definitions/alpha.d.ts +2 -0
  168. package/dist/filters/filters/definitions/ascii.d.ts +2 -0
  169. package/dist/filters/filters/definitions/backdropBlur.d.ts +2 -0
  170. package/dist/filters/filters/definitions/bevel.d.ts +2 -0
  171. package/dist/filters/filters/definitions/bloom.d.ts +2 -0
  172. package/dist/filters/filters/definitions/blur.d.ts +2 -0
  173. package/dist/filters/filters/definitions/bulgePinch.d.ts +2 -0
  174. package/dist/filters/filters/definitions/colorGradient.d.ts +2 -0
  175. package/dist/filters/filters/definitions/colorMap.d.ts +2 -0
  176. package/dist/filters/filters/definitions/colorMatrix.d.ts +2 -0
  177. package/dist/filters/filters/definitions/colorOverlay.d.ts +2 -0
  178. package/dist/filters/filters/definitions/colorReplace.d.ts +2 -0
  179. package/dist/filters/filters/definitions/convolution.d.ts +2 -0
  180. package/dist/filters/filters/definitions/crossHatch.d.ts +2 -0
  181. package/dist/filters/filters/definitions/crt.d.ts +2 -0
  182. package/dist/filters/filters/definitions/displacement.d.ts +2 -0
  183. package/dist/filters/filters/definitions/dot.d.ts +2 -0
  184. package/dist/filters/filters/definitions/dropShadow.d.ts +2 -0
  185. package/dist/filters/filters/definitions/emboss.d.ts +2 -0
  186. package/dist/filters/filters/definitions/glitch.d.ts +2 -0
  187. package/dist/filters/filters/definitions/glow.d.ts +2 -0
  188. package/dist/filters/filters/definitions/godray.d.ts +2 -0
  189. package/dist/filters/filters/definitions/grayscale.d.ts +2 -0
  190. package/dist/filters/filters/definitions/hslAdjustment.d.ts +2 -0
  191. package/dist/filters/filters/definitions/kawaseBlur.d.ts +2 -0
  192. package/dist/filters/filters/definitions/lightmap.d.ts +2 -0
  193. package/dist/filters/filters/definitions/motionBlur.d.ts +2 -0
  194. package/dist/filters/filters/definitions/multiColorReplace.d.ts +2 -0
  195. package/dist/filters/filters/definitions/noise.d.ts +2 -0
  196. package/dist/filters/filters/definitions/oldFilm.d.ts +2 -0
  197. package/dist/filters/filters/definitions/outline.d.ts +2 -0
  198. package/dist/filters/filters/definitions/pixelate.d.ts +2 -0
  199. package/dist/filters/filters/definitions/radialBlur.d.ts +2 -0
  200. package/dist/filters/filters/definitions/reflection.d.ts +2 -0
  201. package/dist/filters/filters/definitions/rgbSplit.d.ts +2 -0
  202. package/dist/filters/filters/definitions/shockwave.d.ts +2 -0
  203. package/dist/filters/filters/definitions/simplexNoise.d.ts +2 -0
  204. package/dist/filters/filters/definitions/tiltShift.d.ts +2 -0
  205. package/dist/filters/filters/definitions/twist.d.ts +2 -0
  206. package/dist/filters/filters/definitions/vignette.d.ts +2 -0
  207. package/dist/filters/filters/definitions/zoomBlur.d.ts +2 -0
  208. package/dist/filters/filters/factory.d.ts +36 -0
  209. package/dist/filters/filters/index.d.ts +93 -0
  210. package/dist/filters/filters/registry.d.ts +89 -0
  211. package/dist/filters/index.d.ts +93 -0
  212. package/dist/filters/registry.d.ts +89 -0
  213. package/dist/filters/video-compatible.d.ts +77 -0
  214. package/dist/filters/video-css-filters.d.ts +153 -0
  215. package/dist/index-6yUGA--H.cjs +42 -0
  216. package/dist/index-6yUGA--H.cjs.map +1 -0
  217. package/dist/index-CcGWfCCV.js +7799 -0
  218. package/dist/index-CcGWfCCV.js.map +1 -0
  219. package/dist/index-DTUgsw7J.cjs +76 -0
  220. package/dist/index-DTUgsw7J.cjs.map +1 -0
  221. package/dist/index-VrUG0lmk.js +28655 -0
  222. package/dist/index-VrUG0lmk.js.map +1 -0
  223. package/dist/index.d.ts +62 -0
  224. package/dist/js/workers/material-color-extractor.js +215 -0
  225. package/dist/mediables-vanilla.cjs +2 -0
  226. package/dist/mediables-vanilla.cjs.map +1 -0
  227. package/dist/mediables-vanilla.mjs +12 -0
  228. package/dist/mediables-vanilla.mjs.map +1 -0
  229. package/dist/mediables-vue.cjs +2 -0
  230. package/dist/mediables-vue.cjs.map +1 -0
  231. package/dist/mediables-vue.mjs +67 -0
  232. package/dist/mediables-vue.mjs.map +1 -0
  233. package/dist/render-page/assets/index-hBfvGPpt.js +48933 -0
  234. package/dist/render-page/index.html +18 -0
  235. package/dist/services/VideoJobClient.d.ts +79 -0
  236. package/dist/stores/albumStore.d.ts +4 -0
  237. package/dist/stores/mediaVariantStore.d.ts +1 -0
  238. package/dist/stores/useAdminMediaStore.d.ts +16 -0
  239. package/dist/stores/useMediaStore.d.ts +25 -0
  240. package/dist/stores/useVideoStore.d.ts +21 -0
  241. package/dist/stores/variantPollStore.d.ts +5 -0
  242. package/dist/stores/video.d.ts +1 -0
  243. package/dist/style.css +1 -0
  244. package/dist/types/adapter.d.ts +181 -0
  245. package/dist/types/album.d.ts +28 -0
  246. package/dist/types/api.d.ts +88 -0
  247. package/dist/types/collection.d.ts +306 -0
  248. package/dist/types/editor.d.ts +172 -0
  249. package/dist/types/image.d.ts +210 -0
  250. package/dist/types/index.d.ts +5 -0
  251. package/dist/types/media.d.ts +107 -0
  252. package/dist/types/types/address.d.ts +66 -0
  253. package/dist/types/types/admin/intelligent-po.d.ts +47 -0
  254. package/dist/types/types/admin/products/index.d.ts +17 -0
  255. package/dist/types/types/admin/purchase-order.d.ts +50 -0
  256. package/dist/types/types/admin/receipt.d.ts +86 -0
  257. package/dist/types/types/admin/vendor.d.ts +61 -0
  258. package/dist/types/types/ai.d.ts +63 -0
  259. package/dist/types/types/aiActions.d.ts +42 -0
  260. package/dist/types/types/aiDesigner.d.ts +77 -0
  261. package/dist/types/types/api-errors.d.ts +6 -0
  262. package/dist/types/types/api.d.ts +109 -0
  263. package/dist/types/types/bundle.d.ts +131 -0
  264. package/dist/types/types/bundles/analytics.d.ts +64 -0
  265. package/dist/types/types/bundles.d.ts +108 -0
  266. package/dist/types/types/cart.d.ts +81 -0
  267. package/dist/types/types/checkout.d.ts +40 -0
  268. package/dist/types/types/component-config.d.ts +26 -0
  269. package/dist/types/types/components.d.ts +32 -0
  270. package/dist/types/types/content.d.ts +138 -0
  271. package/dist/types/types/coupon.d.ts +32 -0
  272. package/dist/types/types/customer-product-history.d.ts +210 -0
  273. package/dist/types/types/drag-contracts.d.ts +40 -0
  274. package/dist/types/types/drag-drop.d.ts +19 -0
  275. package/dist/types/types/editor.d.ts +127 -0
  276. package/dist/types/types/errors.d.ts +36 -0
  277. package/dist/types/types/feedback.d.ts +122 -0
  278. package/dist/types/types/image.d.ts +210 -0
  279. package/dist/types/types/index.d.ts +62 -0
  280. package/dist/types/types/instagram.d.ts +86 -0
  281. package/dist/types/types/ionic-components.d.ts +152 -0
  282. package/dist/types/types/layout.d.ts +127 -0
  283. package/dist/types/types/media-gateway.d.ts +34 -0
  284. package/dist/types/types/media.d.ts +178 -0
  285. package/dist/types/types/notifications.d.ts +123 -0
  286. package/dist/types/types/order-management.d.ts +245 -0
  287. package/dist/types/types/pageBuilder/block.d.ts +34 -0
  288. package/dist/types/types/pageBuilder/blocks.d.ts +82 -0
  289. package/dist/types/types/pageBuilder/cache.d.ts +33 -0
  290. package/dist/types/types/pageBuilder/editor.d.ts +15 -0
  291. package/dist/types/types/pageBuilder/field.d.ts +11 -0
  292. package/dist/types/types/pageBuilder/index.d.ts +24 -0
  293. package/dist/types/types/pageBuilder/revisions.d.ts +40 -0
  294. package/dist/types/types/pageBuilder/templates.d.ts +62 -0
  295. package/dist/types/types/pattern.d.ts +40 -0
  296. package/dist/types/types/payment.d.ts +21 -0
  297. package/dist/types/types/payments.d.ts +10 -0
  298. package/dist/types/types/pipeline.d.ts +12 -0
  299. package/dist/types/types/pixi/filter-args.d.ts +274 -0
  300. package/dist/types/types/pixi/filters-extended.d.ts +157 -0
  301. package/dist/types/types/pixi/filters.d.ts +38 -0
  302. package/dist/types/types/preview.d.ts +36 -0
  303. package/dist/types/types/pricing.d.ts +31 -0
  304. package/dist/types/types/quickbooks.d.ts +43 -0
  305. package/dist/types/types/receipt.d.ts +121 -0
  306. package/dist/types/types/rewards.d.ts +110 -0
  307. package/dist/types/types/saved-cart.d.ts +51 -0
  308. package/dist/types/types/settings.d.ts +63 -0
  309. package/dist/types/types/shipment.d.ts +62 -0
  310. package/dist/types/types/shipping.d.ts +98 -0
  311. package/dist/types/types/sidebar-variations.d.ts +226 -0
  312. package/dist/types/types/slots.d.ts +2 -0
  313. package/dist/types/types/specification-types.d.ts +70 -0
  314. package/dist/types/types/specifications.d.ts +163 -0
  315. package/dist/types/types/store.d.ts +64 -0
  316. package/dist/types/types/template.d.ts +8 -0
  317. package/dist/types/types/user.d.ts +47 -0
  318. package/dist/types/types/variant-groups.d.ts +158 -0
  319. package/dist/types/types/wishlist.d.ts +73 -0
  320. package/dist/types/types/workflow-wizard.d.ts +12 -0
  321. package/dist/types/video.d.ts +449 -0
  322. package/dist/utils/category-tree-constants.d.ts +42 -0
  323. package/dist/utils/cookies.d.ts +3 -0
  324. package/dist/utils/crypto-polyfill.d.ts +4 -0
  325. package/dist/utils/datetime.d.ts +43 -0
  326. package/dist/utils/debounce.d.ts +10 -0
  327. package/dist/utils/debugConsole.d.ts +69 -0
  328. package/dist/utils/editor/argHelpers.d.ts +6 -0
  329. package/dist/utils/formatters.d.ts +105 -0
  330. package/dist/utils/isPresignedAwsUrl.d.ts +67 -0
  331. package/dist/utils/media-helpers.d.ts +34 -0
  332. package/dist/utils/normalisePricing.d.ts +11 -0
  333. package/dist/utils/recipe-generator.d.ts +34 -0
  334. package/dist/utils/string.d.ts +29 -0
  335. package/dist/utils/unwrapApiResponse.d.ts +5 -0
  336. package/dist/utils/uuid.d.ts +30 -0
  337. package/dist/utils/validators.d.ts +28 -0
  338. package/dist/utils/video-export.d.ts +60 -0
  339. package/dist/v3-ionic-1-demo.html +440 -0
  340. package/dist/video-engine/VideoEngine.d.ts +267 -0
  341. package/dist/video-engine/adapters/AudioManager.d.ts +106 -0
  342. package/dist/video-engine/adapters/CSSFilterAdapter.d.ts +106 -0
  343. package/dist/video-engine/adapters/ExportManager.d.ts +88 -0
  344. package/dist/video-engine/adapters/FilterBridge.d.ts +96 -0
  345. package/dist/video-engine/adapters/MediablesCompositionAdapter.d.ts +56 -0
  346. package/dist/video-engine/adapters/PixiFrameExporter.d.ts +52 -0
  347. package/dist/video-engine/adapters/RenderQueue.d.ts +119 -0
  348. package/dist/video-engine/adapters/TextOverlayManager.d.ts +93 -0
  349. package/dist/video-engine/adapters/TimelineAdapter.d.ts +58 -0
  350. package/dist/video-engine/adapters/TransitionManager.d.ts +76 -0
  351. package/dist/video-engine/adapters/WebCodecsExport.d.ts +36 -0
  352. package/dist/video-engine/compositions/examples/example.d.ts +2 -0
  353. package/dist/video-engine/filters/CSSFilterSystem.d.ts +213 -0
  354. package/dist/video-engine/index.d.ts +14 -0
  355. package/dist/video-engine/presets/ExportPresets.d.ts +70 -0
  356. package/dist/video-engine/types/index.d.ts +96 -0
  357. package/dist/video-engine/types.d.ts +1 -0
  358. package/dist/video-engine/utils/EventEmitter.d.ts +12 -0
  359. package/dist/video-engine/utils/MediaSourceResolver.d.ts +9 -0
  360. package/dist/video-engine/utils/error-reporter.d.ts +159 -0
  361. package/dist/video-engine/utils/keyboard-shortcuts.d.ts +120 -0
  362. package/dist/video-engine/utils/pixi-video-fallback.d.ts +2 -0
  363. package/docs/video-subsystem/README.md +490 -0
  364. package/docs/video-subsystem/api-reference.md +747 -0
  365. package/docs/video-subsystem/component-examples.md +1477 -0
  366. package/docs/video-subsystem/integration-guide.md +1021 -0
  367. package/package.json +102 -0
package/dist/v3-ionic-1-demo.html ADDED
@@ -0,0 +1,440 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>V3 Ionic Image Editor Demo</title>
7
+
8
+ <!-- Ionic Framework -->
9
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css"/>
10
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
11
+
12
+ <!-- Vue 3 -->
13
+ <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
14
+
15
+ <!-- Tailwind CSS -->
16
+ <script src="https://cdn.tailwindcss.com"></script>
17
+
18
+ <!-- PIXI.js -->
19
+ <script src="https://pixijs.download/release/pixi.js"></script>
20
+
21
+ <!-- Pixi Filters -->
22
+ <script src="https://cdn.jsdelivr.net/npm/pixi-filters@latest/dist/pixi-filters.js"></script>
23
+
24
+ <style>
25
+ html, body {
26
+ margin: 0;
27
+ padding: 0;
28
+ height: 100%;
29
+ overflow: hidden;
30
+ }
31
+ #app {
32
+ height: 100vh;
33
+ width: 100vw;
34
+ }
35
+ </style>
36
+ </head>
37
+ <body>
38
+ <div id="app">
39
+ <ion-app>
40
+ <ion-page class="v3-editor-root bg-gray-950">
41
+ <!-- Header Toolbar -->
42
+ <ion-header class="border-b border-gray-800">
43
+ <ion-toolbar class="bg-gray-900">
44
+ <ion-title class="text-white text-lg font-semibold">
45
+ 🎨 Image Editor with Crop v3.0
46
+ </ion-title>
47
+ <ion-buttons slot="end" class="gap-2">
48
+ <ion-button @click="triggerFileUpload" fill="clear" class="bg-gray-700 hover:bg-gray-600 text-white px-4 rounded">
49
+ 📁 Open Image
50
+ </ion-button>
51
+ <ion-button @click="setMode('crop')" fill="clear"
52
+ :class="currentMode === 'crop' ? 'bg-blue-600 text-white px-4 rounded' : 'bg-gray-700 hover:bg-gray-600 text-white px-4 rounded'">
53
+ ✂️ Crop
54
+ </ion-button>
55
+ <ion-button @click="setMode('filters')" fill="clear"
56
+ :class="currentMode === 'filters' ? 'bg-blue-600 text-white px-4 rounded' : 'bg-gray-700 hover:bg-gray-600 text-white px-4 rounded'">
57
+ 🎨 Filters
58
+ </ion-button>
59
+ <ion-button @click="resetAll" fill="clear" class="bg-gray-700 hover:bg-gray-600 text-white px-4 rounded">
60
+ ↺ Reset
61
+ </ion-button>
62
+ <ion-button @click="downloadImage" fill="clear" class="bg-green-600 hover:bg-green-700 text-white px-4 rounded" :disabled="!currentImageUrl">
63
+ ⬇ Download
64
+ </ion-button>
65
+ </ion-buttons>
66
+ <input ref="fileInput" type="file" accept="image/*" @change="handleFileUpload" style="display: none;" />
67
+ </ion-toolbar>
68
+ </ion-header>
69
+
70
+ <ion-content class="bg-gray-950">
71
+ <!-- Main Layout Grid -->
72
+ <div class="grid grid-cols-[1fr_320px] h-full">
73
+ <!-- Canvas Area -->
74
+ <div class="relative flex items-center justify-center bg-gray-950 p-5">
75
+ <!-- Upload Area (shown when no image) -->
76
+ <div v-if="!currentImageUrl" @click="triggerFileUpload"
77
+ class="w-96 h-72 border-2 border-dashed border-gray-600 rounded-xl flex flex-col items-center justify-center cursor-pointer hover:border-blue-500 transition-colors">
78
+ <div class="text-6xl text-gray-500 mb-4">📸</div>
79
+ <div class="text-lg text-white mb-2">Drop image here</div>
80
+ <div class="text-gray-400">or click to browse</div>
81
+ </div>
82
+
83
+ <!-- Canvas Container -->
84
+ <div v-if="currentImageUrl" ref="canvasContainer" class="relative max-w-full max-h-full">
85
+ <!-- PIXI canvas will be inserted here -->
86
+ </div>
87
+ </div>
88
+
89
+ <!-- Controls Panel -->
90
+ <div class="bg-gray-900 border-l border-gray-800 overflow-y-auto p-4">
91
+ <!-- Crop Controls -->
92
+ <div v-if="currentMode === 'crop'" class="space-y-4">
93
+ <h3 class="text-white text-base font-medium mb-4">✂️ Crop Controls</h3>
94
+
95
+ <!-- Aspect Ratio Presets -->
96
+ <div class="space-y-2">
97
+ <label class="block text-sm text-gray-400">Aspect Ratio</label>
98
+ <div class="grid grid-cols-2 gap-2">
99
+ <ion-button v-for="preset in aspectRatioPresets" :key="preset.name"
100
+ @click="setAspectRatio(preset.ratio)" size="small" fill="clear"
101
+ :class="selectedAspectRatio === preset.ratio ? 'bg-blue-600 text-white text-xs' : 'bg-gray-700 text-white hover:bg-gray-600 text-xs'">
102
+ {{ preset.name }}
103
+ </ion-button>
104
+ </div>
105
+ </div>
106
+
107
+ <!-- Crop Actions -->
108
+ <div class="flex gap-2 mt-6">
109
+ <ion-button @click="applyCrop" expand="block" class="bg-green-600 hover:bg-green-700">
110
+ Apply Crop
111
+ </ion-button>
112
+ <ion-button @click="resetCrop" expand="block" fill="outline"
113
+ class="border-red-500 text-red-500 hover:bg-red-500 hover:text-white">
114
+ Reset
115
+ </ion-button>
116
+ </div>
117
+ </div>
118
+
119
+ <!-- Filter Controls -->
120
+ <div v-if="currentMode === 'filters'" class="space-y-4">
121
+ <h3 class="text-white text-base font-medium mb-4">🎨 Filters</h3>
122
+
123
+ <div class="text-sm text-gray-400 mb-4">
124
+ Demo with basic CSS filters. Upload an image to test!
125
+ </div>
126
+
127
+ <!-- Basic Filter Controls for Demo -->
128
+ <div class="space-y-3">
129
+ <div class="bg-gray-800 rounded-lg p-3">
130
+ <div class="flex items-center mb-2">
131
+ <ion-checkbox v-model="filters.brightness.enabled" class="mr-3"></ion-checkbox>
132
+ <span class="text-white text-sm font-medium">Brightness</span>
133
+ </div>
134
+ <div v-if="filters.brightness.enabled" class="space-y-1">
135
+ <div class="flex justify-between items-center">
136
+ <label class="text-xs text-gray-400">Amount</label>
137
+ <span class="text-xs text-gray-400">{{ filters.brightness.value }}%</span>
138
+ </div>
139
+ <ion-range :min="0" :max="200" :value="filters.brightness.value"
140
+ @ionInput="updateFilter('brightness', $event.detail.value)"
141
+ class="w-full brightness-slider" color="primary"></ion-range>
142
+ </div>
143
+ </div>
144
+
145
+ <div class="bg-gray-800 rounded-lg p-3">
146
+ <div class="flex items-center mb-2">
147
+ <ion-checkbox v-model="filters.contrast.enabled" class="mr-3"></ion-checkbox>
148
+ <span class="text-white text-sm font-medium">Contrast</span>
149
+ </div>
150
+ <div v-if="filters.contrast.enabled" class="space-y-1">
151
+ <div class="flex justify-between items-center">
152
+ <label class="text-xs text-gray-400">Amount</label>
153
+ <span class="text-xs text-gray-400">{{ filters.contrast.value }}%</span>
154
+ </div>
155
+ <ion-range :min="0" :max="200" :value="filters.contrast.value"
156
+ @ionInput="updateFilter('contrast', $event.detail.value)"
157
+ class="w-full contrast-slider" color="primary"></ion-range>
158
+ </div>
159
+ </div>
160
+
161
+ <div class="bg-gray-800 rounded-lg p-3">
162
+ <div class="flex items-center mb-2">
163
+ <ion-checkbox v-model="filters.saturation.enabled" class="mr-3"></ion-checkbox>
164
+ <span class="text-white text-sm font-medium">Saturation</span>
165
+ </div>
166
+ <div v-if="filters.saturation.enabled" class="space-y-1">
167
+ <div class="flex justify-between items-center">
168
+ <label class="text-xs text-gray-400">Amount</label>
169
+ <span class="text-xs text-gray-400">{{ filters.saturation.value }}%</span>
170
+ </div>
171
+ <ion-range :min="0" :max="200" :value="filters.saturation.value"
172
+ @ionInput="updateFilter('saturation', $event.detail.value)"
173
+ class="w-full saturation-slider" color="primary"></ion-range>
174
+ </div>
175
+ </div>
176
+
177
+ <div class="bg-gray-800 rounded-lg p-3">
178
+ <div class="flex items-center mb-2">
179
+ <ion-checkbox v-model="filters.blur.enabled" class="mr-3"></ion-checkbox>
180
+ <span class="text-white text-sm font-medium">Blur</span>
181
+ </div>
182
+ <div v-if="filters.blur.enabled" class="space-y-1">
183
+ <div class="flex justify-between items-center">
184
+ <label class="text-xs text-gray-400">Radius</label>
185
+ <span class="text-xs text-gray-400">{{ filters.blur.value }}px</span>
186
+ </div>
187
+ <ion-range :min="0" :max="20" :value="filters.blur.value"
188
+ @ionInput="updateFilter('blur', $event.detail.value)"
189
+ class="w-full blur-slider" color="primary"></ion-range>
190
+ </div>
191
+ </div>
192
+ </div>
193
+ </div>
194
+ </div>
195
+ </div>
196
+ </ion-content>
197
+ </ion-page>
198
+ </ion-app>
199
+ </div>
200
+
201
+ <script type="module">
202
+ const { createApp, ref, reactive } = Vue;
203
+
204
+ createApp({
205
+ setup() {
206
+ const currentImageUrl = ref('');
207
+ const currentMode = ref('filters');
208
+ const selectedAspectRatio = ref(null);
209
+ const fileInput = ref(null);
210
+ const canvasContainer = ref(null);
211
+
212
+ // Basic filters for demo
213
+ const filters = reactive({
214
+ brightness: { enabled: false, value: 100 },
215
+ contrast: { enabled: false, value: 100 },
216
+ saturation: { enabled: false, value: 100 },
217
+ blur: { enabled: false, value: 0 }
218
+ });
219
+
220
+ const aspectRatioPresets = [
221
+ { name: 'Free', ratio: null },
222
+ { name: 'Square', ratio: 1 },
223
+ { name: '16:9', ratio: 16/9 },
224
+ { name: '4:3', ratio: 4/3 },
225
+ { name: '9:16', ratio: 9/16 },
226
+ { name: '3:4', ratio: 3/4 },
227
+ { name: '2:3', ratio: 2/3 },
228
+ { name: '3:2', ratio: 3/2 }
229
+ ];
230
+
231
+ // PIXI Application
232
+ let pixiApp = null;
233
+ let imageSprite = null;
234
+
235
+ const triggerFileUpload = () => {
236
+ fileInput.value?.click();
237
+ };
238
+
239
+ const handleFileUpload = async (event) => {
240
+ const file = event.target.files?.[0];
241
+ if (file && file.type.startsWith('image/')) {
242
+ const reader = new FileReader();
243
+ reader.onload = async (e) => {
244
+ currentImageUrl.value = e.target.result;
245
+ await setupPixiApp();
246
+ };
247
+ reader.readAsDataURL(file);
248
+ }
249
+ };
250
+
251
+ const setupPixiApp = async () => {
252
+ if (!canvasContainer.value || !currentImageUrl.value) return;
253
+
254
+ // Clean up existing app
255
+ if (pixiApp) {
256
+ pixiApp.destroy(true, true);
257
+ pixiApp = null;
258
+ }
259
+
260
+ // Create new PIXI application
261
+ pixiApp = new PIXI.Application();
262
+ await pixiApp.init({
263
+ width: 800,
264
+ height: 600,
265
+ backgroundColor: 0x0a0a0a,
266
+ antialias: true
267
+ });
268
+
269
+ // Add canvas to container
270
+ canvasContainer.value.appendChild(pixiApp.canvas);
271
+
272
+ // Load image
273
+ try {
274
+ const texture = await PIXI.Assets.load(currentImageUrl.value);
275
+ imageSprite = new PIXI.Sprite(texture);
276
+
277
+ // Scale to fit canvas
278
+ const scaleX = pixiApp.screen.width / texture.width;
279
+ const scaleY = pixiApp.screen.height / texture.height;
280
+ const scale = Math.min(scaleX, scaleY);
281
+
282
+ imageSprite.scale.set(scale);
283
+ imageSprite.x = (pixiApp.screen.width - imageSprite.width) / 2;
284
+ imageSprite.y = (pixiApp.screen.height - imageSprite.height) / 2;
285
+
286
+ pixiApp.stage.addChild(imageSprite);
287
+ applyFilters();
288
+ } catch (error) {
289
+ console.error('Failed to load image:', error);
290
+ }
291
+ };
292
+
293
+ const updateFilter = (filterName, value) => {
294
+ filters[filterName].value = value;
295
+ applyFilters();
296
+ };
297
+
298
+ const applyFilters = () => {
299
+ if (!imageSprite) return;
300
+
301
+ // Apply CSS-style filters using PIXI
302
+ const filterString = [];
303
+ if (filters.brightness.enabled) filterString.push(`brightness(${filters.brightness.value}%)`);
304
+ if (filters.contrast.enabled) filterString.push(`contrast(${filters.contrast.value}%)`);
305
+ if (filters.saturation.enabled) filterString.push(`saturate(${filters.saturation.value}%)`);
306
+ if (filters.blur.enabled) filterString.push(`blur(${filters.blur.value}px)`);
307
+
308
+ // For demo, apply basic color matrix filter
309
+ const pixiFilters = [];
310
+ if (filters.brightness.enabled || filters.contrast.enabled || filters.saturation.enabled) {
311
+ const colorMatrix = new PIXI.ColorMatrixFilter();
312
+ if (filters.brightness.enabled) {
313
+ colorMatrix.brightness(filters.brightness.value / 100, false);
314
+ }
315
+ if (filters.contrast.enabled) {
316
+ colorMatrix.contrast(filters.contrast.value / 100, false);
317
+ }
318
+ if (filters.saturation.enabled) {
319
+ colorMatrix.saturate(filters.saturation.value / 100 - 1, false);
320
+ }
321
+ pixiFilters.push(colorMatrix);
322
+ }
323
+
324
+ if (filters.blur.enabled && filters.blur.value > 0) {
325
+ pixiFilters.push(new PIXI.BlurFilter(filters.blur.value));
326
+ }
327
+
328
+ imageSprite.filters = pixiFilters;
329
+ };
330
+
331
+ const setMode = (mode) => {
332
+ currentMode.value = mode;
333
+ };
334
+
335
+ const setAspectRatio = (ratio) => {
336
+ selectedAspectRatio.value = ratio;
337
+ };
338
+
339
+ const applyCrop = () => {
340
+ console.log('Crop applied (demo)');
341
+ };
342
+
343
+ const resetCrop = () => {
344
+ console.log('Crop reset (demo)');
345
+ };
346
+
347
+ const resetAll = () => {
348
+ Object.keys(filters).forEach(key => {
349
+ filters[key].enabled = false;
350
+ filters[key].value = key === 'brightness' || key === 'contrast' || key === 'saturation' ? 100 : 0;
351
+ });
352
+ applyFilters();
353
+ };
354
+
355
+ const downloadImage = () => {
356
+ if (!pixiApp) return;
357
+
358
+ pixiApp.renderer.extract.canvas(pixiApp.stage).toBlob((blob) => {
359
+ if (blob) {
360
+ const url = URL.createObjectURL(blob);
361
+ const link = document.createElement('a');
362
+ link.download = 'edited-image.png';
363
+ link.href = url;
364
+ link.click();
365
+ URL.revokeObjectURL(url);
366
+ }
367
+ }, 'image/png');
368
+ };
369
+
370
+ return {
371
+ currentImageUrl,
372
+ currentMode,
373
+ selectedAspectRatio,
374
+ filters,
375
+ aspectRatioPresets,
376
+ fileInput,
377
+ canvasContainer,
378
+ triggerFileUpload,
379
+ handleFileUpload,
380
+ updateFilter,
381
+ setMode,
382
+ setAspectRatio,
383
+ applyCrop,
384
+ resetCrop,
385
+ resetAll,
386
+ downloadImage
387
+ };
388
+ }
389
+ }).mount('#app');
390
+
391
+ // Apply IonRange styling fixes after mount
392
+ setTimeout(() => {
393
+ const ranges = document.querySelectorAll('ion-range');
394
+ ranges.forEach(range => {
395
+ range.style.setProperty('--height', '48px');
396
+ range.style.setProperty('--bar-height', '6px');
397
+ range.style.setProperty('--bar-background', 'rgba(255, 255, 255, 0.15)');
398
+ range.style.setProperty('--knob-size', '28px');
399
+ range.style.setProperty('--knob-background', '#3b82f6');
400
+ range.style.setProperty('--pin-background', '#3b82f6');
401
+ });
402
+ }, 100);
403
+ </script>
404
+
405
+ <style>
406
+ /* Dark theme and range slider styling */
407
+ ion-range {
408
+ --height: 48px !important;
409
+ --bar-height: 6px !important;
410
+ --bar-background: rgba(255, 255, 255, 0.15) !important;
411
+ --bar-background-active: #3b82f6 !important;
412
+ --knob-size: 28px !important;
413
+ --knob-background: #3b82f6 !important;
414
+ --knob-border-radius: 50% !important;
415
+ --pin-background: #3b82f6 !important;
416
+ --pin-color: white !important;
417
+ }
418
+
419
+ canvas {
420
+ border-radius: 8px;
421
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
422
+ }
423
+
424
+ /* Custom scrollbar */
425
+ .overflow-y-auto::-webkit-scrollbar {
426
+ width: 8px;
427
+ }
428
+ .overflow-y-auto::-webkit-scrollbar-track {
429
+ background: #1f2937;
430
+ }
431
+ .overflow-y-auto::-webkit-scrollbar-thumb {
432
+ background: #4b5563;
433
+ border-radius: 4px;
434
+ }
435
+ .overflow-y-auto::-webkit-scrollbar-thumb:hover {
436
+ background: #6b7280;
437
+ }
438
+ </style>
439
+ </body>
440
+ </html>