@gem-sdk/core 2.0.0-dev.1272 → 2.0.0-dev.1277

package/dist/cjs/helpers/typography.js

@@ -5,15 +5,15 @@
   ${a?`font-weight: ${a};`:""}
   ${y?`letter-spacing: ${y};`:""}
   ${r?`line-height: ${r};`:""}
-  `},composeTypographyV2Css=(e,o)=>{let t=e?.custom,{fontFamily:p,fontSize:s,fontWeight:a,lineHeight:r,letterSpacing:y,textShadow:l,hasShadowText:n}=t??{},i=e?.attrs,c=l&&"none"!==l.type&&!1!==l.enable,{bold:m,italic:g,underline:h,transform:$,color:f}=i??{},u=o?"!important":"";return`
-  ${p?`font-family: ${composeFontFamilyTypographyV2({fontFamily:p,type:e?.type})} ${u}`:""};
-  ${s?.desktop?`font-size: ${s?.desktop} ${u}`:""};
-  ${f?`color: ${colors.getSingleColorVariable(f)} ${u}`:""};
-  ${m?`font-weight: bold ${u}`:a?`font-weight: ${a} ${u}`:""};
-  ${y?`letter-spacing: ${y} ${u}`:""};
-  ${r?.desktop?`line-height: ${r?.desktop} ${u}`:""};
-  ${g?`font-style: italic ${u}`:""};
-  ${h?`text-decoration-line: underline ${u}`:""};
-  ${$?`text-transform: ${$} ${u}`:""};
+  `},composeTypographyV2Css=(e,o)=>{let t=e?.custom,{fontFamily:p,fontSize:s,fontWeight:a,lineHeight:r,letterSpacing:y,textShadow:l,hasShadowText:n}=t??{},i=e?.attrs,c=l&&"none"!==l.type&&!1!==l.enable,{bold:m,italic:g,underline:h,transform:$,color:d}=i??{},f=o?"!important":"";return`
+  ${p?`font-family: ${composeFontFamilyTypographyV2({fontFamily:p,type:e?.type})} ${f}`:""};
+  ${s?.desktop?`font-size: ${s?.desktop} ${f}`:""};
+  ${d?`color: ${colors.getSingleColorVariable(d)} ${f}`:""};
+  ${m?`font-weight: bold ${f}`:a?`font-weight: ${a} ${f}`:""};
+  ${y?.desktop?`letter-spacing: ${y?.desktop} ${f}`:""};
+  ${r?.desktop?`line-height: ${r?.desktop} ${f}`:""};
+  ${g?`font-style: italic ${f}`:""};
+  ${h?`text-decoration-line: underline ${f}`:""};
+  ${$?`text-transform: ${$} ${f}`:""};
   ${c&&n?`text-shadow: ${composeTextShadowCss(l||{})}`:"none"};
   `},composeTextShadowCss=e=>{let o="number"==typeof e?.angle?e?.angle:0,t=o*Math.PI/180,p=parseFloat(e?.distance??"0");if(isNaN(p))return"none";let s=Math.round(Math.cos(t)*p*100)/100,a=Math.round(Math.sin(t)*p*100)/100;return`${s}px ${a}px ${e?.blur??"0"} ${e.color}`},composeTextHoverColorCss=(e,o)=>{if(e){let t=o?"!important":"",p=colors.getSingleColorVariable(e.hover);return`${p?`color: ${p} ${t}`:""}`}};function getCustomCSSByDevice(e,o){if(!e||!o)return{};let t="desktop"!==o&&o?`-${o}`:"",{fontFamily:p}=e?.[o]??{};return{[`--size${t}`]:e?.[o]?.fontSize,[`--lh${t}`]:e?.[o]?.lineHeight,[`--fs${t}`]:e?.[o]?.fontStyle,[`--ff${t}`]:composeFontFamilyTypographyV2({fontFamily:p}),[`--weight${t}`]:e?.[o]?.fontWeight,[`--ls${t}`]:e?.[o]?.letterSpacing}}const composeTypography=e=>e?makeStyle.removeNullUndefined({...getCustomCSSByDevice(e,"desktop"),...getCustomCSSByDevice(e,"tablet"),...getCustomCSSByDevice(e,"mobile")}):{},convertPercentToEmLetterSpacing=e=>e?device.DEVICES.reduce((o,t)=>{let p=e[t];return{...o,[t]:p?.includes("%")?`${(.01*parseFloat(p)).toFixed(2)}em`:p}},{}):{},composeTypographyV2=(e,o)=>{if(!e)return{};let t=convertPercentToEmLetterSpacing(e?.letterSpacing);return makeStyle.removeNullUndefined({...makeStyle.makeStyle({fs:o?.italic?void 0:e?.fontStyle,ff:composeFontFamilyTypographyV2(e),weight:o?.bold?void 0:e?.fontWeight}),...makeStyle.makeStyleResponsive("size",e?.fontSize),...makeStyle.makeStyleResponsive("lh",e?.lineHeight),...makeStyle.makeStyleResponsive("ls",t)})},composeFontFamilyTypographyV2=e=>{let{fontFamily:o,isCustom:t,fallbackFontFamily:p,type:s}=e||{};if(!o)return t?p:void 0;if("string"==typeof o)return getFontUsedByTypographyV2({fontFamily:o,fallbackFontFamily:e?.fallbackFontFamily||composeFallbackTypographyStyle(s??"heading")});if("object"==typeof o&&"string"==typeof o?.value){if("theme"===o.type){let e=o?.value.includes("--g-theme-font")?`var(${o?.value})`:o?.value;return`${e}, var(--g-font-body)`}return getFontUsedByTypographyV2({fontFamily:o.value,fallbackFontFamily:e?.fallbackFontFamily||composeFallbackTypographyStyle(s??"heading")})}},getFontUsedByTypographyV2=({fontFamily:e,fallbackFontFamily:o})=>{if(e)return`var(--g-font-${e?.replace(/ /g,"-")}, '${e}'), ${o}`},composeTypographyAttr=e=>e?makeStyle.removeNullUndefined({...makeStyle.makeStyle({fs:e?.italic?"italic":void 0,weight:e?.bold?"bold":void 0,c:colors.getSingleColorVariable(e?.color),tt:e?.transform,tdl:e?.underline?"underline":void 0})}):{},composeTypographyClassName=(e,o)=>e?e?.type&&!isCustomTypo(e.custom)?genTypoClass(e.type):"":o?.type&&genTypoClass(o?.type),composeFallbackTypographyStyle=e=>e.toLocaleLowerCase().includes("heading")?"var(--g-font-heading, heading)":"var(--g-font-body, body)",composeTypographyStyle=(e,o,t)=>{if(e){let o=composeFallbackTypographyStyle(e.type??"heading"),p={...e.custom,fallbackFontFamily:o,isCustom:isCustomTypo(e.custom)};return{...composeTypographyV2(p,e.attrs),...!t&&composeTypographyAttr(e.attrs)}}return{...o?.type?{}:composeTypography(o?.custom)}},isCustomTypo=e=>e&&Object.keys(e).length>1||e&&1===Object.keys(e).length&&!e.fontSize;exports.composeFallbackTypographyStyle=composeFallbackTypographyStyle,exports.composeFontFamilyTypographyV2=composeFontFamilyTypographyV2,exports.composeTextHoverColorCss=composeTextHoverColorCss,exports.composeTypography=composeTypography,exports.composeTypographyAttr=composeTypographyAttr,exports.composeTypographyClassName=composeTypographyClassName,exports.composeTypographyCss=composeTypographyCss,exports.composeTypographyStyle=composeTypographyStyle,exports.composeTypographyV2=composeTypographyV2,exports.composeTypographyV2Css=composeTypographyV2Css,exports.genTypoClass=genTypoClass;

package/dist/cjs/types/animations.js

@@ -1 +1 @@
-"use strict";exports.AnimationType=void 0,function(i){i.Fade="fade",i.Slide="slide",i.Zoom="zoom",i.Shake="shake",i.None="none"}(exports.AnimationType||(exports.AnimationType={})),exports.AnimationSetting=void 0,function(i){i.Loop="loop",i.Scale="scale",i.Delay="delay",i.Easing="easing",i.Speed="speed",i.IsFade="isFade",i.Distance="distance",i.Intensity="intensity",i.Direction="direction",i.ZoomDirection="zoomDirection"}(exports.AnimationSetting||(exports.AnimationSetting={})),exports.AnimationDirectionType=void 0,function(i){i.Left="left",i.Right="right",i.Up="up",i.Down="down"}(exports.AnimationDirectionType||(exports.AnimationDirectionType={})),exports.AnimationTriggerType=void 0,function(i){i.Appear="appear",i.Hover="hover",i.Hidden="hidden",i.AppearByTrigger="appearByTrigger"}(exports.AnimationTriggerType||(exports.AnimationTriggerType={})),exports.AnimationZoomDirectionType=void 0,function(i){i.In="in",i.Out="out"}(exports.AnimationZoomDirectionType||(exports.AnimationZoomDirectionType={})),exports.AnimationEasingType=void 0,function(i){i.Ease="ease",i.EaseIn="ease-in",i.EaseOut="ease-out",i.Linear="linear"}(exports.AnimationEasingType||(exports.AnimationEasingType={}));
+"use strict";exports.AnimationType=void 0,function(i){i.Fade="fade",i.Slide="slide",i.Zoom="zoom",i.Shake="shake",i.None="none"}(exports.AnimationType||(exports.AnimationType={})),exports.AnimationSetting=void 0,function(i){i.Loop="loop",i.Scale="scale",i.Delay="delay",i.Easing="easing",i.Speed="speed",i.IsFade="isFade",i.Distance="distance",i.Intensity="intensity",i.Direction="direction",i.ZoomDirection="zoomDirection",i.TriggerAnimationOption="triggerAnimationOption"}(exports.AnimationSetting||(exports.AnimationSetting={})),exports.AnimationDirectionType=void 0,function(i){i.Left="left",i.Right="right",i.Up="up",i.Down="down"}(exports.AnimationDirectionType||(exports.AnimationDirectionType={})),exports.AnimationTriggerType=void 0,function(i){i.Appear="appear",i.Hover="hover",i.Hidden="hidden",i.AppearByTrigger="appearByTrigger"}(exports.AnimationTriggerType||(exports.AnimationTriggerType={})),exports.AnimationZoomDirectionType=void 0,function(i){i.In="in",i.Out="out"}(exports.AnimationZoomDirectionType||(exports.AnimationZoomDirectionType={})),exports.AnimationEasingType=void 0,function(i){i.Ease="ease",i.EaseIn="ease-in",i.EaseOut="ease-out",i.Linear="linear"}(exports.AnimationEasingType||(exports.AnimationEasingType={}));

package/dist/esm/helpers/typography.js

@@ -5,15 +5,15 @@ import{DEVICES as e}from"../constants/device.js";import{getSingleColorVariable a
   ${s?`font-weight: ${s};`:""}
   ${y?`letter-spacing: ${y};`:""}
   ${r?`line-height: ${r};`:""}
-  `},composeTypographyV2Css=(e,t)=>{let p=e?.custom,{fontFamily:a,fontSize:s,fontWeight:r,lineHeight:y,letterSpacing:l,textShadow:n,hasShadowText:i}=p??{},c=e?.attrs,g=n&&"none"!==n.type&&!1!==n.enable,{bold:m,italic:h,underline:$,transform:f,color:u}=c??{},d=t?"!important":"";return`
-  ${a?`font-family: ${composeFontFamilyTypographyV2({fontFamily:a,type:e?.type})} ${d}`:""};
-  ${s?.desktop?`font-size: ${s?.desktop} ${d}`:""};
-  ${u?`color: ${o(u)} ${d}`:""};
-  ${m?`font-weight: bold ${d}`:r?`font-weight: ${r} ${d}`:""};
-  ${l?`letter-spacing: ${l} ${d}`:""};
-  ${y?.desktop?`line-height: ${y?.desktop} ${d}`:""};
-  ${h?`font-style: italic ${d}`:""};
-  ${$?`text-decoration-line: underline ${d}`:""};
-  ${f?`text-transform: ${f} ${d}`:""};
+  `},composeTypographyV2Css=(e,t)=>{let p=e?.custom,{fontFamily:a,fontSize:s,fontWeight:r,lineHeight:y,letterSpacing:l,textShadow:n,hasShadowText:i}=p??{},c=e?.attrs,g=n&&"none"!==n.type&&!1!==n.enable,{bold:m,italic:h,underline:$,transform:f,color:d}=c??{},u=t?"!important":"";return`
+  ${a?`font-family: ${composeFontFamilyTypographyV2({fontFamily:a,type:e?.type})} ${u}`:""};
+  ${s?.desktop?`font-size: ${s?.desktop} ${u}`:""};
+  ${d?`color: ${o(d)} ${u}`:""};
+  ${m?`font-weight: bold ${u}`:r?`font-weight: ${r} ${u}`:""};
+  ${l?.desktop?`letter-spacing: ${l?.desktop} ${u}`:""};
+  ${y?.desktop?`line-height: ${y?.desktop} ${u}`:""};
+  ${h?`font-style: italic ${u}`:""};
+  ${$?`text-decoration-line: underline ${u}`:""};
+  ${f?`text-transform: ${f} ${u}`:""};
   ${g&&i?`text-shadow: ${composeTextShadowCss(n||{})}`:"none"};
   `},composeTextShadowCss=e=>{let o="number"==typeof e?.angle?e?.angle:0,t=o*Math.PI/180,p=parseFloat(e?.distance??"0");if(isNaN(p))return"none";let a=Math.round(Math.cos(t)*p*100)/100,s=Math.round(Math.sin(t)*p*100)/100;return`${a}px ${s}px ${e?.blur??"0"} ${e.color}`},composeTextHoverColorCss=(e,t)=>{if(e){let p=t?"!important":"",a=o(e.hover);return`${a?`color: ${a} ${p}`:""}`}};function getCustomCSSByDevice(e,o){if(!e||!o)return{};let t="desktop"!==o&&o?`-${o}`:"",{fontFamily:p}=e?.[o]??{};return{[`--size${t}`]:e?.[o]?.fontSize,[`--lh${t}`]:e?.[o]?.lineHeight,[`--fs${t}`]:e?.[o]?.fontStyle,[`--ff${t}`]:composeFontFamilyTypographyV2({fontFamily:p}),[`--weight${t}`]:e?.[o]?.fontWeight,[`--ls${t}`]:e?.[o]?.letterSpacing}}let composeTypography=e=>e?t({...getCustomCSSByDevice(e,"desktop"),...getCustomCSSByDevice(e,"tablet"),...getCustomCSSByDevice(e,"mobile")}):{},convertPercentToEmLetterSpacing=o=>o?e.reduce((e,t)=>{let p=o[t];return{...e,[t]:p?.includes("%")?`${(.01*parseFloat(p)).toFixed(2)}em`:p}},{}):{},composeTypographyV2=(e,o)=>{if(!e)return{};let s=convertPercentToEmLetterSpacing(e?.letterSpacing);return t({...p({fs:o?.italic?void 0:e?.fontStyle,ff:composeFontFamilyTypographyV2(e),weight:o?.bold?void 0:e?.fontWeight}),...a("size",e?.fontSize),...a("lh",e?.lineHeight),...a("ls",s)})},composeFontFamilyTypographyV2=e=>{let{fontFamily:o,isCustom:t,fallbackFontFamily:p,type:a}=e||{};if(!o)return t?p:void 0;if("string"==typeof o)return getFontUsedByTypographyV2({fontFamily:o,fallbackFontFamily:e?.fallbackFontFamily||composeFallbackTypographyStyle(a??"heading")});if("object"==typeof o&&"string"==typeof o?.value){if("theme"===o.type){let e=o?.value.includes("--g-theme-font")?`var(${o?.value})`:o?.value;return`${e}, var(--g-font-body)`}return getFontUsedByTypographyV2({fontFamily:o.value,fallbackFontFamily:e?.fallbackFontFamily||composeFallbackTypographyStyle(a??"heading")})}},getFontUsedByTypographyV2=({fontFamily:e,fallbackFontFamily:o})=>{if(e)return`var(--g-font-${e?.replace(/ /g,"-")}, '${e}'), ${o}`},composeTypographyAttr=e=>e?t({...p({fs:e?.italic?"italic":void 0,weight:e?.bold?"bold":void 0,c:o(e?.color),tt:e?.transform,tdl:e?.underline?"underline":void 0})}):{},composeTypographyClassName=(e,o)=>e?e?.type&&!isCustomTypo(e.custom)?genTypoClass(e.type):"":o?.type&&genTypoClass(o?.type),composeFallbackTypographyStyle=e=>e.toLocaleLowerCase().includes("heading")?"var(--g-font-heading, heading)":"var(--g-font-body, body)",composeTypographyStyle=(e,o,t)=>{if(e){let o=composeFallbackTypographyStyle(e.type??"heading"),p={...e.custom,fallbackFontFamily:o,isCustom:isCustomTypo(e.custom)};return{...composeTypographyV2(p,e.attrs),...!t&&composeTypographyAttr(e.attrs)}}return{...o?.type?{}:composeTypography(o?.custom)}},isCustomTypo=e=>e&&Object.keys(e).length>1||e&&1===Object.keys(e).length&&!e.fontSize;export{composeFallbackTypographyStyle,composeFontFamilyTypographyV2,composeTextHoverColorCss,composeTypography,composeTypographyAttr,composeTypographyClassName,composeTypographyCss,composeTypographyStyle,composeTypographyV2,composeTypographyV2Css,genTypoClass};

package/dist/esm/types/animations.js

@@ -1 +1 @@
-var AnimationType,AnimationSetting,AnimationDirectionType,AnimationTriggerType,AnimationZoomDirectionType,AnimationEasingType;!function(i){i.Fade="fade",i.Slide="slide",i.Zoom="zoom",i.Shake="shake",i.None="none"}(AnimationType||(AnimationType={})),function(i){i.Loop="loop",i.Scale="scale",i.Delay="delay",i.Easing="easing",i.Speed="speed",i.IsFade="isFade",i.Distance="distance",i.Intensity="intensity",i.Direction="direction",i.ZoomDirection="zoomDirection"}(AnimationSetting||(AnimationSetting={})),function(i){i.Left="left",i.Right="right",i.Up="up",i.Down="down"}(AnimationDirectionType||(AnimationDirectionType={})),function(i){i.Appear="appear",i.Hover="hover",i.Hidden="hidden",i.AppearByTrigger="appearByTrigger"}(AnimationTriggerType||(AnimationTriggerType={})),function(i){i.In="in",i.Out="out"}(AnimationZoomDirectionType||(AnimationZoomDirectionType={})),function(i){i.Ease="ease",i.EaseIn="ease-in",i.EaseOut="ease-out",i.Linear="linear"}(AnimationEasingType||(AnimationEasingType={}));export{AnimationDirectionType,AnimationEasingType,AnimationSetting,AnimationTriggerType,AnimationType,AnimationZoomDirectionType};
+var AnimationType,AnimationSetting,AnimationDirectionType,AnimationTriggerType,AnimationZoomDirectionType,AnimationEasingType;!function(i){i.Fade="fade",i.Slide="slide",i.Zoom="zoom",i.Shake="shake",i.None="none"}(AnimationType||(AnimationType={})),function(i){i.Loop="loop",i.Scale="scale",i.Delay="delay",i.Easing="easing",i.Speed="speed",i.IsFade="isFade",i.Distance="distance",i.Intensity="intensity",i.Direction="direction",i.ZoomDirection="zoomDirection",i.TriggerAnimationOption="triggerAnimationOption"}(AnimationSetting||(AnimationSetting={})),function(i){i.Left="left",i.Right="right",i.Up="up",i.Down="down"}(AnimationDirectionType||(AnimationDirectionType={})),function(i){i.Appear="appear",i.Hover="hover",i.Hidden="hidden",i.AppearByTrigger="appearByTrigger"}(AnimationTriggerType||(AnimationTriggerType={})),function(i){i.In="in",i.Out="out"}(AnimationZoomDirectionType||(AnimationZoomDirectionType={})),function(i){i.Ease="ease",i.EaseIn="ease-in",i.EaseOut="ease-out",i.Linear="linear"}(AnimationEasingType||(AnimationEasingType={}));export{AnimationDirectionType,AnimationEasingType,AnimationSetting,AnimationTriggerType,AnimationType,AnimationZoomDirectionType};

package/dist/types/index.d.ts

@@ -34478,7 +34478,8 @@ declare enum AnimationSetting {
     Distance = "distance",
     Intensity = "intensity",
     Direction = "direction",
-    ZoomDirection = "zoomDirection"
+    ZoomDirection = "zoomDirection",
+    TriggerAnimationOption = "triggerAnimationOption"
 }
 declare enum AnimationDirectionType {
     Left = "left",
@@ -34513,6 +34514,7 @@ type AnimationBaseSetting = {
     direction: AnimationDirectionType;
     zoomDirection: AnimationZoomDirectionType;
     isFade: boolean;
+    triggerAnimationOption: 'once' | 'every-time';
 };
 /** Represents the animation setting extracted from the animation control */
 type AnimationSettingType = {
@@ -34521,10 +34523,10 @@ type AnimationSettingType = {
 type ScaleByDirection = {
     [key in AnimationZoomDirectionType]: [number | string, number | string];
 };
-type AnimationShakeSettingType = Pick<AnimationSettingType, AnimationSetting.Loop | AnimationSetting.Intensity | AnimationSetting.Speed | AnimationSetting.Delay | AnimationSetting.Easing>;
-type AnimationZoomSettingType = Pick<AnimationSettingType, AnimationSetting.Scale | AnimationSetting.ZoomDirection | AnimationSetting.Speed | AnimationSetting.Delay | AnimationSetting.Easing | AnimationSetting.IsFade>;
-type AnimationFadeSettingType = Pick<AnimationSettingType, AnimationSetting.Speed | AnimationSetting.Delay | AnimationSetting.Easing>;
-type AnimationSlideSettingType = Pick<AnimationSettingType, AnimationSetting.Direction | AnimationSetting.Distance | AnimationSetting.Speed | AnimationSetting.Delay | AnimationSetting.Easing>;
+type AnimationShakeSettingType = Pick<AnimationSettingType, AnimationSetting.Loop | AnimationSetting.Intensity | AnimationSetting.Speed | AnimationSetting.Delay | AnimationSetting.Easing | AnimationSetting.TriggerAnimationOption>;
+type AnimationZoomSettingType = Pick<AnimationSettingType, AnimationSetting.Scale | AnimationSetting.ZoomDirection | AnimationSetting.Speed | AnimationSetting.Delay | AnimationSetting.Easing | AnimationSetting.IsFade | AnimationSetting.TriggerAnimationOption>;
+type AnimationFadeSettingType = Pick<AnimationSettingType, AnimationSetting.Speed | AnimationSetting.Delay | AnimationSetting.Easing | AnimationSetting.TriggerAnimationOption>;
+type AnimationSlideSettingType = Pick<AnimationSettingType, AnimationSetting.Direction | AnimationSetting.Distance | AnimationSetting.Speed | AnimationSetting.Delay | AnimationSetting.Easing | AnimationSetting.TriggerAnimationOption>;
 type SettingByAnimationType = {
     [key in AnimationType]: key extends AnimationType.Slide ? AnimationSlideSettingType : key extends AnimationType.Shake ? AnimationShakeSettingType : key extends AnimationType.Zoom ? AnimationZoomSettingType : key extends AnimationType.Fade ? AnimationFadeSettingType : never;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "2.0.0-dev.1272",
+  "version": "2.0.0-dev.1277",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",