@gem-sdk/core 1.14.0-dev.513 → 1.14.0-dev.516
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const EASING={ease:"cubic-bezier(0.77,0,0.18,1)","ease-in":"cubic-bezier(0.9,0.03,0.69,0.22)","ease-out":"cubic-bezier(0.17,0.84,0.44,1)",linear:"linear"},animations=()=>{let r=r=>{let t=["delay","speed","scale","intensity"];return
|
|
1
|
+
"use strict";const EASING={ease:"cubic-bezier(0.77,0,0.18,1)","ease-in":"cubic-bezier(0.9,0.03,0.69,0.22)","ease-out":"cubic-bezier(0.17,0.84,0.44,1)",linear:"linear"},animations=()=>{let r=r=>{let t=JSON.parse(JSON.stringify(r)),e=["delay","speed","scale","intensity"];return e.forEach(r=>{if(!t?.[r])return;if("scale"===r){if(!t?.zoomDirection)throw TypeError("zoomDirection not found on zoom preset");t[r]={in:Number(t?.scale?.in??1)/100,out:Number(t?.scale?.out??1)/100};return}let e=Number(t?.[r]);if("delay"===r?t[r]=1e3*e:t[r]=e,!isFinite(e))throw TypeError(`${r} must be a number`)}),t},t=(t,e)=>{let n=r(e),{direction:s,distance:o}=n,l=["left","right"].includes(s??"")?"X":"Y",f=["left","down"].includes(s??"")?"-":"",m=[{opacity:0,transform:`translate${l}(${f}${o??100}px)`},{opacity:1,transform:`translate${l}(0)`}];return i(t,m,{...a(n,500)})},e=(t,e)=>{let n=r(e),s=[{opacity:0},{opacity:1}];return i(t,s,{...a(n,500)})},a=(r,t)=>{let e=r=>r?10/r*1e3:t,{loop:a,delay:n,speed:s,easing:o}=r??{},i=e(s),l=n??0,f=i+l;return{iterations:a?1/0:1,duration:f,delay:l,easing:EASING[o??"linear"]}},n=(t,e)=>{let n=r(e),{scale:s,zoomDirection:o}=n,l=[{transform:"scale(1, 1)"},{transform:`scale(${s?.in??1.2}, ${s?.in??1.2})`}],f=[{transform:"scale(1, 1)"},{transform:`scale(${s?.out??.8}, ${s?.out??.8})`}],m="in"===o?l:f;return i(t,m,{...a(n,700)})},s=(r,t,e)=>{if(!t)return r;let a=t/e,n=[...r].pop();return[...r,{...n,offset:1-a}]},o=(t,e)=>{let n=r(e),{intensity:s}=n??{},o=[{transform:"translate3d(0, 0, 0)"}],l=[{transform:"translate3d(4px, 0, 0)"},{transform:"translate3d(-4px, 0, 0)"},{transform:"translate3d(4px, 0, 0)"}],f=[];Array.from(Array(s??1).keys()).forEach(()=>{f=[...f,...l]});let m=[{transform:"translate3d(-1px, 0, 0)"},{transform:"translate3d(2px, 0, 0)"},{transform:"translate3d(-4px, 0, 0)"},...f,{transform:"translate3d(-4px, 0, 0)"},{transform:"translate3d(2px, 0, 0)"},{transform:"translate3d(-1px, 0, 0)"}];return i(t,s?m:o,{...a(n??{},820)})},i=(r,t,e)=>{let a=new KeyframeEffect(r,s(t,e?.delay??0,e?.duration??0),{...e});return new Animation(a,document.timeline)};return{zoom:n,shake:o,fade:e,slide:t}};exports.animations=animations;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var react=require("react"),useCurrentDevice=require("../use-current-device.js"),animations=require("../../types/animations.js");const useAnimationConfig=e=>{let i=useCurrentDevice.useCurrentDevice(),n=react.useMemo(()=>e?.advanced?.animation?.[i],[i,e?.advanced?.animation]),
|
|
1
|
+
"use strict";var react=require("react"),useCurrentDevice=require("../use-current-device.js"),animations=require("../../types/animations.js");const useAnimationConfig=e=>{let i=useCurrentDevice.useCurrentDevice(),n=react.useMemo(()=>e?.advanced?.animation?.[i],[i,e?.advanced?.animation]),r=()=>{let{trigger:e,triggerConfig:i}=n,{animation:r,setting:t}=i[e];return{type:r,setting:t[r]}},t=react.useMemo(()=>n?.enabled&&n?.triggerConfig[n?.trigger||animations.AnimationTriggerType.Appear].animation!==animations.AnimationType.None,[n?.enabled,n?.trigger,n?.triggerConfig]);return{isEnabledAnimation:t,getAnimationConfig:r}};exports.useAnimationConfig=useAnimationConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let EASING={ease:"cubic-bezier(0.77,0,0.18,1)","ease-in":"cubic-bezier(0.9,0.03,0.69,0.22)","ease-out":"cubic-bezier(0.17,0.84,0.44,1)",linear:"linear"},animations=()=>{let r=r=>{let t=["delay","speed","scale","intensity"];return
|
|
1
|
+
let EASING={ease:"cubic-bezier(0.77,0,0.18,1)","ease-in":"cubic-bezier(0.9,0.03,0.69,0.22)","ease-out":"cubic-bezier(0.17,0.84,0.44,1)",linear:"linear"},animations=()=>{let r=r=>{let t=JSON.parse(JSON.stringify(r)),e=["delay","speed","scale","intensity"];return e.forEach(r=>{if(!t?.[r])return;if("scale"===r){if(!t?.zoomDirection)throw TypeError("zoomDirection not found on zoom preset");t[r]={in:Number(t?.scale?.in??1)/100,out:Number(t?.scale?.out??1)/100};return}let e=Number(t?.[r]);if("delay"===r?t[r]=1e3*e:t[r]=e,!isFinite(e))throw TypeError(`${r} must be a number`)}),t},t=(t,e)=>{let n=r(e),{direction:o,distance:s}=n,l=["left","right"].includes(o??"")?"X":"Y",f=["left","down"].includes(o??"")?"-":"",m=[{opacity:0,transform:`translate${l}(${f}${s??100}px)`},{opacity:1,transform:`translate${l}(0)`}];return i(t,m,{...a(n,500)})},e=(t,e)=>{let n=r(e),o=[{opacity:0},{opacity:1}];return i(t,o,{...a(n,500)})},a=(r,t)=>{let e=r=>r?10/r*1e3:t,{loop:a,delay:n,speed:o,easing:s}=r??{},i=e(o),l=n??0,f=i+l;return{iterations:a?1/0:1,duration:f,delay:l,easing:EASING[s??"linear"]}},n=(t,e)=>{let n=r(e),{scale:o,zoomDirection:s}=n,l=[{transform:"scale(1, 1)"},{transform:`scale(${o?.in??1.2}, ${o?.in??1.2})`}],f=[{transform:"scale(1, 1)"},{transform:`scale(${o?.out??.8}, ${o?.out??.8})`}],m="in"===s?l:f;return i(t,m,{...a(n,700)})},o=(r,t,e)=>{if(!t)return r;let a=t/e,n=[...r].pop();return[...r,{...n,offset:1-a}]},s=(t,e)=>{let n=r(e),{intensity:o}=n??{},s=[{transform:"translate3d(0, 0, 0)"}],l=[{transform:"translate3d(4px, 0, 0)"},{transform:"translate3d(-4px, 0, 0)"},{transform:"translate3d(4px, 0, 0)"}],f=[];Array.from(Array(o??1).keys()).forEach(()=>{f=[...f,...l]});let m=[{transform:"translate3d(-1px, 0, 0)"},{transform:"translate3d(2px, 0, 0)"},{transform:"translate3d(-4px, 0, 0)"},...f,{transform:"translate3d(-4px, 0, 0)"},{transform:"translate3d(2px, 0, 0)"},{transform:"translate3d(-1px, 0, 0)"}];return i(t,o?m:s,{...a(n??{},820)})},i=(r,t,e)=>{let a=new KeyframeEffect(r,o(t,e?.delay??0,e?.duration??0),{...e});return new Animation(a,document.timeline)};return{zoom:n,shake:s,fade:e,slide:t}};export{animations};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useMemo as e}from"react";import{useCurrentDevice as i}from"../use-current-device.js";import{AnimationTriggerType as n,AnimationType as t
|
|
1
|
+
import{useMemo as e}from"react";import{useCurrentDevice as i}from"../use-current-device.js";import{AnimationTriggerType as n,AnimationType as t}from"../../types/animations.js";let useAnimationConfig=r=>{let a=i(),o=e(()=>r?.advanced?.animation?.[a],[a,r?.advanced?.animation]),g=()=>{let{trigger:e,triggerConfig:i}=o,{animation:n,setting:t}=i[e];return{type:n,setting:t[n]}},m=e(()=>o?.enabled&&o?.triggerConfig[o?.trigger||n.Appear].animation!==t.None,[o?.enabled,o?.trigger,o?.triggerConfig]);return{isEnabledAnimation:m,getAnimationConfig:g}};export{useAnimationConfig};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -7573,10 +7573,6 @@ type AnimationBaseSetting = {
|
|
|
7573
7573
|
direction: AnimationDirectionType;
|
|
7574
7574
|
zoomDirection: AnimationZoomDirectionType;
|
|
7575
7575
|
};
|
|
7576
|
-
/** Represents the options for the animation function based on current setting */
|
|
7577
|
-
type AnimationOptions = {
|
|
7578
|
-
scale: string | number;
|
|
7579
|
-
} & AnimationBaseSetting;
|
|
7580
7576
|
/** Represents the animation setting extracted from the animation control */
|
|
7581
7577
|
type AnimationSettingType = {
|
|
7582
7578
|
scale: ScaleByDirection;
|
|
@@ -7592,10 +7588,11 @@ type SettingByAnimationType = {
|
|
|
7592
7588
|
[key in AnimationType]: key extends AnimationType.Slide ? AnimationSlideSettingType : key extends AnimationType.Shake ? AnimationShakeSettingType : key extends AnimationType.Zoom ? AnimationZoomSettingType : key extends AnimationType.Fade ? AnimationFadeSettingType : never;
|
|
7593
7589
|
};
|
|
7594
7590
|
type SettingByAnimationValues = SettingByAnimationType[keyof SettingByAnimationType];
|
|
7591
|
+
type TriggerConfig = Record<AnimationTriggerType, AnimationTriggerConfig>;
|
|
7595
7592
|
type AnimationConfig = {
|
|
7596
7593
|
enabled: boolean;
|
|
7597
7594
|
trigger: AnimationTriggerType;
|
|
7598
|
-
triggerConfig:
|
|
7595
|
+
triggerConfig: TriggerConfig;
|
|
7599
7596
|
};
|
|
7600
7597
|
type AnimationTriggerConfig = {
|
|
7601
7598
|
animation: AnimationType;
|
|
@@ -8224,10 +8221,10 @@ declare const isEmptyChildren: (children: React.ReactNode) => boolean;
|
|
|
8224
8221
|
declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
|
|
8225
8222
|
|
|
8226
8223
|
declare const animations: () => {
|
|
8227
|
-
zoom: (target: Element, options:
|
|
8228
|
-
shake: (target: Element, options:
|
|
8229
|
-
fade: (target: Element, options:
|
|
8230
|
-
slide: (target: Element, options:
|
|
8224
|
+
zoom: (target: Element, options: AnimationSettingType) => Animation;
|
|
8225
|
+
shake: (target: Element, options: AnimationSettingType) => Animation;
|
|
8226
|
+
fade: (target: Element, options: AnimationSettingType) => Animation;
|
|
8227
|
+
slide: (target: Element, options: AnimationSettingType) => Animation;
|
|
8231
8228
|
};
|
|
8232
8229
|
|
|
8233
8230
|
declare function normalizeBuilderData(data: BuilderEntityNested): {
|
|
@@ -10202,4 +10199,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
|
|
|
10202
10199
|
|
|
10203
10200
|
declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
|
|
10204
10201
|
|
|
10205
|
-
export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType,
|
|
10202
|
+
export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
|