@gem-sdk/core 1.38.0 → 2.0.0-dev.834

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 (331) hide show
  1. package/dist/cjs/components/AddOn.js +1 -18
  2. package/dist/cjs/components/ComponentToolbarPreview.js +1 -465
  3. package/dist/cjs/components/ComponentWrapper.js +1 -46
  4. package/dist/cjs/components/ComponentWrapperPreview.js +1 -136
  5. package/dist/cjs/components/Empty.js +1 -7
  6. package/dist/cjs/components/Render.js +1 -65
  7. package/dist/cjs/components/Render.liquid.js +14 -288
  8. package/dist/cjs/components/RenderBlock.js +1 -54
  9. package/dist/cjs/components/RenderCustomCode.js +3 -56
  10. package/dist/cjs/components/RenderPreview.js +1 -66
  11. package/dist/cjs/components/RenderSection.js +1 -23
  12. package/dist/cjs/components/ai-generator/AIContentGenerator.js +1 -0
  13. package/dist/cjs/components/ai-generator/AIGenContentLoading.js +1 -0
  14. package/dist/cjs/components/ai-generator/components/PickProduct.js +1 -0
  15. package/dist/cjs/components/ai-generator/components/ToneAndVoice.js +1 -0
  16. package/dist/cjs/components/ai-generator/hooks/useGettingGenerateRequest.js +1 -0
  17. package/dist/cjs/components/ai-generator/hooks/useListenEventGenerate.js +1 -0
  18. package/dist/cjs/components/ai-generator/icons/AIIcon.js +1 -0
  19. package/dist/cjs/components/ai-generator/icons/CloseIcon.js +1 -0
  20. package/dist/cjs/components/ai-generator/icons/DropdownIcon.js +1 -0
  21. package/dist/cjs/components/ai-generator/icons/ShowMoreIcon.js +1 -0
  22. package/dist/cjs/components/animation/AnimationWrapper.js +1 -0
  23. package/dist/cjs/components/constant.js +1 -54
  24. package/dist/cjs/components/resize/Resize.js +1 -16
  25. package/dist/cjs/components/resize/Spacing.js +1 -248
  26. package/dist/cjs/components/src/product/helpers/variant-presets.js +1 -56
  27. package/dist/cjs/components/theme-section/CreateThemeSection.js +1 -117
  28. package/dist/cjs/components/theme-section/ThemeSectionStatus.js +1 -36
  29. package/dist/cjs/components/theme-section/ThemeSectionTooltip.js +1 -102
  30. package/dist/cjs/components/toolbar/Tooltip.js +1 -22
  31. package/dist/cjs/contexts/AddonContext.js +1 -36
  32. package/dist/cjs/contexts/BuilderComponent.js +1 -34
  33. package/dist/cjs/contexts/BuilderContext.js +1 -35
  34. package/dist/cjs/contexts/BuilderPreviewContext.js +1 -479
  35. package/dist/cjs/contexts/CartLineContext.js +1 -29
  36. package/dist/cjs/contexts/CollectionContext.js +1 -38
  37. package/dist/cjs/contexts/ModalContext.js +1 -47
  38. package/dist/cjs/contexts/PageContext.js +1 -44
  39. package/dist/cjs/contexts/ProductContext.js +1 -156
  40. package/dist/cjs/contexts/ProductListContext.js +1 -32
  41. package/dist/cjs/contexts/SectionContext.js +1 -53
  42. package/dist/cjs/contexts/ShopContext.js +1 -80
  43. package/dist/cjs/graphql/fragments/analytic.generated.js +2 -6
  44. package/dist/cjs/graphql/fragments/collection-detail.generated.js +2 -6
  45. package/dist/cjs/graphql/fragments/collection-product.generated.js +2 -6
  46. package/dist/cjs/graphql/fragments/collection.generated.js +2 -6
  47. package/dist/cjs/graphql/fragments/custom-code.generated.js +2 -6
  48. package/dist/cjs/graphql/fragments/custom-font.generated.js +2 -6
  49. package/dist/cjs/graphql/fragments/data-seo.generated.js +2 -6
  50. package/dist/cjs/graphql/fragments/media.generated.js +2 -6
  51. package/dist/cjs/graphql/fragments/product-little.generated.js +11 -6
  52. package/dist/cjs/graphql/fragments/product-option-value.generated.js +2 -6
  53. package/dist/cjs/graphql/fragments/product-option.generated.js +2 -6
  54. package/dist/cjs/graphql/fragments/product.generated.js +11 -6
  55. package/dist/cjs/graphql/fragments/published-custom-section.generated.js +2 -6
  56. package/dist/cjs/graphql/fragments/published-page-section.generated.js +2 -6
  57. package/dist/cjs/graphql/fragments/published-theme-page.generated.js +3 -9
  58. package/dist/cjs/graphql/fragments/published-theme-style.generated.js +2 -6
  59. package/dist/cjs/graphql/fragments/selected-option.generated.js +2 -6
  60. package/dist/cjs/graphql/fragments/variant.generated.js +2 -6
  61. package/dist/cjs/graphql/mutations/page-view-up.generated.js +3 -7
  62. package/dist/cjs/graphql/queries/collection-detail-filter.generated.js +2 -16
  63. package/dist/cjs/graphql/queries/collection.generated.js +2 -14
  64. package/dist/cjs/graphql/queries/collections.generated.js +2 -9
  65. package/dist/cjs/graphql/queries/preview-page.generated.js +2 -14
  66. package/dist/cjs/graphql/queries/product-little-detail.generated.js +2 -11
  67. package/dist/cjs/graphql/queries/product-medias.generated.js +2 -8
  68. package/dist/cjs/graphql/queries/product-value-label.generated.js +2 -6
  69. package/dist/cjs/graphql/queries/product-variants.generated.js +2 -10
  70. package/dist/cjs/graphql/queries/products.generated.js +12 -17
  71. package/dist/cjs/graphql/queries/published-theme-pages.generated.js +2 -15
  72. package/dist/cjs/graphql/queries/store-property.generated.js +2 -6
  73. package/dist/cjs/graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js +21 -0
  74. package/dist/cjs/graphql-app-api/queries/LibraryTemplate.generated.js +13 -0
  75. package/dist/cjs/graphql-app-api/queries/SaleFunnelDiscounts.generated.js +34 -0
  76. package/dist/cjs/graphql-app-api/queries/ThemePage.generated.js +22 -0
  77. package/dist/cjs/helpers/GlobalEvent.js +1 -19
  78. package/dist/cjs/helpers/animations.js +1 -213
  79. package/dist/cjs/helpers/background.js +1 -230
  80. package/dist/cjs/helpers/borders.js +4 -183
  81. package/dist/cjs/helpers/carousel.js +1 -58
  82. package/dist/cjs/helpers/clone-deep.js +1 -5
  83. package/dist/cjs/helpers/cls.js +1 -16
  84. package/dist/cjs/helpers/colors.js +1 -184
  85. package/dist/cjs/helpers/compose-advance-style.js +1 -268
  86. package/dist/cjs/helpers/constant.js +1 -23
  87. package/dist/cjs/helpers/convert.js +1 -7
  88. package/dist/cjs/helpers/covert-entities-html.js +1 -19
  89. package/dist/cjs/helpers/css-variable.js +1 -7
  90. package/dist/cjs/helpers/email.js +1 -11
  91. package/dist/cjs/helpers/filter-toolbar-preview.js +1 -14
  92. package/dist/cjs/helpers/flatten-connection.js +1 -9
  93. package/dist/cjs/helpers/get-resonsive-value.js +1 -36
  94. package/dist/cjs/helpers/get-shortname.js +1 -92
  95. package/dist/cjs/helpers/icon-list.js +1 -61
  96. package/dist/cjs/helpers/is-browser.js +1 -9
  97. package/dist/cjs/helpers/is-defined.js +1 -7
  98. package/dist/cjs/helpers/is-empty-children.js +1 -15
  99. package/dist/cjs/helpers/is-safari.js +1 -9
  100. package/dist/cjs/helpers/layout.js +1 -59
  101. package/dist/cjs/helpers/load-script.js +1 -31
  102. package/dist/cjs/helpers/make-style.js +1 -163
  103. package/dist/cjs/helpers/normalize-builder-data.js +1 -23
  104. package/dist/cjs/helpers/prefetch-queries.js +1 -78
  105. package/dist/cjs/helpers/product.js +1 -48
  106. package/dist/cjs/helpers/queries/get-collection.js +1 -226
  107. package/dist/cjs/helpers/queries/get-collections.js +1 -21
  108. package/dist/cjs/helpers/queries/get-product-by-slug.js +1 -125
  109. package/dist/cjs/helpers/queries/get-product.js +1 -154
  110. package/dist/cjs/helpers/queries/get-products.js +1 -163
  111. package/dist/cjs/helpers/query.js +1 -29
  112. package/dist/cjs/helpers/radius.js +6 -140
  113. package/dist/cjs/helpers/render.js +1 -76
  114. package/dist/cjs/helpers/shadow.js +1 -57
  115. package/dist/cjs/helpers/size.js +4 -183
  116. package/dist/cjs/helpers/spacing.js +1 -43
  117. package/dist/cjs/helpers/tracking/fpixel.js +1 -28
  118. package/dist/cjs/helpers/tracking/gtag.js +1 -93
  119. package/dist/cjs/helpers/tracking/tiktokpixel.js +1 -17
  120. package/dist/cjs/helpers/typography.js +17 -126
  121. package/dist/cjs/helpers/variant.js +1 -11
  122. package/dist/cjs/hooks/animation/animations.js +1 -0
  123. package/dist/cjs/hooks/animation/useAnimationActions.js +1 -39
  124. package/dist/cjs/hooks/animation/useAnimationConfig.js +1 -29
  125. package/dist/cjs/hooks/animation/useAnimationPreview.js +1 -31
  126. package/dist/cjs/hooks/animation/useAnimationTarget.js +1 -120
  127. package/dist/cjs/hooks/animation/useApplyAnimation.js +1 -87
  128. package/dist/cjs/hooks/animation/useLivePageAnimation.js +1 -0
  129. package/dist/cjs/hooks/cart/use-add-to-cart.js +1 -20
  130. package/dist/cjs/hooks/cart/use-cart-data.js +1 -28
  131. package/dist/cjs/hooks/cart/use-cart-discount-codes-update.js +1 -20
  132. package/dist/cjs/hooks/cart/use-cart-note-update.js +1 -20
  133. package/dist/cjs/hooks/cart/use-create-cart.js +1 -22
  134. package/dist/cjs/hooks/cart/use-remove-cart-item.js +1 -20
  135. package/dist/cjs/hooks/cart/use-update-cart-item.js +1 -20
  136. package/dist/cjs/hooks/shop/use-collection-query.js +1 -22
  137. package/dist/cjs/hooks/shop/use-collections-query.js +1 -17
  138. package/dist/cjs/hooks/shop/use-product-query.js +1 -22
  139. package/dist/cjs/hooks/shop/use-products-query.js +1 -23
  140. package/dist/cjs/hooks/shop.js +1 -126
  141. package/dist/cjs/hooks/use-current-device.js +1 -21
  142. package/dist/cjs/hooks/use-lazy-video.js +1 -15
  143. package/dist/cjs/hooks/useAnimations.js +1 -26
  144. package/dist/cjs/hooks/useCartId.js +1 -44
  145. package/dist/cjs/hooks/useCartLine.js +1 -11
  146. package/dist/cjs/hooks/useCartUI.js +1 -48
  147. package/dist/cjs/hooks/useCollection.js +1 -9
  148. package/dist/cjs/hooks/useFetchHandle.js +1 -13
  149. package/dist/cjs/hooks/useFormatMoney.js +1 -58
  150. package/dist/cjs/hooks/useInitialSwatchesOptions.js +1 -113
  151. package/dist/cjs/hooks/useIsomorphicLayoutEffect.js +1 -10
  152. package/dist/cjs/hooks/useLoadScript.js +1 -32
  153. package/dist/cjs/hooks/useMoney.js +1 -84
  154. package/dist/cjs/hooks/usePrevious.js +1 -19
  155. package/dist/cjs/hooks/useProduct.js +1 -206
  156. package/dist/cjs/hooks/useProductList.js +1 -21
  157. package/dist/cjs/hooks/useSuspenseFetch.js +1 -27
  158. package/dist/cjs/hooks/useSwatchesOptions.js +1 -41
  159. package/dist/cjs/hooks/useToolbarPostPurchase.js +1 -0
  160. package/dist/cjs/index.js +1 -361
  161. package/dist/cjs/types/animations.js +1 -47
  162. package/dist/cjs/types/appAPI.js +1 -0
  163. package/dist/cjs/types/global-style.js +1 -15
  164. package/dist/cjs/types/shop.js +1 -2
  165. package/dist/cjs/web-components/src/helpers/styles/constant.js +1 -9
  166. package/dist/esm/components/AddOn.js +1 -14
  167. package/dist/esm/components/ComponentToolbarPreview.js +1 -463
  168. package/dist/esm/components/ComponentWrapper.js +1 -42
  169. package/dist/esm/components/ComponentWrapperPreview.js +1 -132
  170. package/dist/esm/components/Empty.js +1 -3
  171. package/dist/esm/components/Render.js +1 -61
  172. package/dist/esm/components/Render.liquid.js +14 -282
  173. package/dist/esm/components/RenderBlock.js +1 -50
  174. package/dist/esm/components/RenderCustomCode.js +3 -52
  175. package/dist/esm/components/RenderPreview.js +1 -62
  176. package/dist/esm/components/RenderSection.js +1 -19
  177. package/dist/esm/components/ai-generator/AIContentGenerator.js +1 -0
  178. package/dist/esm/components/ai-generator/AIGenContentLoading.js +1 -0
  179. package/dist/esm/components/ai-generator/components/PickProduct.js +1 -0
  180. package/dist/esm/components/ai-generator/components/ToneAndVoice.js +1 -0
  181. package/dist/esm/components/ai-generator/hooks/useGettingGenerateRequest.js +1 -0
  182. package/dist/esm/components/ai-generator/hooks/useListenEventGenerate.js +1 -0
  183. package/dist/esm/components/ai-generator/icons/AIIcon.js +1 -0
  184. package/dist/esm/components/ai-generator/icons/CloseIcon.js +1 -0
  185. package/dist/esm/components/ai-generator/icons/DropdownIcon.js +1 -0
  186. package/dist/esm/components/ai-generator/icons/ShowMoreIcon.js +1 -0
  187. package/dist/esm/components/animation/AnimationWrapper.js +1 -0
  188. package/dist/esm/components/constant.js +1 -50
  189. package/dist/esm/components/resize/Resize.js +1 -12
  190. package/dist/esm/components/resize/Spacing.js +1 -244
  191. package/dist/esm/components/src/product/helpers/variant-presets.js +1 -54
  192. package/dist/esm/components/theme-section/CreateThemeSection.js +1 -115
  193. package/dist/esm/components/theme-section/ThemeSectionStatus.js +1 -34
  194. package/dist/esm/components/theme-section/ThemeSectionTooltip.js +1 -100
  195. package/dist/esm/components/toolbar/Tooltip.js +1 -18
  196. package/dist/esm/contexts/AddonContext.js +1 -32
  197. package/dist/esm/contexts/BuilderComponent.js +1 -31
  198. package/dist/esm/contexts/BuilderContext.js +1 -32
  199. package/dist/esm/contexts/BuilderPreviewContext.js +1 -476
  200. package/dist/esm/contexts/CartLineContext.js +1 -26
  201. package/dist/esm/contexts/CollectionContext.js +1 -35
  202. package/dist/esm/contexts/ModalContext.js +1 -44
  203. package/dist/esm/contexts/PageContext.js +1 -41
  204. package/dist/esm/contexts/ProductContext.js +1 -153
  205. package/dist/esm/contexts/ProductListContext.js +1 -28
  206. package/dist/esm/contexts/SectionContext.js +1 -49
  207. package/dist/esm/contexts/ShopContext.js +1 -77
  208. package/dist/esm/graphql/fragments/analytic.generated.js +2 -4
  209. package/dist/esm/graphql/fragments/collection-detail.generated.js +2 -4
  210. package/dist/esm/graphql/fragments/collection-product.generated.js +2 -4
  211. package/dist/esm/graphql/fragments/collection.generated.js +2 -4
  212. package/dist/esm/graphql/fragments/custom-code.generated.js +2 -4
  213. package/dist/esm/graphql/fragments/custom-font.generated.js +2 -4
  214. package/dist/esm/graphql/fragments/data-seo.generated.js +2 -4
  215. package/dist/esm/graphql/fragments/media.generated.js +2 -4
  216. package/dist/esm/graphql/fragments/product-little.generated.js +11 -4
  217. package/dist/esm/graphql/fragments/product-option-value.generated.js +2 -4
  218. package/dist/esm/graphql/fragments/product-option.generated.js +2 -4
  219. package/dist/esm/graphql/fragments/product.generated.js +11 -4
  220. package/dist/esm/graphql/fragments/published-custom-section.generated.js +2 -4
  221. package/dist/esm/graphql/fragments/published-page-section.generated.js +2 -4
  222. package/dist/esm/graphql/fragments/published-theme-page.generated.js +3 -6
  223. package/dist/esm/graphql/fragments/published-theme-style.generated.js +2 -4
  224. package/dist/esm/graphql/fragments/selected-option.generated.js +2 -4
  225. package/dist/esm/graphql/fragments/variant.generated.js +2 -4
  226. package/dist/esm/graphql/mutations/page-view-up.generated.js +3 -5
  227. package/dist/esm/graphql/queries/collection-detail-filter.generated.js +10 -22
  228. package/dist/esm/graphql/queries/collection.generated.js +8 -18
  229. package/dist/esm/graphql/queries/collections.generated.js +3 -8
  230. package/dist/esm/graphql/queries/preview-page.generated.js +8 -18
  231. package/dist/esm/graphql/queries/product-little-detail.generated.js +5 -12
  232. package/dist/esm/graphql/queries/product-medias.generated.js +2 -6
  233. package/dist/esm/graphql/queries/product-value-label.generated.js +2 -4
  234. package/dist/esm/graphql/queries/product-variants.generated.js +4 -10
  235. package/dist/esm/graphql/queries/products.generated.js +18 -20
  236. package/dist/esm/graphql/queries/published-theme-pages.generated.js +9 -20
  237. package/dist/esm/graphql/queries/store-property.generated.js +2 -4
  238. package/dist/esm/graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js +21 -0
  239. package/dist/esm/graphql-app-api/queries/LibraryTemplate.generated.js +13 -0
  240. package/dist/esm/graphql-app-api/queries/SaleFunnelDiscounts.generated.js +34 -0
  241. package/dist/esm/graphql-app-api/queries/ThemePage.generated.js +22 -0
  242. package/dist/esm/helpers/GlobalEvent.js +1 -15
  243. package/dist/esm/helpers/animations.js +1 -211
  244. package/dist/esm/helpers/background.js +1 -222
  245. package/dist/esm/helpers/borders.js +4 -175
  246. package/dist/esm/helpers/carousel.js +1 -54
  247. package/dist/esm/helpers/clone-deep.js +1 -3
  248. package/dist/esm/helpers/cls.js +1 -14
  249. package/dist/esm/helpers/colors.js +1 -169
  250. package/dist/esm/helpers/compose-advance-style.js +1 -261
  251. package/dist/esm/helpers/constant.js +1 -19
  252. package/dist/esm/helpers/convert.js +1 -4
  253. package/dist/esm/helpers/covert-entities-html.js +1 -17
  254. package/dist/esm/helpers/css-variable.js +1 -5
  255. package/dist/esm/helpers/email.js +1 -6
  256. package/dist/esm/helpers/filter-toolbar-preview.js +1 -9
  257. package/dist/esm/helpers/flatten-connection.js +1 -7
  258. package/dist/esm/helpers/get-resonsive-value.js +1 -31
  259. package/dist/esm/helpers/get-shortname.js +1 -90
  260. package/dist/esm/helpers/icon-list.js +1 -58
  261. package/dist/esm/helpers/is-browser.js +1 -5
  262. package/dist/esm/helpers/is-defined.js +1 -5
  263. package/dist/esm/helpers/is-empty-children.js +1 -10
  264. package/dist/esm/helpers/is-safari.js +1 -5
  265. package/dist/esm/helpers/layout.js +1 -54
  266. package/dist/esm/helpers/load-script.js +1 -29
  267. package/dist/esm/helpers/make-style.js +1 -149
  268. package/dist/esm/helpers/normalize-builder-data.js +1 -21
  269. package/dist/esm/helpers/prefetch-queries.js +1 -76
  270. package/dist/esm/helpers/product.js +1 -44
  271. package/dist/esm/helpers/queries/get-collection.js +1 -223
  272. package/dist/esm/helpers/queries/get-collections.js +1 -19
  273. package/dist/esm/helpers/queries/get-product-by-slug.js +1 -123
  274. package/dist/esm/helpers/queries/get-product.js +1 -150
  275. package/dist/esm/helpers/queries/get-products.js +1 -161
  276. package/dist/esm/helpers/query.js +1 -25
  277. package/dist/esm/helpers/radius.js +6 -132
  278. package/dist/esm/helpers/render.js +1 -68
  279. package/dist/esm/helpers/shadow.js +1 -52
  280. package/dist/esm/helpers/size.js +4 -171
  281. package/dist/esm/helpers/spacing.js +1 -40
  282. package/dist/esm/helpers/tracking/fpixel.js +1 -24
  283. package/dist/esm/helpers/tracking/gtag.js +1 -87
  284. package/dist/esm/helpers/tracking/tiktokpixel.js +1 -15
  285. package/dist/esm/helpers/typography.js +17 -116
  286. package/dist/esm/helpers/variant.js +1 -9
  287. package/dist/esm/hooks/animation/animations.js +1 -0
  288. package/dist/esm/hooks/animation/useAnimationActions.js +1 -37
  289. package/dist/esm/hooks/animation/useAnimationConfig.js +1 -27
  290. package/dist/esm/hooks/animation/useAnimationPreview.js +1 -29
  291. package/dist/esm/hooks/animation/useAnimationTarget.js +1 -118
  292. package/dist/esm/hooks/animation/useApplyAnimation.js +1 -83
  293. package/dist/esm/hooks/animation/useLivePageAnimation.js +1 -0
  294. package/dist/esm/hooks/cart/use-add-to-cart.js +1 -18
  295. package/dist/esm/hooks/cart/use-cart-data.js +1 -26
  296. package/dist/esm/hooks/cart/use-cart-discount-codes-update.js +1 -18
  297. package/dist/esm/hooks/cart/use-cart-note-update.js +1 -18
  298. package/dist/esm/hooks/cart/use-create-cart.js +1 -20
  299. package/dist/esm/hooks/cart/use-remove-cart-item.js +1 -18
  300. package/dist/esm/hooks/cart/use-update-cart-item.js +1 -18
  301. package/dist/esm/hooks/shop/use-collection-query.js +1 -20
  302. package/dist/esm/hooks/shop/use-collections-query.js +1 -15
  303. package/dist/esm/hooks/shop/use-product-query.js +1 -20
  304. package/dist/esm/hooks/shop/use-products-query.js +1 -21
  305. package/dist/esm/hooks/shop.js +1 -111
  306. package/dist/esm/hooks/use-current-device.js +1 -19
  307. package/dist/esm/hooks/use-lazy-video.js +1 -13
  308. package/dist/esm/hooks/useAnimations.js +1 -24
  309. package/dist/esm/hooks/useCartId.js +1 -40
  310. package/dist/esm/hooks/useCartLine.js +1 -7
  311. package/dist/esm/hooks/useCartUI.js +1 -44
  312. package/dist/esm/hooks/useCollection.js +1 -7
  313. package/dist/esm/hooks/useFetchHandle.js +1 -11
  314. package/dist/esm/hooks/useFormatMoney.js +1 -56
  315. package/dist/esm/hooks/useInitialSwatchesOptions.js +1 -109
  316. package/dist/esm/hooks/useIsomorphicLayoutEffect.js +1 -6
  317. package/dist/esm/hooks/useLoadScript.js +1 -28
  318. package/dist/esm/hooks/useMoney.js +1 -80
  319. package/dist/esm/hooks/usePrevious.js +1 -17
  320. package/dist/esm/hooks/useProduct.js +1 -192
  321. package/dist/esm/hooks/useProductList.js +1 -16
  322. package/dist/esm/hooks/useSuspenseFetch.js +1 -23
  323. package/dist/esm/hooks/useSwatchesOptions.js +1 -37
  324. package/dist/esm/hooks/useToolbarPostPurchase.js +1 -0
  325. package/dist/esm/index.js +1 -100
  326. package/dist/esm/types/animations.js +1 -47
  327. package/dist/esm/types/appAPI.js +1 -0
  328. package/dist/esm/types/global-style.js +1 -12
  329. package/dist/esm/web-components/src/helpers/styles/constant.js +1 -7
  330. package/dist/types/index.d.ts +25970 -6309
  331. package/package.json +8 -3
@@ -1,12 +1,4 @@
1
- import { ProductSelect } from '../fragments/product.generated.js';
2
- import { ProductLittleSelect } from '../fragments/product-little.generated.js';
3
- import { ProductOptionSelect } from '../fragments/product-option.generated.js';
4
- import { ProductOptionValueSelect } from '../fragments/product-option-value.generated.js';
5
- import { MediaSelect } from '../fragments/media.generated.js';
6
- import { VariantSelect } from '../fragments/variant.generated.js';
7
- import { SelectedOptionSelect } from '../fragments/selected-option.generated.js';
8
-
9
- const CollectionDocument = `
1
+ import{ProductSelect as e}from"../fragments/product.generated.js";import{ProductLittleSelect as t}from"../fragments/product-little.generated.js";import{ProductOptionSelect as r}from"../fragments/product-option.generated.js";import{ProductOptionValueSelect as o}from"../fragments/product-option-value.generated.js";import{MediaSelect as a}from"../fragments/media.generated.js";import{VariantSelect as i}from"../fragments/variant.generated.js";import{SelectedOptionSelect as n}from"../fragments/selected-option.generated.js";let CollectionDocument=`
10
2
  query collection($first: Int = 5, $firstMedia: Int = 20, $orderByMedia: MediaOrder, $afterMedia: Cursor, $firstVariant: Int = 20, $afterVariant: Cursor, $handle: String, $id: ID) {
11
3
  collection(handle: $handle, id: $id) {
12
4
  baseID
@@ -39,12 +31,10 @@ const CollectionDocument = `
39
31
  updatedAt
40
32
  }
41
33
  }
42
- ${ProductSelect}
43
- ${ProductLittleSelect}
44
- ${ProductOptionSelect}
45
- ${ProductOptionValueSelect}
46
- ${MediaSelect}
47
- ${VariantSelect}
48
- ${SelectedOptionSelect}`;
49
-
50
- export { CollectionDocument };
34
+ ${e}
35
+ ${t}
36
+ ${r}
37
+ ${o}
38
+ ${a}
39
+ ${i}
40
+ ${n}`;export{CollectionDocument};
@@ -1,7 +1,4 @@
1
- import { CollectionSelect } from '../fragments/collection.generated.js';
2
- import { CollectionDetailSelect } from '../fragments/collection-detail.generated.js';
3
-
4
- const CollectionsDocument = `
1
+ import{CollectionSelect as e}from"../fragments/collection.generated.js";import{CollectionDetailSelect as r}from"../fragments/collection-detail.generated.js";let CollectionsDocument=`
5
2
  query Collections($after: Cursor, $first: Int, $before: Cursor, $last: Int, $where: CollectionWhereInput, $orderBy: CollectionOrder) {
6
3
  collections(
7
4
  after: $after
@@ -18,7 +15,5 @@ const CollectionsDocument = `
18
15
  }
19
16
  }
20
17
  }
21
- ${CollectionSelect}
22
- ${CollectionDetailSelect}`;
23
-
24
- export { CollectionsDocument };
18
+ ${e}
19
+ ${r}`;export{CollectionsDocument};
@@ -1,23 +1,13 @@
1
- import { PreviewThemePageSelect } from '../fragments/published-theme-page.generated.js';
2
- import { PublishedPageSectionSelect } from '../fragments/published-page-section.generated.js';
3
- import { PublishedCustomSectionSelect } from '../fragments/published-custom-section.generated.js';
4
- import { DataSeoSelect } from '../fragments/data-seo.generated.js';
5
- import { PublishedThemeStyleSelect } from '../fragments/published-theme-style.generated.js';
6
- import { AnalyticSelect } from '../fragments/analytic.generated.js';
7
- import { CustomCodeSelect } from '../fragments/custom-code.generated.js';
8
-
9
- const PreviewPageDocument = `
1
+ import{PreviewThemePageSelect as e}from"../fragments/published-theme-page.generated.js";import{PublishedPageSectionSelect as r}from"../fragments/published-page-section.generated.js";import{PublishedCustomSectionSelect as t}from"../fragments/published-custom-section.generated.js";import{DataSeoSelect as a}from"../fragments/data-seo.generated.js";import{PublishedThemeStyleSelect as m}from"../fragments/published-theme-style.generated.js";import{AnalyticSelect as g}from"../fragments/analytic.generated.js";import{CustomCodeSelect as s}from"../fragments/custom-code.generated.js";let PreviewPageDocument=`
10
2
  query previewPage($handleURL: String, $pageType: PublishedThemePageType!) {
11
3
  previewPage(handleURL: $handleURL, pageType: $pageType) {
12
4
  ...PreviewThemePageSelect
13
5
  }
14
6
  }
15
- ${PreviewThemePageSelect}
16
- ${PublishedPageSectionSelect}
17
- ${PublishedCustomSectionSelect}
18
- ${DataSeoSelect}
19
- ${PublishedThemeStyleSelect}
20
- ${AnalyticSelect}
21
- ${CustomCodeSelect}`;
22
-
23
- export { PreviewPageDocument };
7
+ ${e}
8
+ ${r}
9
+ ${t}
10
+ ${a}
11
+ ${m}
12
+ ${g}
13
+ ${s}`;export{PreviewPageDocument};
@@ -1,9 +1,4 @@
1
- import { ProductLittleSelect } from '../fragments/product-little.generated.js';
2
- import { ProductOptionSelect } from '../fragments/product-option.generated.js';
3
- import { ProductOptionValueSelect } from '../fragments/product-option-value.generated.js';
4
- import { MediaSelect } from '../fragments/media.generated.js';
5
-
6
- const ProductLittleDetailDocument = `
1
+ import{ProductLittleSelect as e}from"../fragments/product-little.generated.js";import{ProductOptionSelect as t}from"../fragments/product-option.generated.js";import{ProductOptionValueSelect as r}from"../fragments/product-option-value.generated.js";import{MediaSelect as o}from"../fragments/media.generated.js";let ProductLittleDetailDocument=`
7
2
  query productLittleDetail($orderBy: ProductOrder, $where: ProductWhereInput) {
8
3
  product: products(first: 1, orderBy: $orderBy, where: $where) {
9
4
  edges {
@@ -14,9 +9,7 @@ const ProductLittleDetailDocument = `
14
9
  }
15
10
  }
16
11
  }
17
- ${ProductLittleSelect}
18
- ${ProductOptionSelect}
19
- ${ProductOptionValueSelect}
20
- ${MediaSelect}`;
21
-
22
- export { ProductLittleDetailDocument };
12
+ ${e}
13
+ ${t}
14
+ ${r}
15
+ ${o}`;export{ProductLittleDetailDocument};
@@ -1,6 +1,4 @@
1
- import { MediaSelect } from '../fragments/media.generated.js';
2
-
3
- const ProductMediasDocument = `
1
+ import{MediaSelect as e}from"../fragments/media.generated.js";let ProductMediasDocument=`
4
2
  query productMedias($firstMedia: Int = 50, $afterMedia: Cursor, $orderBy: ProductOrder, $where: ProductWhereInput, $orderByMedia: MediaOrder) {
5
3
  medias: products(first: 1, orderBy: $orderBy, where: $where) {
6
4
  edges {
@@ -22,6 +20,4 @@ const ProductMediasDocument = `
22
20
  }
23
21
  }
24
22
  }
25
- ${MediaSelect}`;
26
-
27
- export { ProductMediasDocument };
23
+ ${e}`;export{ProductMediasDocument};
@@ -1,9 +1,7 @@
1
- const ProductOptionNameDocument = `
1
+ let ProductOptionNameDocument=`
2
2
  query productOptionName($limit: Int, $offset: Int) {
3
3
  productOptionName(
4
4
  limit: $limit,
5
5
  offset: $offset
6
6
  )
7
- }`;
8
-
9
- export { ProductOptionNameDocument };
7
+ }`;export{ProductOptionNameDocument};
@@ -1,8 +1,4 @@
1
- import { VariantSelect } from '../fragments/variant.generated.js';
2
- import { SelectedOptionSelect } from '../fragments/selected-option.generated.js';
3
- import { MediaSelect } from '../fragments/media.generated.js';
4
-
5
- const ProductVariantsDocument = `
1
+ import{VariantSelect as r}from"../fragments/variant.generated.js";import{SelectedOptionSelect as e}from"../fragments/selected-option.generated.js";import{MediaSelect as t}from"../fragments/media.generated.js";let ProductVariantsDocument=`
6
2
  query productVariants($firstVariant: Int = 100, $afterVariant: Cursor, $orderBy: ProductOrder, $orderByVariant: ProductVariantOrder, $where: ProductWhereInput, $first: Int = 1) {
7
3
  variants: products(first: $first, orderBy: $orderBy, where: $where) {
8
4
  edges {
@@ -24,8 +20,6 @@ const ProductVariantsDocument = `
24
20
  }
25
21
  }
26
22
  }
27
- ${VariantSelect}
28
- ${SelectedOptionSelect}
29
- ${MediaSelect}`;
30
-
31
- export { ProductVariantsDocument };
23
+ ${r}
24
+ ${e}
25
+ ${t}`;export{ProductVariantsDocument};
@@ -1,20 +1,20 @@
1
- import { ProductSelect } from '../fragments/product.generated.js';
2
- import { ProductLittleSelect } from '../fragments/product-little.generated.js';
3
- import { ProductOptionSelect } from '../fragments/product-option.generated.js';
4
- import { ProductOptionValueSelect } from '../fragments/product-option-value.generated.js';
5
- import { MediaSelect } from '../fragments/media.generated.js';
6
- import { VariantSelect } from '../fragments/variant.generated.js';
7
- import { SelectedOptionSelect } from '../fragments/selected-option.generated.js';
8
-
9
- const ProductsEdgeDetail = `
1
+ import{ProductSelect as e}from"../fragments/product.generated.js";import{ProductLittleSelect as r}from"../fragments/product-little.generated.js";import{ProductOptionSelect as t}from"../fragments/product-option.generated.js";import{ProductOptionValueSelect as o}from"../fragments/product-option-value.generated.js";import{MediaSelect as d}from"../fragments/media.generated.js";import{VariantSelect as a}from"../fragments/variant.generated.js";import{SelectedOptionSelect as s}from"../fragments/selected-option.generated.js";let ProductsEdgeDetail=`
10
2
  fragment ProductsEdgeDetail on ProductEdge {
11
3
  cursor
12
4
  node {
13
5
  ...ProductSelect
6
+ tags
7
+ collections {
8
+ edges {
9
+ node {
10
+ id
11
+ title
12
+ }
13
+ }
14
+ }
14
15
  }
15
16
  }
16
- `;
17
- const ProductsDocument = `
17
+ `,ProductsDocument=`
18
18
  query products($first: Int, $where: ProductWhereInput, $firstMedia: Int, $orderBy: ProductOrder, $after: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $orderByMedia: MediaOrder) {
19
19
  products(first: $first, where: $where, orderBy: $orderBy, after: $after) {
20
20
  edges {
@@ -27,12 +27,10 @@ const ProductsDocument = `
27
27
  }
28
28
  }
29
29
  ${ProductsEdgeDetail}
30
- ${ProductSelect}
31
- ${ProductLittleSelect}
32
- ${ProductOptionSelect}
33
- ${ProductOptionValueSelect}
34
- ${MediaSelect}
35
- ${VariantSelect}
36
- ${SelectedOptionSelect}`;
37
-
38
- export { ProductsDocument, ProductsEdgeDetail };
30
+ ${e}
31
+ ${r}
32
+ ${t}
33
+ ${o}
34
+ ${d}
35
+ ${a}
36
+ ${s}`;export{ProductsDocument,ProductsEdgeDetail};
@@ -1,25 +1,14 @@
1
- import { PublishedThemePageSelect } from '../fragments/published-theme-page.generated.js';
2
- import { PublishedPageSectionSelect } from '../fragments/published-page-section.generated.js';
3
- import { PublishedCustomSectionSelect } from '../fragments/published-custom-section.generated.js';
4
- import { DataSeoSelect } from '../fragments/data-seo.generated.js';
5
- import { PublishedThemeStyleSelect } from '../fragments/published-theme-style.generated.js';
6
- import { AnalyticSelect } from '../fragments/analytic.generated.js';
7
- import { CustomCodeSelect } from '../fragments/custom-code.generated.js';
8
- import { CustomFontSelect } from '../fragments/custom-font.generated.js';
9
-
10
- const PublishedThemePagesDocument = `
1
+ import{PublishedThemePageSelect as e}from"../fragments/published-theme-page.generated.js";import{PublishedPageSectionSelect as s}from"../fragments/published-page-section.generated.js";import{PublishedCustomSectionSelect as t}from"../fragments/published-custom-section.generated.js";import{DataSeoSelect as m}from"../fragments/data-seo.generated.js";import{PublishedThemeStyleSelect as r}from"../fragments/published-theme-style.generated.js";import{AnalyticSelect as g}from"../fragments/analytic.generated.js";import{CustomCodeSelect as a}from"../fragments/custom-code.generated.js";import{CustomFontSelect as o}from"../fragments/custom-font.generated.js";let PublishedThemePagesDocument=`
11
2
  query publishedThemePages($slug: String, $slugType: PublishedThemePageType!) {
12
3
  publishedThemePages(slug: $slug, slugType: $slugType) {
13
4
  ...PublishedThemePageSelect
14
5
  }
15
6
  }
16
- ${PublishedThemePageSelect}
17
- ${PublishedPageSectionSelect}
18
- ${PublishedCustomSectionSelect}
19
- ${DataSeoSelect}
20
- ${PublishedThemeStyleSelect}
21
- ${AnalyticSelect}
22
- ${CustomCodeSelect}
23
- ${CustomFontSelect}`;
24
-
25
- export { PublishedThemePagesDocument };
7
+ ${e}
8
+ ${s}
9
+ ${t}
10
+ ${m}
11
+ ${r}
12
+ ${g}
13
+ ${a}
14
+ ${o}`;export{PublishedThemePagesDocument};
@@ -1,4 +1,4 @@
1
- /* eslint-disable */ const StorePropertyDocument = `
1
+ let StorePropertyDocument=`
2
2
  query storeProperty {
3
3
  storeProperty {
4
4
  favicon
@@ -6,6 +6,4 @@
6
6
  primaryDomain
7
7
  }
8
8
  }
9
- `;
10
-
11
- export { StorePropertyDocument };
9
+ `;export{StorePropertyDocument};
@@ -0,0 +1,21 @@
1
+ let LibrarySaleFunnelDocument=`
2
+ query LibrarySaleFunnel($librarySaleFunnelId: ID!) {
3
+ librarySaleFunnel(id: $librarySaleFunnelId) {
4
+ id
5
+ type
6
+ name
7
+ offers {
8
+ id
9
+ discounts {
10
+ id
11
+ objectBaseID
12
+ objectType
13
+ position
14
+ title
15
+ type
16
+ value
17
+ }
18
+ }
19
+ }
20
+ }
21
+ `;export{LibrarySaleFunnelDocument};
@@ -0,0 +1,13 @@
1
+ let LibraryTemplateDocument=`
2
+ query LibraryTemplate($libraryTemplateId: ID!) {
3
+ libraryTemplate(id: $libraryTemplateId) {
4
+ id
5
+ name
6
+ sectionPosition
7
+ sections {
8
+ id
9
+ component
10
+ }
11
+ }
12
+ }
13
+ `;export{LibraryTemplateDocument};
@@ -0,0 +1,34 @@
1
+ let SaleFunnelDiscountsDocument=`
2
+ query SaleFunnelDiscounts($where: SaleFunnelDiscountWhereInput, $orderBy: SaleFunnelDiscountOrder, $last: Int, $before: Cursor, $first: Int, $after: Cursor) {
3
+ saleFunnelDiscounts(
4
+ where: $where
5
+ orderBy: $orderBy
6
+ last: $last
7
+ before: $before
8
+ first: $first
9
+ after: $after
10
+ ) {
11
+ edges {
12
+ node {
13
+ id
14
+ objectBaseID
15
+ objectType
16
+ position
17
+ title
18
+ type
19
+ value
20
+ valueType
21
+ isEnabled
22
+ }
23
+ cursor
24
+ }
25
+ pageInfo {
26
+ endCursor
27
+ hasNextPage
28
+ hasPreviousPage
29
+ startCursor
30
+ }
31
+ totalCount
32
+ }
33
+ }
34
+ `;export{SaleFunnelDiscountsDocument};
@@ -0,0 +1,22 @@
1
+ let ThemePageDocument=`
2
+ query ThemePage($themePageId: ID!) {
3
+ themePage(id: $themePageId) {
4
+ id
5
+ name
6
+ handle
7
+ isMobile
8
+ sectionPosition
9
+ pageSections {
10
+ cid
11
+ component
12
+ id
13
+ deletedAt
14
+ }
15
+ themeStyle {
16
+ id
17
+ data
18
+ name
19
+ }
20
+ }
21
+ }
22
+ `;export{ThemePageDocument};
@@ -1,15 +1 @@
1
- const globalEvent = {
2
- subscribe (callback) {
3
- document.addEventListener('onDispatch', (e)=>callback(e.detail));
4
- },
5
- dispatch (data) {
6
- document.dispatchEvent(new CustomEvent('onDispatch', {
7
- detail: data
8
- }));
9
- },
10
- remove (callback) {
11
- document.removeEventListener('onDispatch', callback);
12
- }
13
- };
14
-
15
- export { globalEvent as default };
1
+ let globalEvent={subscribe(e){document.addEventListener("onDispatch",t=>e(t.detail))},dispatch(e){document.dispatchEvent(new CustomEvent("onDispatch",{detail:e}))},remove(e){document.removeEventListener("onDispatch",e)}};export{globalEvent as default};
@@ -1,211 +1 @@
1
- const EASING = {
2
- ease: 'cubic-bezier(0.46,0.03,0.52,0.96)',
3
- 'ease-in': 'cubic-bezier(0.55,0.08,0.68,0.53)',
4
- 'ease-out': 'cubic-bezier(0.46,0.03,0.52,0.96)',
5
- linear: 'linear'
6
- };
7
- const animations = ()=>{
8
- const normalizeOptions = (options)=>{
9
- const cloneOptions = JSON.parse(JSON.stringify(options));
10
- const numberMember = [
11
- 'delay',
12
- 'speed',
13
- 'scale',
14
- 'intensity'
15
- ];
16
- numberMember.forEach((keyName)=>{
17
- if (!cloneOptions?.[keyName]) return;
18
- if (keyName === 'scale') {
19
- if (!cloneOptions?.zoomDirection) throw new TypeError(`zoomDirection not found on zoom preset`);
20
- const [i1, i2] = cloneOptions?.scale?.in ?? [
21
- 1,
22
- 1
23
- ];
24
- const [o1, o2] = cloneOptions?.scale?.out ?? [
25
- 1,
26
- 1
27
- ];
28
- cloneOptions[keyName] = {
29
- in: [
30
- Number(i1) / 100,
31
- Number(i2) / 100
32
- ],
33
- out: [
34
- Number(o1) / 100,
35
- Number(o2) / 100
36
- ]
37
- };
38
- return;
39
- }
40
- const num = Number(cloneOptions?.[keyName]);
41
- if (keyName === 'delay') cloneOptions[keyName] = num * 1000;
42
- else cloneOptions[keyName] = num;
43
- if (!isFinite(num)) throw new TypeError(`${keyName} must be a number`);
44
- });
45
- return cloneOptions;
46
- };
47
- const slide = (target, options)=>{
48
- const normalizedOptions = normalizeOptions(options);
49
- const { direction, distance } = normalizedOptions;
50
- const coordinate = [
51
- 'left',
52
- 'right'
53
- ].includes(direction ?? '') ? 'X' : 'Y';
54
- const isNeg = [
55
- 'left',
56
- 'down'
57
- ].includes(direction ?? '') ? '-' : '';
58
- const preset = [
59
- {
60
- opacity: 0,
61
- transform: `translate${coordinate}(${isNeg}${distance ?? 50}%)`
62
- },
63
- {
64
- opacity: 1,
65
- transform: `translate${coordinate}(0)`
66
- }
67
- ];
68
- return generateAnimationInstance(target, preset, {
69
- ...generateOptions(normalizedOptions, 500)
70
- });
71
- };
72
- const fade = (target, options)=>{
73
- const normalizedOptions = normalizeOptions(options);
74
- const preset = [
75
- {
76
- opacity: 0
77
- },
78
- {
79
- opacity: 1
80
- }
81
- ];
82
- return generateAnimationInstance(target, preset, {
83
- ...generateOptions(normalizedOptions, 500)
84
- });
85
- };
86
- const generateOptions = (options, defaultDuration)=>{
87
- const convertSpeedToDuration = (speed)=>{
88
- if (!speed) return defaultDuration;
89
- return 1.5 / speed * 1000;
90
- };
91
- const { loop, delay, speed, easing } = options ?? {};
92
- const duration = convertSpeedToDuration(speed);
93
- const actualDelay = delay ?? 0;
94
- const actualDuration = loop ? duration + actualDelay : duration;
95
- return {
96
- iterations: loop ? Infinity : 1,
97
- duration: actualDuration,
98
- delay: actualDelay,
99
- easing: EASING[easing ?? 'linear']
100
- };
101
- };
102
- const zoom = (target, options)=>{
103
- const normalizedOptions = normalizeOptions(options);
104
- const { scale, zoomDirection, isFade } = normalizedOptions;
105
- const [i1, i2] = scale.in;
106
- const [o1, o2] = scale.out;
107
- const zoomInPreset = [
108
- {
109
- transform: `scale(${i1}, ${i1})`,
110
- opacity: isFade ? 0 : 1
111
- },
112
- {
113
- transform: `scale(${i2 ?? 1.2}, ${i2 ?? 1.2})`,
114
- opacity: 1
115
- }
116
- ];
117
- const zoomOutPreset = [
118
- {
119
- transform: `scale(${o1}, ${o1})`,
120
- opacity: isFade ? 0 : 1
121
- },
122
- {
123
- transform: `scale(${o2 ?? 0.8}, ${o2 ?? 0.8})`,
124
- opacity: 1
125
- }
126
- ];
127
- const zoomPreset = zoomDirection === 'in' ? zoomInPreset : zoomOutPreset;
128
- return generateAnimationInstance(target, zoomPreset, {
129
- ...generateOptions(normalizedOptions, 700)
130
- });
131
- };
132
- const generateLoopDelayEffect = (keyframes, delay, duration)=>{
133
- if (!delay) return keyframes;
134
- const offset = delay / duration;
135
- const keyframe = [
136
- ...keyframes
137
- ].pop();
138
- return [
139
- ...keyframes,
140
- {
141
- ...keyframe,
142
- offset: 1 - offset
143
- }
144
- ];
145
- };
146
- const shake = (target, options)=>{
147
- const normalizedOptions = normalizeOptions(options);
148
- const { intensity } = normalizedOptions ?? {};
149
- const zeroIntensity = [
150
- {
151
- transform: 'translate3d(0, 0, 0)'
152
- }
153
- ];
154
- const unitIntensity = [
155
- {
156
- transform: 'translate3d(4px, 0, 0)'
157
- },
158
- {
159
- transform: 'translate3d(-4px, 0, 0)'
160
- },
161
- {
162
- transform: 'translate3d(4px, 0, 0)'
163
- }
164
- ];
165
- let keyframes = [];
166
- Array.from(Array(intensity ?? 1).keys()).forEach(()=>{
167
- keyframes = [
168
- ...keyframes,
169
- ...unitIntensity
170
- ];
171
- });
172
- const shakePreset = [
173
- {
174
- transform: 'translate3d(-1px, 0, 0)'
175
- },
176
- {
177
- transform: 'translate3d(2px, 0, 0)'
178
- },
179
- {
180
- transform: 'translate3d(-4px, 0, 0)'
181
- },
182
- ...keyframes,
183
- {
184
- transform: 'translate3d(-4px, 0, 0)'
185
- },
186
- {
187
- transform: 'translate3d(2px, 0, 0)'
188
- },
189
- {
190
- transform: 'translate3d(-1px, 0, 0)'
191
- }
192
- ];
193
- return generateAnimationInstance(target, intensity ? shakePreset : zeroIntensity, {
194
- ...generateOptions(normalizedOptions ?? {}, 820)
195
- });
196
- };
197
- const generateAnimationInstance = (target, effectPreset, options)=>{
198
- const effect = new KeyframeEffect(target, options.iterations && options.iterations === 1 ? effectPreset : generateLoopDelayEffect(effectPreset, options?.delay ?? 0, (options?.duration) ?? 0), {
199
- ...options
200
- });
201
- return new Animation(effect, document.timeline);
202
- };
203
- return {
204
- zoom,
205
- shake,
206
- fade,
207
- slide
208
- };
209
- };
210
-
211
- export { animations };
1
+ let EASING={ease:"cubic-bezier(0.46,0.03,0.52,0.96)","ease-in":"cubic-bezier(0.55,0.08,0.68,0.53)","ease-out":"cubic-bezier(0.46,0.03,0.52,0.96)",linear:"linear"},animations=()=>{let r=r=>{let t=JSON.parse(JSON.stringify(r)),e=["delay","speed","scale","intensity"];return e.forEach(r=>{if(!t?.[r])return;if("scale"===r){if(!t?.zoomDirection)throw TypeError("zoomDirection not found on zoom preset");let[e,a]=t?.scale?.in??[1,1],[n,o]=t?.scale?.out??[1,1];t[r]={in:[Number(e)/100,Number(a)/100],out:[Number(n)/100,Number(o)/100]};return}let e=Number(t?.[r]);if("delay"===r?t[r]=1e3*e:t[r]=e,!isFinite(e))throw TypeError(`${r} must be a number`)}),t},t=(t,e)=>{let n=r(e),{direction:o,distance:i}=n,l=["left","right"].includes(o??"")?"X":"Y",f=["left","down"].includes(o??"")?"-":"",m=[{opacity:0,transform:`translate${l}(${f}${i??50}%)`},{opacity:1,transform:`translate${l}(0)`}];return s(t,m,{...a(n,500)})},e=(t,e)=>{let n=r(e),o=[{opacity:0},{opacity:1}];return s(t,o,{...a(n,500)})},a=(r,t)=>{let e=r=>r?1.5/r*1e3:t,{loop:a,delay:n,speed:o,easing:i}=r??{},s=e(o),l=n??0,f=a?s+l:s;return{iterations:a?1/0:1,duration:f,delay:l,easing:EASING[i??"linear"]}},n=(t,e)=>{let n=r(e),{scale:o,zoomDirection:i,isFade:l}=n,[f,m]=o.in,[u,c]=o.out,p=[{transform:`scale(${f}, ${f})`,opacity:l?0:1},{transform:`scale(${m??1.2}, ${m??1.2})`,opacity:1}],d=[{transform:`scale(${u}, ${u})`,opacity:l?0:1},{transform:`scale(${c??.8}, ${c??.8})`,opacity:1}],y="in"===i?p:d;return s(t,y,{...a(n,700)})},o=(r,t,e)=>{if(!t)return r;let a=t/e,n=[...r].pop();return[...r,{...n,offset:1-a}]},i=(t,e)=>{let n=r(e),{intensity:o}=n??{},i=[{transform:"translate3d(0, 0, 0)"}],l=[{transform:"translate3d(4px, 0, 0)"},{transform:"translate3d(-4px, 0, 0)"},{transform:"translate3d(4px, 0, 0)"}],f=[];Array.from(Array(o??1).keys()).forEach(()=>{f=[...f,...l]});let m=[{transform:"translate3d(-1px, 0, 0)"},{transform:"translate3d(2px, 0, 0)"},{transform:"translate3d(-4px, 0, 0)"},...f,{transform:"translate3d(-4px, 0, 0)"},{transform:"translate3d(2px, 0, 0)"},{transform:"translate3d(-1px, 0, 0)"}];return s(t,o?m:i,{...a(n??{},820)})},s=(r,t,e)=>{let a=new KeyframeEffect(r,e.iterations&&1===e.iterations?t:o(t,e?.delay??0,e?.duration??0),{...e});return new Animation(a,document.timeline)};return{zoom:n,shake:i,fade:e,slide:t}};export{animations};