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

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 (329) 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/LibraryTemplate.generated.js +13 -0
  74. package/dist/cjs/graphql-app-api/queries/SaleFunnelDiscounts.generated.js +34 -0
  75. package/dist/cjs/graphql-app-api/queries/ThemePage.generated.js +22 -0
  76. package/dist/cjs/helpers/GlobalEvent.js +1 -19
  77. package/dist/cjs/helpers/animations.js +1 -213
  78. package/dist/cjs/helpers/background.js +1 -230
  79. package/dist/cjs/helpers/borders.js +4 -183
  80. package/dist/cjs/helpers/carousel.js +1 -58
  81. package/dist/cjs/helpers/clone-deep.js +1 -5
  82. package/dist/cjs/helpers/cls.js +1 -16
  83. package/dist/cjs/helpers/colors.js +1 -184
  84. package/dist/cjs/helpers/compose-advance-style.js +1 -268
  85. package/dist/cjs/helpers/constant.js +1 -23
  86. package/dist/cjs/helpers/convert.js +1 -7
  87. package/dist/cjs/helpers/covert-entities-html.js +1 -19
  88. package/dist/cjs/helpers/css-variable.js +1 -7
  89. package/dist/cjs/helpers/email.js +1 -11
  90. package/dist/cjs/helpers/filter-toolbar-preview.js +1 -14
  91. package/dist/cjs/helpers/flatten-connection.js +1 -9
  92. package/dist/cjs/helpers/get-resonsive-value.js +1 -36
  93. package/dist/cjs/helpers/get-shortname.js +1 -92
  94. package/dist/cjs/helpers/icon-list.js +1 -61
  95. package/dist/cjs/helpers/is-browser.js +1 -9
  96. package/dist/cjs/helpers/is-defined.js +1 -7
  97. package/dist/cjs/helpers/is-empty-children.js +1 -15
  98. package/dist/cjs/helpers/is-safari.js +1 -9
  99. package/dist/cjs/helpers/layout.js +1 -59
  100. package/dist/cjs/helpers/load-script.js +1 -31
  101. package/dist/cjs/helpers/make-style.js +1 -163
  102. package/dist/cjs/helpers/normalize-builder-data.js +1 -23
  103. package/dist/cjs/helpers/prefetch-queries.js +1 -78
  104. package/dist/cjs/helpers/product.js +1 -48
  105. package/dist/cjs/helpers/queries/get-collection.js +1 -226
  106. package/dist/cjs/helpers/queries/get-collections.js +1 -21
  107. package/dist/cjs/helpers/queries/get-product-by-slug.js +1 -125
  108. package/dist/cjs/helpers/queries/get-product.js +1 -154
  109. package/dist/cjs/helpers/queries/get-products.js +1 -163
  110. package/dist/cjs/helpers/query.js +1 -29
  111. package/dist/cjs/helpers/radius.js +6 -140
  112. package/dist/cjs/helpers/render.js +1 -76
  113. package/dist/cjs/helpers/shadow.js +1 -57
  114. package/dist/cjs/helpers/size.js +4 -183
  115. package/dist/cjs/helpers/spacing.js +1 -43
  116. package/dist/cjs/helpers/tracking/fpixel.js +1 -28
  117. package/dist/cjs/helpers/tracking/gtag.js +1 -93
  118. package/dist/cjs/helpers/tracking/tiktokpixel.js +1 -17
  119. package/dist/cjs/helpers/typography.js +17 -126
  120. package/dist/cjs/helpers/variant.js +1 -11
  121. package/dist/cjs/hooks/animation/animations.js +1 -0
  122. package/dist/cjs/hooks/animation/useAnimationActions.js +1 -39
  123. package/dist/cjs/hooks/animation/useAnimationConfig.js +1 -29
  124. package/dist/cjs/hooks/animation/useAnimationPreview.js +1 -31
  125. package/dist/cjs/hooks/animation/useAnimationTarget.js +1 -120
  126. package/dist/cjs/hooks/animation/useApplyAnimation.js +1 -87
  127. package/dist/cjs/hooks/animation/useLivePageAnimation.js +1 -0
  128. package/dist/cjs/hooks/cart/use-add-to-cart.js +1 -20
  129. package/dist/cjs/hooks/cart/use-cart-data.js +1 -28
  130. package/dist/cjs/hooks/cart/use-cart-discount-codes-update.js +1 -20
  131. package/dist/cjs/hooks/cart/use-cart-note-update.js +1 -20
  132. package/dist/cjs/hooks/cart/use-create-cart.js +1 -22
  133. package/dist/cjs/hooks/cart/use-remove-cart-item.js +1 -20
  134. package/dist/cjs/hooks/cart/use-update-cart-item.js +1 -20
  135. package/dist/cjs/hooks/shop/use-collection-query.js +1 -22
  136. package/dist/cjs/hooks/shop/use-collections-query.js +1 -17
  137. package/dist/cjs/hooks/shop/use-product-query.js +1 -22
  138. package/dist/cjs/hooks/shop/use-products-query.js +1 -23
  139. package/dist/cjs/hooks/shop.js +1 -126
  140. package/dist/cjs/hooks/use-current-device.js +1 -21
  141. package/dist/cjs/hooks/use-lazy-video.js +1 -15
  142. package/dist/cjs/hooks/useAnimations.js +1 -26
  143. package/dist/cjs/hooks/useCartId.js +1 -44
  144. package/dist/cjs/hooks/useCartLine.js +1 -11
  145. package/dist/cjs/hooks/useCartUI.js +1 -48
  146. package/dist/cjs/hooks/useCollection.js +1 -9
  147. package/dist/cjs/hooks/useFetchHandle.js +1 -13
  148. package/dist/cjs/hooks/useFormatMoney.js +1 -58
  149. package/dist/cjs/hooks/useInitialSwatchesOptions.js +1 -113
  150. package/dist/cjs/hooks/useIsomorphicLayoutEffect.js +1 -10
  151. package/dist/cjs/hooks/useLoadScript.js +1 -32
  152. package/dist/cjs/hooks/useMoney.js +1 -84
  153. package/dist/cjs/hooks/usePrevious.js +1 -19
  154. package/dist/cjs/hooks/useProduct.js +1 -206
  155. package/dist/cjs/hooks/useProductList.js +1 -21
  156. package/dist/cjs/hooks/useSuspenseFetch.js +1 -27
  157. package/dist/cjs/hooks/useSwatchesOptions.js +1 -41
  158. package/dist/cjs/hooks/useToolbarPostPurchase.js +1 -0
  159. package/dist/cjs/index.js +1 -361
  160. package/dist/cjs/types/animations.js +1 -47
  161. package/dist/cjs/types/appAPI.js +1 -0
  162. package/dist/cjs/types/global-style.js +1 -15
  163. package/dist/cjs/types/shop.js +1 -2
  164. package/dist/cjs/web-components/src/helpers/styles/constant.js +1 -9
  165. package/dist/esm/components/AddOn.js +1 -14
  166. package/dist/esm/components/ComponentToolbarPreview.js +1 -463
  167. package/dist/esm/components/ComponentWrapper.js +1 -42
  168. package/dist/esm/components/ComponentWrapperPreview.js +1 -132
  169. package/dist/esm/components/Empty.js +1 -3
  170. package/dist/esm/components/Render.js +1 -61
  171. package/dist/esm/components/Render.liquid.js +14 -282
  172. package/dist/esm/components/RenderBlock.js +1 -50
  173. package/dist/esm/components/RenderCustomCode.js +3 -52
  174. package/dist/esm/components/RenderPreview.js +1 -62
  175. package/dist/esm/components/RenderSection.js +1 -19
  176. package/dist/esm/components/ai-generator/AIContentGenerator.js +1 -0
  177. package/dist/esm/components/ai-generator/AIGenContentLoading.js +1 -0
  178. package/dist/esm/components/ai-generator/components/PickProduct.js +1 -0
  179. package/dist/esm/components/ai-generator/components/ToneAndVoice.js +1 -0
  180. package/dist/esm/components/ai-generator/hooks/useGettingGenerateRequest.js +1 -0
  181. package/dist/esm/components/ai-generator/hooks/useListenEventGenerate.js +1 -0
  182. package/dist/esm/components/ai-generator/icons/AIIcon.js +1 -0
  183. package/dist/esm/components/ai-generator/icons/CloseIcon.js +1 -0
  184. package/dist/esm/components/ai-generator/icons/DropdownIcon.js +1 -0
  185. package/dist/esm/components/ai-generator/icons/ShowMoreIcon.js +1 -0
  186. package/dist/esm/components/animation/AnimationWrapper.js +1 -0
  187. package/dist/esm/components/constant.js +1 -50
  188. package/dist/esm/components/resize/Resize.js +1 -12
  189. package/dist/esm/components/resize/Spacing.js +1 -244
  190. package/dist/esm/components/src/product/helpers/variant-presets.js +1 -54
  191. package/dist/esm/components/theme-section/CreateThemeSection.js +1 -115
  192. package/dist/esm/components/theme-section/ThemeSectionStatus.js +1 -34
  193. package/dist/esm/components/theme-section/ThemeSectionTooltip.js +1 -100
  194. package/dist/esm/components/toolbar/Tooltip.js +1 -18
  195. package/dist/esm/contexts/AddonContext.js +1 -32
  196. package/dist/esm/contexts/BuilderComponent.js +1 -31
  197. package/dist/esm/contexts/BuilderContext.js +1 -32
  198. package/dist/esm/contexts/BuilderPreviewContext.js +1 -476
  199. package/dist/esm/contexts/CartLineContext.js +1 -26
  200. package/dist/esm/contexts/CollectionContext.js +1 -35
  201. package/dist/esm/contexts/ModalContext.js +1 -44
  202. package/dist/esm/contexts/PageContext.js +1 -41
  203. package/dist/esm/contexts/ProductContext.js +1 -153
  204. package/dist/esm/contexts/ProductListContext.js +1 -28
  205. package/dist/esm/contexts/SectionContext.js +1 -49
  206. package/dist/esm/contexts/ShopContext.js +1 -77
  207. package/dist/esm/graphql/fragments/analytic.generated.js +2 -4
  208. package/dist/esm/graphql/fragments/collection-detail.generated.js +2 -4
  209. package/dist/esm/graphql/fragments/collection-product.generated.js +2 -4
  210. package/dist/esm/graphql/fragments/collection.generated.js +2 -4
  211. package/dist/esm/graphql/fragments/custom-code.generated.js +2 -4
  212. package/dist/esm/graphql/fragments/custom-font.generated.js +2 -4
  213. package/dist/esm/graphql/fragments/data-seo.generated.js +2 -4
  214. package/dist/esm/graphql/fragments/media.generated.js +2 -4
  215. package/dist/esm/graphql/fragments/product-little.generated.js +11 -4
  216. package/dist/esm/graphql/fragments/product-option-value.generated.js +2 -4
  217. package/dist/esm/graphql/fragments/product-option.generated.js +2 -4
  218. package/dist/esm/graphql/fragments/product.generated.js +11 -4
  219. package/dist/esm/graphql/fragments/published-custom-section.generated.js +2 -4
  220. package/dist/esm/graphql/fragments/published-page-section.generated.js +2 -4
  221. package/dist/esm/graphql/fragments/published-theme-page.generated.js +3 -6
  222. package/dist/esm/graphql/fragments/published-theme-style.generated.js +2 -4
  223. package/dist/esm/graphql/fragments/selected-option.generated.js +2 -4
  224. package/dist/esm/graphql/fragments/variant.generated.js +2 -4
  225. package/dist/esm/graphql/mutations/page-view-up.generated.js +3 -5
  226. package/dist/esm/graphql/queries/collection-detail-filter.generated.js +10 -22
  227. package/dist/esm/graphql/queries/collection.generated.js +8 -18
  228. package/dist/esm/graphql/queries/collections.generated.js +3 -8
  229. package/dist/esm/graphql/queries/preview-page.generated.js +8 -18
  230. package/dist/esm/graphql/queries/product-little-detail.generated.js +5 -12
  231. package/dist/esm/graphql/queries/product-medias.generated.js +2 -6
  232. package/dist/esm/graphql/queries/product-value-label.generated.js +2 -4
  233. package/dist/esm/graphql/queries/product-variants.generated.js +4 -10
  234. package/dist/esm/graphql/queries/products.generated.js +18 -20
  235. package/dist/esm/graphql/queries/published-theme-pages.generated.js +9 -20
  236. package/dist/esm/graphql/queries/store-property.generated.js +2 -4
  237. package/dist/esm/graphql-app-api/queries/LibraryTemplate.generated.js +13 -0
  238. package/dist/esm/graphql-app-api/queries/SaleFunnelDiscounts.generated.js +34 -0
  239. package/dist/esm/graphql-app-api/queries/ThemePage.generated.js +22 -0
  240. package/dist/esm/helpers/GlobalEvent.js +1 -15
  241. package/dist/esm/helpers/animations.js +1 -211
  242. package/dist/esm/helpers/background.js +1 -222
  243. package/dist/esm/helpers/borders.js +4 -175
  244. package/dist/esm/helpers/carousel.js +1 -54
  245. package/dist/esm/helpers/clone-deep.js +1 -3
  246. package/dist/esm/helpers/cls.js +1 -14
  247. package/dist/esm/helpers/colors.js +1 -169
  248. package/dist/esm/helpers/compose-advance-style.js +1 -261
  249. package/dist/esm/helpers/constant.js +1 -19
  250. package/dist/esm/helpers/convert.js +1 -4
  251. package/dist/esm/helpers/covert-entities-html.js +1 -17
  252. package/dist/esm/helpers/css-variable.js +1 -5
  253. package/dist/esm/helpers/email.js +1 -6
  254. package/dist/esm/helpers/filter-toolbar-preview.js +1 -9
  255. package/dist/esm/helpers/flatten-connection.js +1 -7
  256. package/dist/esm/helpers/get-resonsive-value.js +1 -31
  257. package/dist/esm/helpers/get-shortname.js +1 -90
  258. package/dist/esm/helpers/icon-list.js +1 -58
  259. package/dist/esm/helpers/is-browser.js +1 -5
  260. package/dist/esm/helpers/is-defined.js +1 -5
  261. package/dist/esm/helpers/is-empty-children.js +1 -10
  262. package/dist/esm/helpers/is-safari.js +1 -5
  263. package/dist/esm/helpers/layout.js +1 -54
  264. package/dist/esm/helpers/load-script.js +1 -29
  265. package/dist/esm/helpers/make-style.js +1 -149
  266. package/dist/esm/helpers/normalize-builder-data.js +1 -21
  267. package/dist/esm/helpers/prefetch-queries.js +1 -76
  268. package/dist/esm/helpers/product.js +1 -44
  269. package/dist/esm/helpers/queries/get-collection.js +1 -223
  270. package/dist/esm/helpers/queries/get-collections.js +1 -19
  271. package/dist/esm/helpers/queries/get-product-by-slug.js +1 -123
  272. package/dist/esm/helpers/queries/get-product.js +1 -150
  273. package/dist/esm/helpers/queries/get-products.js +1 -161
  274. package/dist/esm/helpers/query.js +1 -25
  275. package/dist/esm/helpers/radius.js +6 -132
  276. package/dist/esm/helpers/render.js +1 -68
  277. package/dist/esm/helpers/shadow.js +1 -52
  278. package/dist/esm/helpers/size.js +4 -171
  279. package/dist/esm/helpers/spacing.js +1 -40
  280. package/dist/esm/helpers/tracking/fpixel.js +1 -24
  281. package/dist/esm/helpers/tracking/gtag.js +1 -87
  282. package/dist/esm/helpers/tracking/tiktokpixel.js +1 -15
  283. package/dist/esm/helpers/typography.js +17 -116
  284. package/dist/esm/helpers/variant.js +1 -9
  285. package/dist/esm/hooks/animation/animations.js +1 -0
  286. package/dist/esm/hooks/animation/useAnimationActions.js +1 -37
  287. package/dist/esm/hooks/animation/useAnimationConfig.js +1 -27
  288. package/dist/esm/hooks/animation/useAnimationPreview.js +1 -29
  289. package/dist/esm/hooks/animation/useAnimationTarget.js +1 -118
  290. package/dist/esm/hooks/animation/useApplyAnimation.js +1 -83
  291. package/dist/esm/hooks/animation/useLivePageAnimation.js +1 -0
  292. package/dist/esm/hooks/cart/use-add-to-cart.js +1 -18
  293. package/dist/esm/hooks/cart/use-cart-data.js +1 -26
  294. package/dist/esm/hooks/cart/use-cart-discount-codes-update.js +1 -18
  295. package/dist/esm/hooks/cart/use-cart-note-update.js +1 -18
  296. package/dist/esm/hooks/cart/use-create-cart.js +1 -20
  297. package/dist/esm/hooks/cart/use-remove-cart-item.js +1 -18
  298. package/dist/esm/hooks/cart/use-update-cart-item.js +1 -18
  299. package/dist/esm/hooks/shop/use-collection-query.js +1 -20
  300. package/dist/esm/hooks/shop/use-collections-query.js +1 -15
  301. package/dist/esm/hooks/shop/use-product-query.js +1 -20
  302. package/dist/esm/hooks/shop/use-products-query.js +1 -21
  303. package/dist/esm/hooks/shop.js +1 -111
  304. package/dist/esm/hooks/use-current-device.js +1 -19
  305. package/dist/esm/hooks/use-lazy-video.js +1 -13
  306. package/dist/esm/hooks/useAnimations.js +1 -24
  307. package/dist/esm/hooks/useCartId.js +1 -40
  308. package/dist/esm/hooks/useCartLine.js +1 -7
  309. package/dist/esm/hooks/useCartUI.js +1 -44
  310. package/dist/esm/hooks/useCollection.js +1 -7
  311. package/dist/esm/hooks/useFetchHandle.js +1 -11
  312. package/dist/esm/hooks/useFormatMoney.js +1 -56
  313. package/dist/esm/hooks/useInitialSwatchesOptions.js +1 -109
  314. package/dist/esm/hooks/useIsomorphicLayoutEffect.js +1 -6
  315. package/dist/esm/hooks/useLoadScript.js +1 -28
  316. package/dist/esm/hooks/useMoney.js +1 -80
  317. package/dist/esm/hooks/usePrevious.js +1 -17
  318. package/dist/esm/hooks/useProduct.js +1 -192
  319. package/dist/esm/hooks/useProductList.js +1 -16
  320. package/dist/esm/hooks/useSuspenseFetch.js +1 -23
  321. package/dist/esm/hooks/useSwatchesOptions.js +1 -37
  322. package/dist/esm/hooks/useToolbarPostPurchase.js +1 -0
  323. package/dist/esm/index.js +1 -100
  324. package/dist/esm/types/animations.js +1 -47
  325. package/dist/esm/types/appAPI.js +1 -0
  326. package/dist/esm/types/global-style.js +1 -12
  327. package/dist/esm/web-components/src/helpers/styles/constant.js +1 -7
  328. package/dist/types/index.d.ts +24803 -6239
  329. 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,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;