@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,16 +1,4 @@
1
- 'use strict';
2
-
3
- var collectionProduct_generated = require('../fragments/collection-product.generated.js');
4
- var collectionDetail_generated = require('../fragments/collection-detail.generated.js');
5
- var product_generated = require('../fragments/product.generated.js');
6
- var productLittle_generated = require('../fragments/product-little.generated.js');
7
- var productOption_generated = require('../fragments/product-option.generated.js');
8
- var productOptionValue_generated = require('../fragments/product-option-value.generated.js');
9
- var media_generated = require('../fragments/media.generated.js');
10
- var variant_generated = require('../fragments/variant.generated.js');
11
- var selectedOption_generated = require('../fragments/selected-option.generated.js');
12
-
13
- const CollectionDetailFilterDocument = `
1
+ "use strict";var collectionProduct_generated=require("../fragments/collection-product.generated.js"),collectionDetail_generated=require("../fragments/collection-detail.generated.js"),product_generated=require("../fragments/product.generated.js"),productLittle_generated=require("../fragments/product-little.generated.js"),productOption_generated=require("../fragments/product-option.generated.js"),productOptionValue_generated=require("../fragments/product-option-value.generated.js"),media_generated=require("../fragments/media.generated.js"),variant_generated=require("../fragments/variant.generated.js"),selectedOption_generated=require("../fragments/selected-option.generated.js");const CollectionDetailFilterDocument=`
14
2
  query collectionDetailFilter($firstProduct: Int = 10, $orderBy: CollectionOrder, $where: CollectionWhereInput, $orderByProduct: ProductOrder, $productsAfter: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $firstMedia: Int, $orderByMedia: MediaOrder, $whereProduct: ProductWhereInput) {
15
3
  collections(first: 1, orderBy: $orderBy, where: $where) {
16
4
  edges {
@@ -29,6 +17,4 @@ ${productOption_generated.ProductOptionSelect}
29
17
  ${productOptionValue_generated.ProductOptionValueSelect}
30
18
  ${media_generated.MediaSelect}
31
19
  ${variant_generated.VariantSelect}
32
- ${selectedOption_generated.SelectedOptionSelect}`;
33
-
34
- exports.CollectionDetailFilterDocument = CollectionDetailFilterDocument;
20
+ ${selectedOption_generated.SelectedOptionSelect}`;exports.CollectionDetailFilterDocument=CollectionDetailFilterDocument;
@@ -1,14 +1,4 @@
1
- 'use strict';
2
-
3
- var product_generated = require('../fragments/product.generated.js');
4
- var productLittle_generated = require('../fragments/product-little.generated.js');
5
- var productOption_generated = require('../fragments/product-option.generated.js');
6
- var productOptionValue_generated = require('../fragments/product-option-value.generated.js');
7
- var media_generated = require('../fragments/media.generated.js');
8
- var variant_generated = require('../fragments/variant.generated.js');
9
- var selectedOption_generated = require('../fragments/selected-option.generated.js');
10
-
11
- const CollectionDocument = `
1
+ "use strict";var product_generated=require("../fragments/product.generated.js"),productLittle_generated=require("../fragments/product-little.generated.js"),productOption_generated=require("../fragments/product-option.generated.js"),productOptionValue_generated=require("../fragments/product-option-value.generated.js"),media_generated=require("../fragments/media.generated.js"),variant_generated=require("../fragments/variant.generated.js"),selectedOption_generated=require("../fragments/selected-option.generated.js");const CollectionDocument=`
12
2
  query collection($first: Int = 5, $firstMedia: Int = 20, $orderByMedia: MediaOrder, $afterMedia: Cursor, $firstVariant: Int = 20, $afterVariant: Cursor, $handle: String, $id: ID) {
13
3
  collection(handle: $handle, id: $id) {
14
4
  baseID
@@ -47,6 +37,4 @@ ${productOption_generated.ProductOptionSelect}
47
37
  ${productOptionValue_generated.ProductOptionValueSelect}
48
38
  ${media_generated.MediaSelect}
49
39
  ${variant_generated.VariantSelect}
50
- ${selectedOption_generated.SelectedOptionSelect}`;
51
-
52
- exports.CollectionDocument = CollectionDocument;
40
+ ${selectedOption_generated.SelectedOptionSelect}`;exports.CollectionDocument=CollectionDocument;
@@ -1,9 +1,4 @@
1
- 'use strict';
2
-
3
- var collection_generated = require('../fragments/collection.generated.js');
4
- var collectionDetail_generated = require('../fragments/collection-detail.generated.js');
5
-
6
- const CollectionsDocument = `
1
+ "use strict";var collection_generated=require("../fragments/collection.generated.js"),collectionDetail_generated=require("../fragments/collection-detail.generated.js");const CollectionsDocument=`
7
2
  query Collections($after: Cursor, $first: Int, $before: Cursor, $last: Int, $where: CollectionWhereInput, $orderBy: CollectionOrder) {
8
3
  collections(
9
4
  after: $after
@@ -21,6 +16,4 @@ const CollectionsDocument = `
21
16
  }
22
17
  }
23
18
  ${collection_generated.CollectionSelect}
24
- ${collectionDetail_generated.CollectionDetailSelect}`;
25
-
26
- exports.CollectionsDocument = CollectionsDocument;
19
+ ${collectionDetail_generated.CollectionDetailSelect}`;exports.CollectionsDocument=CollectionsDocument;
@@ -1,14 +1,4 @@
1
- 'use strict';
2
-
3
- var publishedThemePage_generated = require('../fragments/published-theme-page.generated.js');
4
- var publishedPageSection_generated = require('../fragments/published-page-section.generated.js');
5
- var publishedCustomSection_generated = require('../fragments/published-custom-section.generated.js');
6
- var dataSeo_generated = require('../fragments/data-seo.generated.js');
7
- var publishedThemeStyle_generated = require('../fragments/published-theme-style.generated.js');
8
- var analytic_generated = require('../fragments/analytic.generated.js');
9
- var customCode_generated = require('../fragments/custom-code.generated.js');
10
-
11
- const PreviewPageDocument = `
1
+ "use strict";var publishedThemePage_generated=require("../fragments/published-theme-page.generated.js"),publishedPageSection_generated=require("../fragments/published-page-section.generated.js"),publishedCustomSection_generated=require("../fragments/published-custom-section.generated.js"),dataSeo_generated=require("../fragments/data-seo.generated.js"),publishedThemeStyle_generated=require("../fragments/published-theme-style.generated.js"),analytic_generated=require("../fragments/analytic.generated.js"),customCode_generated=require("../fragments/custom-code.generated.js");const PreviewPageDocument=`
12
2
  query previewPage($handleURL: String, $pageType: PublishedThemePageType!) {
13
3
  previewPage(handleURL: $handleURL, pageType: $pageType) {
14
4
  ...PreviewThemePageSelect
@@ -20,6 +10,4 @@ ${publishedCustomSection_generated.PublishedCustomSectionSelect}
20
10
  ${dataSeo_generated.DataSeoSelect}
21
11
  ${publishedThemeStyle_generated.PublishedThemeStyleSelect}
22
12
  ${analytic_generated.AnalyticSelect}
23
- ${customCode_generated.CustomCodeSelect}`;
24
-
25
- exports.PreviewPageDocument = PreviewPageDocument;
13
+ ${customCode_generated.CustomCodeSelect}`;exports.PreviewPageDocument=PreviewPageDocument;
@@ -1,11 +1,4 @@
1
- 'use strict';
2
-
3
- var productLittle_generated = require('../fragments/product-little.generated.js');
4
- var productOption_generated = require('../fragments/product-option.generated.js');
5
- var productOptionValue_generated = require('../fragments/product-option-value.generated.js');
6
- var media_generated = require('../fragments/media.generated.js');
7
-
8
- const ProductLittleDetailDocument = `
1
+ "use strict";var productLittle_generated=require("../fragments/product-little.generated.js"),productOption_generated=require("../fragments/product-option.generated.js"),productOptionValue_generated=require("../fragments/product-option-value.generated.js"),media_generated=require("../fragments/media.generated.js");const ProductLittleDetailDocument=`
9
2
  query productLittleDetail($orderBy: ProductOrder, $where: ProductWhereInput) {
10
3
  product: products(first: 1, orderBy: $orderBy, where: $where) {
11
4
  edges {
@@ -19,6 +12,4 @@ const ProductLittleDetailDocument = `
19
12
  ${productLittle_generated.ProductLittleSelect}
20
13
  ${productOption_generated.ProductOptionSelect}
21
14
  ${productOptionValue_generated.ProductOptionValueSelect}
22
- ${media_generated.MediaSelect}`;
23
-
24
- exports.ProductLittleDetailDocument = ProductLittleDetailDocument;
15
+ ${media_generated.MediaSelect}`;exports.ProductLittleDetailDocument=ProductLittleDetailDocument;
@@ -1,8 +1,4 @@
1
- 'use strict';
2
-
3
- var media_generated = require('../fragments/media.generated.js');
4
-
5
- const ProductMediasDocument = `
1
+ "use strict";var media_generated=require("../fragments/media.generated.js");const ProductMediasDocument=`
6
2
  query productMedias($firstMedia: Int = 50, $afterMedia: Cursor, $orderBy: ProductOrder, $where: ProductWhereInput, $orderByMedia: MediaOrder) {
7
3
  medias: products(first: 1, orderBy: $orderBy, where: $where) {
8
4
  edges {
@@ -24,6 +20,4 @@ const ProductMediasDocument = `
24
20
  }
25
21
  }
26
22
  }
27
- ${media_generated.MediaSelect}`;
28
-
29
- exports.ProductMediasDocument = ProductMediasDocument;
23
+ ${media_generated.MediaSelect}`;exports.ProductMediasDocument=ProductMediasDocument;
@@ -1,11 +1,7 @@
1
- 'use strict';
2
-
3
- const ProductOptionNameDocument = `
1
+ "use strict";const ProductOptionNameDocument=`
4
2
  query productOptionName($limit: Int, $offset: Int) {
5
3
  productOptionName(
6
4
  limit: $limit,
7
5
  offset: $offset
8
6
  )
9
- }`;
10
-
11
- exports.ProductOptionNameDocument = ProductOptionNameDocument;
7
+ }`;exports.ProductOptionNameDocument=ProductOptionNameDocument;
@@ -1,10 +1,4 @@
1
- 'use strict';
2
-
3
- var variant_generated = require('../fragments/variant.generated.js');
4
- var selectedOption_generated = require('../fragments/selected-option.generated.js');
5
- var media_generated = require('../fragments/media.generated.js');
6
-
7
- const ProductVariantsDocument = `
1
+ "use strict";var variant_generated=require("../fragments/variant.generated.js"),selectedOption_generated=require("../fragments/selected-option.generated.js"),media_generated=require("../fragments/media.generated.js");const ProductVariantsDocument=`
8
2
  query productVariants($firstVariant: Int = 100, $afterVariant: Cursor, $orderBy: ProductOrder, $orderByVariant: ProductVariantOrder, $where: ProductWhereInput, $first: Int = 1) {
9
3
  variants: products(first: $first, orderBy: $orderBy, where: $where) {
10
4
  edges {
@@ -28,6 +22,4 @@ const ProductVariantsDocument = `
28
22
  }
29
23
  ${variant_generated.VariantSelect}
30
24
  ${selectedOption_generated.SelectedOptionSelect}
31
- ${media_generated.MediaSelect}`;
32
-
33
- exports.ProductVariantsDocument = ProductVariantsDocument;
25
+ ${media_generated.MediaSelect}`;exports.ProductVariantsDocument=ProductVariantsDocument;
@@ -1,22 +1,20 @@
1
- 'use strict';
2
-
3
- var product_generated = require('../fragments/product.generated.js');
4
- var productLittle_generated = require('../fragments/product-little.generated.js');
5
- var productOption_generated = require('../fragments/product-option.generated.js');
6
- var productOptionValue_generated = require('../fragments/product-option-value.generated.js');
7
- var media_generated = require('../fragments/media.generated.js');
8
- var variant_generated = require('../fragments/variant.generated.js');
9
- var selectedOption_generated = require('../fragments/selected-option.generated.js');
10
-
11
- const ProductsEdgeDetail = `
1
+ "use strict";var product_generated=require("../fragments/product.generated.js"),productLittle_generated=require("../fragments/product-little.generated.js"),productOption_generated=require("../fragments/product-option.generated.js"),productOptionValue_generated=require("../fragments/product-option-value.generated.js"),media_generated=require("../fragments/media.generated.js"),variant_generated=require("../fragments/variant.generated.js"),selectedOption_generated=require("../fragments/selected-option.generated.js");const ProductsEdgeDetail=`
12
2
  fragment ProductsEdgeDetail on ProductEdge {
13
3
  cursor
14
4
  node {
15
5
  ...ProductSelect
6
+ tags
7
+ collections {
8
+ edges {
9
+ node {
10
+ id
11
+ title
12
+ }
13
+ }
14
+ }
16
15
  }
17
16
  }
18
- `;
19
- const ProductsDocument = `
17
+ `,ProductsDocument=`
20
18
  query products($first: Int, $where: ProductWhereInput, $firstMedia: Int, $orderBy: ProductOrder, $after: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $orderByMedia: MediaOrder) {
21
19
  products(first: $first, where: $where, orderBy: $orderBy, after: $after) {
22
20
  edges {
@@ -35,7 +33,4 @@ ${productOption_generated.ProductOptionSelect}
35
33
  ${productOptionValue_generated.ProductOptionValueSelect}
36
34
  ${media_generated.MediaSelect}
37
35
  ${variant_generated.VariantSelect}
38
- ${selectedOption_generated.SelectedOptionSelect}`;
39
-
40
- exports.ProductsDocument = ProductsDocument;
41
- exports.ProductsEdgeDetail = ProductsEdgeDetail;
36
+ ${selectedOption_generated.SelectedOptionSelect}`;exports.ProductsDocument=ProductsDocument,exports.ProductsEdgeDetail=ProductsEdgeDetail;
@@ -1,15 +1,4 @@
1
- 'use strict';
2
-
3
- var publishedThemePage_generated = require('../fragments/published-theme-page.generated.js');
4
- var publishedPageSection_generated = require('../fragments/published-page-section.generated.js');
5
- var publishedCustomSection_generated = require('../fragments/published-custom-section.generated.js');
6
- var dataSeo_generated = require('../fragments/data-seo.generated.js');
7
- var publishedThemeStyle_generated = require('../fragments/published-theme-style.generated.js');
8
- var analytic_generated = require('../fragments/analytic.generated.js');
9
- var customCode_generated = require('../fragments/custom-code.generated.js');
10
- var customFont_generated = require('../fragments/custom-font.generated.js');
11
-
12
- const PublishedThemePagesDocument = `
1
+ "use strict";var publishedThemePage_generated=require("../fragments/published-theme-page.generated.js"),publishedPageSection_generated=require("../fragments/published-page-section.generated.js"),publishedCustomSection_generated=require("../fragments/published-custom-section.generated.js"),dataSeo_generated=require("../fragments/data-seo.generated.js"),publishedThemeStyle_generated=require("../fragments/published-theme-style.generated.js"),analytic_generated=require("../fragments/analytic.generated.js"),customCode_generated=require("../fragments/custom-code.generated.js"),customFont_generated=require("../fragments/custom-font.generated.js");const PublishedThemePagesDocument=`
13
2
  query publishedThemePages($slug: String, $slugType: PublishedThemePageType!) {
14
3
  publishedThemePages(slug: $slug, slugType: $slugType) {
15
4
  ...PublishedThemePageSelect
@@ -22,6 +11,4 @@ ${dataSeo_generated.DataSeoSelect}
22
11
  ${publishedThemeStyle_generated.PublishedThemeStyleSelect}
23
12
  ${analytic_generated.AnalyticSelect}
24
13
  ${customCode_generated.CustomCodeSelect}
25
- ${customFont_generated.CustomFontSelect}`;
26
-
27
- exports.PublishedThemePagesDocument = PublishedThemePagesDocument;
14
+ ${customFont_generated.CustomFontSelect}`;exports.PublishedThemePagesDocument=PublishedThemePagesDocument;
@@ -1,6 +1,4 @@
1
- 'use strict';
2
-
3
- /* eslint-disable */ const StorePropertyDocument = `
1
+ "use strict";const StorePropertyDocument=`
4
2
  query storeProperty {
5
3
  storeProperty {
6
4
  favicon
@@ -8,6 +6,4 @@
8
6
  primaryDomain
9
7
  }
10
8
  }
11
- `;
12
-
13
- exports.StorePropertyDocument = StorePropertyDocument;
9
+ `;exports.StorePropertyDocument=StorePropertyDocument;
@@ -0,0 +1,21 @@
1
+ "use strict";const 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
+ `;exports.LibrarySaleFunnelDocument=LibrarySaleFunnelDocument;
@@ -0,0 +1,13 @@
1
+ "use strict";const 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
+ `;exports.LibraryTemplateDocument=LibraryTemplateDocument;
@@ -0,0 +1,34 @@
1
+ "use strict";const 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
+ `;exports.SaleFunnelDiscountsDocument=SaleFunnelDiscountsDocument;
@@ -0,0 +1,22 @@
1
+ "use strict";const 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
+ `;exports.ThemePageDocument=ThemePageDocument;
@@ -1,19 +1 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const globalEvent = {
6
- subscribe (callback) {
7
- document.addEventListener('onDispatch', (e)=>callback(e.detail));
8
- },
9
- dispatch (data) {
10
- document.dispatchEvent(new CustomEvent('onDispatch', {
11
- detail: data
12
- }));
13
- },
14
- remove (callback) {
15
- document.removeEventListener('onDispatch', callback);
16
- }
17
- };
18
-
19
- exports.default = globalEvent;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const 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)}};exports.default=globalEvent;
@@ -1,213 +1 @@
1
- 'use strict';
2
-
3
- const EASING = {
4
- ease: 'cubic-bezier(0.46,0.03,0.52,0.96)',
5
- 'ease-in': 'cubic-bezier(0.55,0.08,0.68,0.53)',
6
- 'ease-out': 'cubic-bezier(0.46,0.03,0.52,0.96)',
7
- linear: 'linear'
8
- };
9
- const animations = ()=>{
10
- const normalizeOptions = (options)=>{
11
- const cloneOptions = JSON.parse(JSON.stringify(options));
12
- const numberMember = [
13
- 'delay',
14
- 'speed',
15
- 'scale',
16
- 'intensity'
17
- ];
18
- numberMember.forEach((keyName)=>{
19
- if (!cloneOptions?.[keyName]) return;
20
- if (keyName === 'scale') {
21
- if (!cloneOptions?.zoomDirection) throw new TypeError(`zoomDirection not found on zoom preset`);
22
- const [i1, i2] = cloneOptions?.scale?.in ?? [
23
- 1,
24
- 1
25
- ];
26
- const [o1, o2] = cloneOptions?.scale?.out ?? [
27
- 1,
28
- 1
29
- ];
30
- cloneOptions[keyName] = {
31
- in: [
32
- Number(i1) / 100,
33
- Number(i2) / 100
34
- ],
35
- out: [
36
- Number(o1) / 100,
37
- Number(o2) / 100
38
- ]
39
- };
40
- return;
41
- }
42
- const num = Number(cloneOptions?.[keyName]);
43
- if (keyName === 'delay') cloneOptions[keyName] = num * 1000;
44
- else cloneOptions[keyName] = num;
45
- if (!isFinite(num)) throw new TypeError(`${keyName} must be a number`);
46
- });
47
- return cloneOptions;
48
- };
49
- const slide = (target, options)=>{
50
- const normalizedOptions = normalizeOptions(options);
51
- const { direction, distance } = normalizedOptions;
52
- const coordinate = [
53
- 'left',
54
- 'right'
55
- ].includes(direction ?? '') ? 'X' : 'Y';
56
- const isNeg = [
57
- 'left',
58
- 'down'
59
- ].includes(direction ?? '') ? '-' : '';
60
- const preset = [
61
- {
62
- opacity: 0,
63
- transform: `translate${coordinate}(${isNeg}${distance ?? 50}%)`
64
- },
65
- {
66
- opacity: 1,
67
- transform: `translate${coordinate}(0)`
68
- }
69
- ];
70
- return generateAnimationInstance(target, preset, {
71
- ...generateOptions(normalizedOptions, 500)
72
- });
73
- };
74
- const fade = (target, options)=>{
75
- const normalizedOptions = normalizeOptions(options);
76
- const preset = [
77
- {
78
- opacity: 0
79
- },
80
- {
81
- opacity: 1
82
- }
83
- ];
84
- return generateAnimationInstance(target, preset, {
85
- ...generateOptions(normalizedOptions, 500)
86
- });
87
- };
88
- const generateOptions = (options, defaultDuration)=>{
89
- const convertSpeedToDuration = (speed)=>{
90
- if (!speed) return defaultDuration;
91
- return 1.5 / speed * 1000;
92
- };
93
- const { loop, delay, speed, easing } = options ?? {};
94
- const duration = convertSpeedToDuration(speed);
95
- const actualDelay = delay ?? 0;
96
- const actualDuration = loop ? duration + actualDelay : duration;
97
- return {
98
- iterations: loop ? Infinity : 1,
99
- duration: actualDuration,
100
- delay: actualDelay,
101
- easing: EASING[easing ?? 'linear']
102
- };
103
- };
104
- const zoom = (target, options)=>{
105
- const normalizedOptions = normalizeOptions(options);
106
- const { scale, zoomDirection, isFade } = normalizedOptions;
107
- const [i1, i2] = scale.in;
108
- const [o1, o2] = scale.out;
109
- const zoomInPreset = [
110
- {
111
- transform: `scale(${i1}, ${i1})`,
112
- opacity: isFade ? 0 : 1
113
- },
114
- {
115
- transform: `scale(${i2 ?? 1.2}, ${i2 ?? 1.2})`,
116
- opacity: 1
117
- }
118
- ];
119
- const zoomOutPreset = [
120
- {
121
- transform: `scale(${o1}, ${o1})`,
122
- opacity: isFade ? 0 : 1
123
- },
124
- {
125
- transform: `scale(${o2 ?? 0.8}, ${o2 ?? 0.8})`,
126
- opacity: 1
127
- }
128
- ];
129
- const zoomPreset = zoomDirection === 'in' ? zoomInPreset : zoomOutPreset;
130
- return generateAnimationInstance(target, zoomPreset, {
131
- ...generateOptions(normalizedOptions, 700)
132
- });
133
- };
134
- const generateLoopDelayEffect = (keyframes, delay, duration)=>{
135
- if (!delay) return keyframes;
136
- const offset = delay / duration;
137
- const keyframe = [
138
- ...keyframes
139
- ].pop();
140
- return [
141
- ...keyframes,
142
- {
143
- ...keyframe,
144
- offset: 1 - offset
145
- }
146
- ];
147
- };
148
- const shake = (target, options)=>{
149
- const normalizedOptions = normalizeOptions(options);
150
- const { intensity } = normalizedOptions ?? {};
151
- const zeroIntensity = [
152
- {
153
- transform: 'translate3d(0, 0, 0)'
154
- }
155
- ];
156
- const unitIntensity = [
157
- {
158
- transform: 'translate3d(4px, 0, 0)'
159
- },
160
- {
161
- transform: 'translate3d(-4px, 0, 0)'
162
- },
163
- {
164
- transform: 'translate3d(4px, 0, 0)'
165
- }
166
- ];
167
- let keyframes = [];
168
- Array.from(Array(intensity ?? 1).keys()).forEach(()=>{
169
- keyframes = [
170
- ...keyframes,
171
- ...unitIntensity
172
- ];
173
- });
174
- const shakePreset = [
175
- {
176
- transform: 'translate3d(-1px, 0, 0)'
177
- },
178
- {
179
- transform: 'translate3d(2px, 0, 0)'
180
- },
181
- {
182
- transform: 'translate3d(-4px, 0, 0)'
183
- },
184
- ...keyframes,
185
- {
186
- transform: 'translate3d(-4px, 0, 0)'
187
- },
188
- {
189
- transform: 'translate3d(2px, 0, 0)'
190
- },
191
- {
192
- transform: 'translate3d(-1px, 0, 0)'
193
- }
194
- ];
195
- return generateAnimationInstance(target, intensity ? shakePreset : zeroIntensity, {
196
- ...generateOptions(normalizedOptions ?? {}, 820)
197
- });
198
- };
199
- const generateAnimationInstance = (target, effectPreset, options)=>{
200
- const effect = new KeyframeEffect(target, options.iterations && options.iterations === 1 ? effectPreset : generateLoopDelayEffect(effectPreset, options?.delay ?? 0, (options?.duration) ?? 0), {
201
- ...options
202
- });
203
- return new Animation(effect, document.timeline);
204
- };
205
- return {
206
- zoom,
207
- shake,
208
- fade,
209
- slide
210
- };
211
- };
212
-
213
- exports.animations = animations;
1
+ "use strict";const 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 t=t=>{let r=JSON.parse(JSON.stringify(t)),e=["delay","speed","scale","intensity"];return e.forEach(t=>{if(!r?.[t])return;if("scale"===t){if(!r?.zoomDirection)throw TypeError("zoomDirection not found on zoom preset");let[e,a]=r?.scale?.in??[1,1],[n,i]=r?.scale?.out??[1,1];r[t]={in:[Number(e)/100,Number(a)/100],out:[Number(n)/100,Number(i)/100]};return}let e=Number(r?.[t]);if("delay"===t?r[t]=1e3*e:r[t]=e,!isFinite(e))throw TypeError(`${t} must be a number`)}),r},r=(r,e)=>{let n=t(e),{direction:i,distance:o}=n,l=["left","right"].includes(i??"")?"X":"Y",m=["left","down"].includes(i??"")?"-":"",f=[{opacity:0,transform:`translate${l}(${m}${o??50}%)`},{opacity:1,transform:`translate${l}(0)`}];return s(r,f,{...a(n,500)})},e=(r,e)=>{let n=t(e),i=[{opacity:0},{opacity:1}];return s(r,i,{...a(n,500)})},a=(t,r)=>{let e=t=>t?1.5/t*1e3:r,{loop:a,delay:n,speed:i,easing:o}=t??{},s=e(i),l=n??0,m=a?s+l:s;return{iterations:a?1/0:1,duration:m,delay:l,easing:EASING[o??"linear"]}},n=(r,e)=>{let n=t(e),{scale:i,zoomDirection:o,isFade:l}=n,[m,f]=i.in,[u,c]=i.out,p=[{transform:`scale(${m}, ${m})`,opacity:l?0:1},{transform:`scale(${f??1.2}, ${f??1.2})`,opacity:1}],d=[{transform:`scale(${u}, ${u})`,opacity:l?0:1},{transform:`scale(${c??.8}, ${c??.8})`,opacity:1}],y="in"===o?p:d;return s(r,y,{...a(n,700)})},i=(t,r,e)=>{if(!r)return t;let a=r/e,n=[...t].pop();return[...t,{...n,offset:1-a}]},o=(r,e)=>{let n=t(e),{intensity:i}=n??{},o=[{transform:"translate3d(0, 0, 0)"}],l=[{transform:"translate3d(4px, 0, 0)"},{transform:"translate3d(-4px, 0, 0)"},{transform:"translate3d(4px, 0, 0)"}],m=[];Array.from(Array(i??1).keys()).forEach(()=>{m=[...m,...l]});let f=[{transform:"translate3d(-1px, 0, 0)"},{transform:"translate3d(2px, 0, 0)"},{transform:"translate3d(-4px, 0, 0)"},...m,{transform:"translate3d(-4px, 0, 0)"},{transform:"translate3d(2px, 0, 0)"},{transform:"translate3d(-1px, 0, 0)"}];return s(r,i?f:o,{...a(n??{},820)})},s=(t,r,e)=>{let a=new KeyframeEffect(t,e.iterations&&1===e.iterations?r:i(r,e?.delay??0,e?.duration??0),{...e});return new Animation(a,document.timeline)};return{zoom:n,shake:o,fade:e,slide:r}};exports.animations=animations;