diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/hooks.js index 88e1e84..58279ac 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/hooks.js @@ -1 +1,2 @@ -const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},transformHook=rw=>{const{globalID,rowCount,showHeader,headerBackground,headerCellPadding,headerVerticalAlignment,headerCellBorderStyle,headerCellBorderWidth,headerCellBorderColor,headerTextAlignment,headerTextFont,headerTextColor,headerTextSize,headerTextWeight,headerTextLetterSpacing,stripedRows,oddRowBackground,evenRowBackground,bodyCellPadding,bodyVerticalAlignment,bodyTextAlignment,bodyTextFont,bodyTextColor,bodyTextSize,bodyTextWeight,bodyTextLetterSpacing,bodyCellBorders,bodyCellBorderWidth,bodyCellBorderColor}=rw.props,{id}=rw.node,{columns}=rw.collections,count=Math.max(1,parseInt(rowCount)||3),rows=Array.from({length:count},(_,i)=>({index:i})),processedColumns=(columns==null?void 0:columns.map((col,index)=>({...col,widthClass:col.columnWidth||"",index})))||[],hasCustomWidths=processedColumns.some(col=>(col.columnWidth||"").includes("[")),rowBgClasses=stripedRows===!0||stripedRows==="true"?classnames([oddRowBackground,evenRowBackground]).toString():classnames([(oddRowBackground==null?void 0:oddRowBackground.replace(/odd:/g,""))||""]).toString(),classes={wrapper:classnames([globalLayout(rw),globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw),globalFilters(rw),globalTransforms(rw),globalBackground(rw),advancedClasses(rw)]).toString(),table:classnames(["min-w-full w-full border-collapse",hasCustomWidths?"table-fixed":"",globalBordersTable(rw)]).toString(),theadRow:classnames([headerBackground]).toString(),th:classnames([headerCellPadding,headerVerticalAlignment,headerCellBorderStyle,headerCellBorderWidth,headerCellBorderColor,headerTextAlignment,headerTextFont,headerTextColor,headerTextSize,headerTextWeight,headerTextLetterSpacing]).toString(),tbody:"",tr:classnames([rowBgClasses]).toString(),td:classnames([bodyCellPadding,bodyVerticalAlignment,bodyCellBorderWidth,bodyCellBorderColor,bodyCellBorders,bodyTextAlignment,bodyTextFont,bodyTextColor,bodyTextSize,bodyTextWeight,bodyTextLetterSpacing]).toString()};rw.setRootElement({as:"div",class:classes.wrapper,args:{id:globalID||id}}),globalID&&globalID.length>0&&rw.addAnchor(globalID);const wantsHeader=showHeader===!0||showHeader==="true";rw.setProps({classes,columns:processedColumns,rows,showHeader:wantsHeader})};exports.transformHook=transformHook; +const globalAnimations=app=>{const{globalScrollAnimationPreviewInEditor:previewInEditor,globalScrollAnimationTrigger:triggerType,globalScrollAnimationEase:ease,globalScrollAnimationEaseCustom:easeCustom,globalScrollAnimationEaseSteps:easeSteps,globalScrollAnimationOrigin:origin,globalScrollAnimationDuration:duration,globalScrollAnimationDelay:delay,globalScrollAnimationAmount:amount,globalScrollAnimationIsSpring:isSpring,globalScrollAnimationSpringStrength:springStrength,globalScrollAnimationSpringAmplitude:springAmplitude,globalScrollAnimationTriggerElementPositionEnter:triggerElementPositionEnter,globalScrollAnimationTriggerViewportPositionEnter:triggerViewportPositionEnter,globalScrollAnimationTriggerElementPositionExit:triggerElementPositionExit,globalScrollAnimationTriggerViewportPositionExit:triggerViewportPositionExit,globalScrollAnimationMarginTop:marginTop,globalScrollAnimationMarginBottom:marginBottom,globalScrollAnimationRepeat:repeat,globalScrollAnimationRepeatTimes:repeatTimes,globalScrollAnimationRepeatYoyo:repeatYoyo,globalScrollAnimationRepeatDelay:repeatDelay,globalScrollAnimationEnterState:enterState,globalScrollAnimationOpacityEnterStart:opacityEnterStart,globalScrollAnimationRotateEnterStart:rotateEnterStart,globalScrollAnimationScaleEnterStart:scaleEnterStart,globalScrollAnimationTranslateXEnterStart:translateXEnterStart,globalScrollAnimationTranslateYEnterStart:translateYEnterStart,globalScrollAnimationOpacityEnterEnd:opacityEnterEnd,globalScrollAnimationRotateEnterEnd:rotateEnterEnd,globalScrollAnimationScaleEnterEnd:scaleEnterEnd,globalScrollAnimationTranslateXEnterEnd:translateXEnterEnd,globalScrollAnimationTranslateYEnterEnd:translateYEnterEnd,globalScrollAnimationExitEnabled:exitEnabled,globalScrollAnimationOpacityExitEnd:opacityExitEnd,globalScrollAnimationRotateExitEnd:rotateExitEnd,globalScrollAnimationScaleExitEnd:scaleExitEnd,globalScrollAnimationTranslateXExitEnd:translateXExitEnd,globalScrollAnimationTranslateYExitEnd:translateYExitEnd}=app.props,{mode}=app.project,gsapEase=isSpring?`elastic.out(${springAmplitude}, ${springStrength})`:ease,gsapMargin=value=>value<0?`-=${Math.abs(value)}`:`+=${value}`,scrollTriggerStart=`${triggerElementPositionEnter}${gsapMargin(marginTop)} ${triggerViewportPositionEnter}${gsapMargin(marginBottom)}`,scrollTriggerEnd=`${triggerElementPositionExit}${gsapMargin(marginTop)} ${triggerViewportPositionExit}${gsapMargin(marginBottom)}`,gsapRepeat=triggerType=="instant"&&repeat!="false"?{repeat:repeat=="infinite"?-1:repeatTimes,yoyo:!!repeatYoyo,repeatDelay:repeatDelay/1e3}:!1,onEnterFrom={opacity:opacityEnterStart/100,rotation:rotateEnterStart,scale:scaleEnterStart/100,x:`${translateXEnterStart}%`,y:`${translateYEnterStart}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onEnterTo={opacity:opacityEnterEnd/100,rotation:rotateEnterEnd,scale:scaleEnterEnd/100,x:`${translateXEnterEnd}%`,y:`${translateYEnterEnd}%`,autoAlpha:1,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},onLeaveTo={opacity:opacityExitEnd/100,rotation:rotateExitEnd,scale:scaleExitEnd/100,x:`${translateXExitEnd}%`,y:`${translateYExitEnd}%`,autoAlpha:0,duration:duration/1e3,ease:gsapEase,transformOrigin:origin.replace("-"," ")},cssVarsFrom=Object.entries(onEnterFrom).map(([key,value])=>`[--scroll-animation-from-${key}:${value}]`).join(" "),cssVarsTo=Object.entries(onEnterTo).map(([key,value])=>`[--scroll-animation-to-${key}:${value}]`).join(" ");return{isEnabled:triggerType!="none",isScroll:triggerType=="scroll",isInView:triggerType=="inView",isInstant:triggerType=="instant",isExitEnabled:exitEnabled,previewInEditor:previewInEditor&&mode=="edit",editorPreviewCSSVars:{from:cssVarsFrom,to:cssVarsTo,duration:`${duration/1e3}s`,delay:`${delay/1e3}s`},data:{"data-animation":"true","data-animation-trigger-type":triggerType,"data-animation-enter-from":JSON.stringify(onEnterFrom).replace(/"/g,"""),"data-animation-enter-to":JSON.stringify(onEnterTo).replace(/"/g,"""),"data-animation-exit-to":JSON.stringify(onLeaveTo).replace(/"/g,"""),"data-animation-trigger-start":scrollTriggerStart,"data-animation-trigger-end":scrollTriggerEnd,"data-animation-repeat":gsapRepeat?JSON.stringify(gsapRepeat).replace(/"/g,"""):!1}}},globalReveal=rw=>{const{revealAnimationName:name,revealAnimationDirection:direction,revealPlay:play,revealStart:start,revealEnd:end,revealDuration:duration,revealDelay:delay,revealEasing:easing,revealDistance:distance,revealDegrees:degrees,revealScrub:scrub,revealDebug:debug}=rw.props,{title}=rw.node,revealID=`reveal-${title.replace(/\s+/g,"-").toLowerCase()}`,gsapTriggerPoints={"entering-screen":"top bottom","middle-of-screen":"top center","exiting-screen":"top top"},animationName=`${name}${direction.charAt(0).toUpperCase()+direction.slice(1)}In`,exitAnimationName=animationName.replace("In","Out");return{"data-reveal":"","data-reveal-id":revealID,"data-reveal-duration":`${duration/1e3}`,"data-reveal-delay":`${delay/1e3}`,"data-reveal-easing":easing,"data-reveal-animation":animationName,"data-reveal-exit-animation":exitAnimationName,"data-reveal-play":play,"data-reveal-start":gsapTriggerPoints[start]||gsapTriggerPoints["entering-screen"],"data-reveal-end":gsapTriggerPoints[end]||gsapTriggerPoints["exiting-screen"],"data-reveal-distance":distance,"data-reveal-degrees":degrees,"data-reveal-scrub":scrub||!1,"data-reveal-debug":debug||!1}},globalBgColor=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgColor:color,globalBgColorOpacity:opacity,globalBgColorEnd:colorEnd,globalBgColorOpacityEnd:opacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,classes=classnames([color,opacity,`dark:${opacity}`]);return controlType=="hover"&&(wantsPeer?classes.add([colorEnd.replace(/hover:/g,"peer-hover:"),opacityEnd.replace(/hover:/g,"peer-hover:"),`dark:${opacityEnd.replace(/hover:/g,"peer-hover:")}`]):classes.add([colorEnd,opacityEnd,`dark:${opacityEnd}`]),wantsActive&&classes.add([colorEnd.replace(/hover:/g,"data-[active=true]:"),opacityEnd.replace(/hover:/g,"data-[active=true]:"),`dark:${opacityEnd.replace(/hover:/g,"data-[active=true]:")}`]),wantsFocus&&classes.add([colorEnd.replace(/hover:/g,"focus:"),opacityEnd.replace(/hover:/g,"focus:"),`dark:${opacityEnd.replace(/hover:/g,"focus:")}`])),classes.toString()},globalBgGradient=(app,args)=>{const{globalControlTypeBg:controlType,globalBgGradientDirection:direction,globalBgGradientDirectionEnd:directionEnd,globalBgGradientFromColor:fromColor,globalBgGradientFromOpacity:fromOpacity,globalBgGradientFromPosition:fromPosition,globalBgGradientViaEnabled:viaEnabled,globalBgGradientViaColor:viaColor,globalBgGradientViaOpacity:viaOpacity,globalBgGradientViaPosition:viaPosition,globalBgGradientToColor:toColor,globalBgGradientToOpacity:toOpacity,globalBgGradientToPosition:toPosition,globalBgGradientFromColorEnd:fromColorEnd,globalBgGradientFromOpacityEnd:fromOpacityEnd,globalBgGradientViaEnabledEnd:viaEnabledEnd,globalBgGradientViaColorEnd:viaColorEnd,globalBgGradientViaOpacityEnd:viaOpacityEnd,globalBgGradientToColorEnd:toColorEnd,globalBgGradientToOpacityEnd:toOpacityEnd}=app.props,wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames([direction,fromColor,fromOpacity,fromPosition,toColor,toOpacity,toPosition]);return viaEnabled=="true"&&classes.add([viaColor,viaOpacity,viaPosition]),controlType=="hover"&&(wantsPeer?classes.add([directionEnd.replace(/hover:/g,"peer-hover:"),fromColorEnd.replace(/hover:/g,"peer-hover:"),fromOpacityEnd.replace(/hover:/g,"peer-hover:"),toColorEnd.replace(/hover:/g,"peer-hover:"),toOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(directionEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(fromOpacityEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(toOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([directionEnd,fromColorEnd,fromOpacityEnd,toColorEnd,toOpacityEnd]),wantsActive&&classes.add([directionEnd.replace(/hover:/g,"data-[active=true]:"),fromColorEnd.replace(/hover:/g,"data-[active=true]:"),fromOpacityEnd.replace(/hover:/g,"data-[active=true]:"),toColorEnd.replace(/hover:/g,"data-[active=true]:"),toOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([directionEnd.replace(/hover:/g,"focus:"),fromColorEnd.replace(/hover:/g,"focus:"),fromOpacityEnd.replace(/hover:/g,"focus:"),toColorEnd.replace(/hover:/g,"focus:"),toOpacityEnd.replace(/hover:/g,"focus:")]),viaEnabledEnd=="true"&&(wantsPeer?classes.add([viaColorEnd.replace(/hover:/g,"peer-hover:"),viaOpacityEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(viaColorEnd.replace(/hover:/g,""),args.prefix),prefixCallback(viaOpacityEnd.replace(/hover:/g,""),args.prefix)]):classes.add([viaColorEnd,viaOpacityEnd]),wantsActive&&classes.add([viaColorEnd.replace(/hover:/g,"data-[active=true]:"),viaOpacityEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([viaColorEnd.replace(/hover:/g,"focus:"),viaOpacityEnd.replace(/hover:/g,"focus:")]))),classes.toString()},globalBgImage=(app,args)=>{const{globalControlTypeBg:controlType,globalBgImageType:type,globalBgImageCmsField:cmsField,globalBgImageResource:resource,globalBgImagePosition:position,globalBgImageSize:size,globalBgImageRepeat:repeat,globalBgImageResourceEnd:resourceEnd,globalBgImagePositionEnd:positionEnd,globalBgImageSizeEnd:sizeEnd,globalBgImageRepeatEnd:repeatEnd}=app.props;if(type==="cms")return classnames([size,repeat,position]).toString();const wantsPeer=(args==null?void 0:args.peer)||!1,wantsActive=(args==null?void 0:args.active)||!1,wantsFocus=(args==null?void 0:args.focus)||!1,hasPrefix=(args==null?void 0:args.prefix)&&(args==null?void 0:args.prefixCallback)||!1,prefixCallback=(args==null?void 0:args.prefixCallback)||(()=>{}),classes=classnames().add([`bg-[url(${resource==null?void 0:resource.image})]`,size,repeat,position]);return controlType=="hover"&&(wantsPeer?classes.add([`peer-hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"peer-hover:"),repeatEnd.replace(/hover:/g,"peer-hover:"),positionEnd.replace(/hover:/g,"peer-hover:")]):hasPrefix?classes.add([prefixCallback(`bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,args.prefix),prefixCallback(sizeEnd.replace(/hover:/g,""),args.prefix),prefixCallback(repeatEnd.replace(/hover:/g,""),args.prefix),prefixCallback(positionEnd.replace(/hover:/g,""),args.prefix)]):classes.add([`hover:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd,repeatEnd,positionEnd]),wantsActive&&classes.add([`data-[active=true]:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"data-[active=true]:"),repeatEnd.replace(/hover:/g,"data-[active=true]:"),positionEnd.replace(/hover:/g,"data-[active=true]:")]),wantsFocus&&classes.add([`focus:bg-[url(${resourceEnd==null?void 0:resourceEnd.image})]`,sizeEnd.replace(/hover:/g,"focus:"),repeatEnd.replace(/hover:/g,"focus:"),positionEnd.replace(/hover:/g,"focus:")])),classes.toString()},globalBgVideoThumbnail=(app,args)=>{const{globalBgVideo:video}=app.props;return classnames([`bg-[url(${video==null?void 0:video.image})] bg-cover bg-center`]).toString()},globalBackground=(app,args={})=>{const{globalControlTypeBg:controlType,globalBgType:type}=app.props;if(controlType=="none")return"";switch(type){case"color":return globalBgColor(app,args);case"gradient":return globalBgGradient(app,args);case"image":return globalBgImage(app,args);case"video":return globalBgVideoThumbnail(app,args);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalBgImageFetchPriority=rw=>{const{globalBgImageFetchPriority:globalBgImageFetchPriority2,globalBgType,globalBgImageResource,globalBgImageResourceEnd}=rw.props;if(globalBgType!="image")return{wantsFetchPriority:!1,linkElement:"",linkElementEnd:""};const globalBgImageFetchPriorityEnabled=globalBgImageFetchPriority2!="auto";let globalBgImageFetchPriorityLinkElement="";globalBgImageResource!=null&&globalBgImageResource.image&&(globalBgImageFetchPriorityLinkElement=``);let globalBgImageFetchPriorityLinkElementEnd="";return globalBgImageResourceEnd!=null&&globalBgImageResourceEnd.image&&(globalBgImageFetchPriorityLinkElementEnd=``),{globalBgImageFetchPriorityEnabled,globalBgImageFetchPriorityLinkElement,globalBgImageFetchPriorityLinkElementEnd}},globalBorders=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersRadius:radius,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersRadiusEnd:radiusEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,radius,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,radiusEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),endRadius.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endRadius=type=="hover"?radiusEnd:radius,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),endRadius.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalBordersTable=(app,args={})=>{const{globalControlTypeBorders:type,globalBordersColor:color,globalBordersColorOpacity:colorOpacity,globalBordersWidth:width,globalBordersStyle:style,globalBordersColorEnd:colorEnd,globalBordersColorOpacityEnd:colorOpacityEnd,globalBordersWidthEnd:widthEnd,globalBordersStyleEnd:styleEnd}=app.props,classes=[],{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1;if(type=="none")return"";classes.push(width,style,color.split(" ").filter(Boolean).map(c=>`${c.trim()}/${colorOpacity}`).join(" "));const prefix=getHoverPrefix(node,"background","self");if(type=="hover"&&classes.push(widthEnd,`${prefix}:${styleEnd}`,colorEnd.split(" ").filter(Boolean).map(c=>`${prefix}:${c.trim()}/${colorOpacityEnd}`).join(" ")),wantsActive){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"data-[active=true]"),`data-[active=true]:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`data-[active=true]:${c.trim()}/${colorOpacityEnd}`).join(" "))}if(wantsFocus){const endColor=type=="hover"?colorEnd:color,endWidth=type=="hover"?widthEnd:width,endStyle=type=="hover"?styleEnd:style;classes.push(endWidth.replace(/hover/g,"focus"),`${prefix.replace(/hover/g,"focus")}:${endStyle}`,endColor.split(" ").filter(Boolean).map(c=>`${prefix.replace(/hover/g,"focus")}:${c.trim()}/${colorOpacityEnd}`).join(" "))}return classnames(classes).toString()},globalOutline=rw=>{const{globalControlTypeOutline,globalOutlineStyle,globalOutlineColor,globalOutlineColorOpacity,globalOutlineWidth,globalOutlineOffset,globalOutlineColorFocus,globalOutlineColorOpacityFocus,globalOutlineWidthFocus,globalOutlineOffsetFocus}=rw.props,classes=classnames();return globalControlTypeOutline=="none"?"":(globalControlTypeOutline!="none"&&classes.add([`${globalOutlineStyle}`,`${globalOutlineColor}/${globalOutlineColorOpacity}`,globalOutlineWidth,globalOutlineOffset]),globalControlTypeOutline=="focus"&&classes.add([`${globalOutlineColorFocus}/${globalOutlineColorOpacityFocus}`,globalOutlineWidthFocus,globalOutlineOffsetFocus]),classes.toString())};function addPrefixToTailwindClasses(classString,prefix){return classString.split(/\s+/).map(cls=>{if(cls=cls.replace(/hover:/g,""),cls.includes(`${prefix}:`))return cls;const match=cls.match(/^([a-z0-9]+:)(.+)$/i);return match?`${match[1]}${prefix}:${match[2]}`:`${prefix}:${cls}`}).join(" ")}const advancedClasses=rw=>{const{display,cssClasses,overflow,zIndex}=rw.props;return classnames([display,cssClasses,overflow,zIndex]).toString()},classnames=(initialClasses="")=>{let initialClassArray=Array.isArray(initialClasses)?initialClasses:initialClasses.split(" ").filter(Boolean),classes=new Set(initialClassArray),currentModifier="";return{add(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.add(cls)),this},remove(className){return(Array.isArray(className)?className:[className]).forEach(cls=>classes.delete(cls)),this},toggle(className){return(Array.isArray(className)?className:[className]).forEach(cls=>{classes.has(cls)?classes.delete(cls):classes.add(cls)}),this},modifier(modifier){return modifier?(currentModifier=modifier.replace(/:$/,"").trim(),this):this},getClasses(){const classArray=Array.from(classes);return currentModifier?classArray.map(cls=>`${currentModifier}:${cls}`).join(" "):classArray.filter(Boolean).join(" ")},toString(){return this.getClasses()}}},getHoverPrefix=(node={},applyTo="",hoverGroup="self",customId="")=>{const needsPeerPrefix=node.isContainer&&["background","content"].includes(applyTo);return hoverGroup==="parent"?`group-hover/${node.parent.id}`:hoverGroup==="custom"?`group-hover/${customId}`:needsPeerPrefix&&hoverGroup==="self"?`group-hover/${node.id}`:hoverGroup==="self"?needsPeerPrefix?"peer-hover":"hover":`group-hover/${hoverGroup}`},globalHTMLTag=(app,fallback="div")=>{const{globalHTMLTag:globalHTMLTag2,globalHTMLTagCustom}=app.props;return globalHTMLTag2==="custom"?globalHTMLTagCustom.replace(//g,"").replace(/[^a-zA-Z0-9]/g,""):globalHTMLTag2=="default"?fallback:globalHTMLTag2||fallback},injectPrefixOnDarkModeColors=(prefix,classes)=>classes.replace(/dark:(.*)/g,`dark:${prefix}:$1`),globalEffects=(app,args={})=>{const{globalEffectsApplyTo:applyTo,globalControlTypeEffects:type,globalHoverGroupEffects:hoverGroup,globalHoverGroupCustomIdEffects:customId,globalBoxShadow:boxShadow,globalOpacity:opacity,globalBoxShadowEnd:boxShadowEnd,globalOpacityEnd:opacityEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=[];return type!="none"&&classes.push(boxShadow,opacity),type=="hover"&&(classes.push(`${prefix}:${boxShadowEnd}`,`${prefix}:${opacityEnd}`),wantsActive&&classes.push(`data-[active=true]:${boxShadowEnd}`,`data-[active=true]:${opacityEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${boxShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${opacityEnd}`)),classnames(classes).toString()},globalFilters=(app,args={})=>{const{globalControlTypeFilters:type,globalHoverGroupFilters:hoverGroup,globalHoverGroupCustomIdFilters:customId,globalFiltersApplyTo:applyTo,globalFiltersBlur:blur,globalFiltersBrightness:brightness,globalFiltersDropShadow:dropShadow,globalFiltersSaturate:saturate,globalFiltersBackdropBlur:backdropBlur,globalFiltersBlurEnd:blurEnd,globalFiltersBrightnessEnd:brightnessEnd,globalFiltersDropShadowEnd:dropShadowEnd,globalFiltersSaturateEnd:saturateEnd,globalFiltersBackdropBlurEnd:backdropBlurEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId);if(type=="none")return"";const wantsBlur=!blur.endsWith("[0px]")||!blurEnd.endsWith("[0px]"),wantsBackdropBlur=!backdropBlur.endsWith("[0px]")||!backdropBlurEnd.endsWith("[0px]"),classes=[wantsBlur?blur:"",brightness,dropShadow,saturate,wantsBackdropBlur?backdropBlur:""];return type=="hover"&&(classes.push(wantsBlur?`${prefix}:${blurEnd}`:"",`${prefix}:${brightnessEnd}`,`${prefix}:${dropShadowEnd}`,`${prefix}:${saturateEnd}`,wantsBackdropBlur?`${prefix}:${backdropBlurEnd}`:""),wantsActive&&classes.push(`data-[active=true]:${blurEnd}`,`data-[active=true]:${brightnessEnd}`,`data-[active=true]:${dropShadowEnd}`,`data-[active=true]:${saturateEnd}`,`data-[active=true]:${backdropBlurEnd}`),wantsFocus&&classes.push(`${prefix.replace(/hover/g,"focus")}:${blurEnd}`,`${prefix.replace(/hover/g,"focus")}:${brightnessEnd}`,`${prefix.replace(/hover/g,"focus")}:${dropShadowEnd}`,`${prefix.replace(/hover/g,"focus")}:${saturateEnd}`,`${prefix.replace(/hover/g,"focus")}:${backdropBlurEnd}`)),classnames(classes).toString()},globalOverlayColor=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayColor:color,globalOverlayColorOpacity:opacity,globalOverlayColorEnd:colorEnd,globalOverlayColorOpacityEnd:opacityEnd}=app.props,classes=classnames([color,`${opacity} dark:${opacity}`]);return controlType=="hover"&&classes.add([injectPrefixOnDarkModeColors(prefix,`${prefix}:${colorEnd}`),`${prefix}:${opacityEnd}`,`dark:${prefix}:${opacityEnd}`]),classes.toString()},globalOverlayGradient=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayGradientDirection:direction,globalOverlayGradientDirectionEnd:directionEnd,globalOverlayGradientFromColor:fromColor,globalOverlayGradientFromOpacity:fromOpacity,globalOverlayGradientFromPosition:fromPosition,globalOverlayGradientViaEnabled:viaEnabled,globalOverlayGradientViaColor:viaColor,globalOverlayGradientViaOpacity:viaOpacity,globalOverlayGradientViaPosition:viaPosition,globalOverlayGradientToColor:toColor,globalOverlayGradientToOpacity:toOpacity,globalOverlayGradientToPosition:toPosition,globalOverlayGradientFromColorEnd:fromColorEnd,globalOverlayGradientFromOpacityEnd:fromOpacityEnd,globalOverlayGradientFromPositionEnd:fromPositionEnd,globalOverlayGradientViaEnabledEnd:viaEnabledEnd,globalOverlayGradientViaColorEnd:viaColorEnd,globalOverlayGradientViaOpacityEnd:viaOpacityEnd,globalOverlayGradientViaPositionEnd:viaPositionEnd,globalOverlayGradientToColorEnd:toColorEnd,globalOverlayGradientToOpacityEnd:toOpacityEnd,globalOverlayGradientToPositionEnd:toPositionEnd}=app.props,classes=classnames([direction,`${fromColor}/${fromOpacity}`,fromPosition,`${toColor}/${toOpacity}`,toPosition]);return viaEnabled=="true"&&classes.add([`${viaColor}/${viaOpacity}`,viaPosition]),controlType=="hover"&&(classes.add([`${prefix}:${directionEnd}`,`${prefix}:${fromColorEnd}/${fromOpacityEnd}`,`${prefix}:${fromPositionEnd}`,`${prefix}:${toColorEnd}/${toOpacityEnd}`,`${prefix}:${toPositionEnd}`]),viaEnabledEnd=="true"&&classes.add([`${prefix}:${viaColorEnd}/${viaOpacityEnd}`,`${prefix}:${viaPositionEnd}`])),classes.toString()},globalOverlayImage=(app,prefix)=>{const{globalControlTypeOverlay:controlType,globalOverlayImageResource:resource,globalOverlayImagePositionX:x,globalOverlayImagePositionY:y,globalOverlayImageSize:size,globalOverlayImageRepeat:repeat,globalOverlayImageResourceEnd:resourceEnd,globalOverlayImagePositionXEnd:xEnd,globalOverlayImagePositionYEnd:yEnd,globalOverlayImageSizeEnd:sizeEnd,globalOverlayImageRepeatEnd:repeatEnd}=app.props,bgPosition=(horizontal,vertical)=>{const mappings={"center-top":"bg-top","center-bottom":"bg-bottom","left-center":"bg-left","right-center":"bg-right","center-center":"bg-center"},key=`${horizontal}-${vertical}`;return mappings[key]||`bg-${key}`},classes=classnames().add([`bg-[url(${app.getResource(resource,1200)})]`,size,repeat,bgPosition(x,y)]);return controlType=="hover"&&classes.add([`${prefix}:bg-[url(${app.getResource(resourceEnd,1200)})]`,`${prefix}:${sizeEnd}`,`${prefix}:${repeatEnd}`,`${prefix}:${bgPosition(xEnd,yEnd)}`]),classes.toString()},globalOverlay=(app,isContainer=!1)=>{const{globalControlTypeOverlay:controlType,globalOverlayType:type}=app.props,{node}=app;node.isContainer=isContainer;const prefix=getHoverPrefix(node,"background","self");if(controlType=="none")return"";switch(type){case"color":return globalOverlayColor(app,prefix);case"gradient":return globalOverlayGradient(app,prefix);case"image":return globalOverlayImage(app,prefix);case"none":return"";default:return console.error("Invalid background type:",type),""}},globalFilter=rw=>{const{globalFilterEnable:wantsFilter,globalFilterGroup:group,globalFilterCustomGroupId:groupId,globalFilterTransition:transition=null}=rw.props,{parent}=rw.node,filterGroupId=group=="parent"?parent.id:groupId;return{wantsFilter,filterGroupId,transition,args:wantsFilter?{"data-filter-group":filterGroupId,"data-filter-transition":transition}:{}}},globalLink=app=>{var _a;const{globalLink:link=null}=app.props,hasLink=typeof link=="object"&&Object.keys(link).length>0&&link.href.length>0;let linkAttributes={hasLink,args:{}};if(!hasLink)return linkAttributes;const{href,title,target}=link,attrs=(_a=link.attributes)==null?void 0:_a.reduce((acc,{key,value})=>({...acc,[key]:value}),{});return linkAttributes.args={...attrs,href,title,target},linkAttributes},getOrderClasses=(orderByBreakpoint={},orderCustomByBreakpoint={},breakpointNames=[])=>{const allBreakpoints=["base",...breakpointNames],getCustomValue=currentBreakpoint=>{const currentIndex=allBreakpoints.indexOf(currentBreakpoint);for(let i=currentIndex;i>=0;i--){const bp=allBreakpoints[i];if(orderCustomByBreakpoint[bp]!==void 0)return orderCustomByBreakpoint[bp]}};return allBreakpoints.filter(bp=>orderByBreakpoint[bp]!==void 0).map(breakpoint=>{const value=orderByBreakpoint[breakpoint],prefix=breakpoint==="base"?"":`${breakpoint}:`,orderValue=value==="custom"?`order-[${getCustomValue(breakpoint)}]`:`order-${value}`;return`${prefix}${orderValue}`}).join(" ")},globalActAsGridOrFlexItem=app=>{const{globalGridOrFlexDisplayAs:displayAs,globalGridOrFlexItemSettings:settingsType,globalGridItemColSpan:colSpan,globlaGridItemColStart:colStart,globalGridItemColEnd:colEnd,globalGridItemRowSpan:rowSpan,globalGridItemRowStart:rowStart,globalGridItemRowEnd:rowEnd,globalFlexItemFlex:flex,globalFlexItemShrink:shrink,globalFlexItemGrow:grow,globalFlexItemBasis:basis,globalFlexItemBasisCustom:basisCustom,globalGridOrFlexItemAlignSelf:alignSelf,globalGridOrFlexItemJustifySelf:justifySelf}=app.props,{globalGridOrFlexItemOrder:orderByBreakpoint,globalGridOrFlexItemOrderCustom:orderCustomByBreakpoint}=app.responsiveProps,{names:breakpointNames}=app.theme.breakpoints;if(displayAs=="default")return!1;const classes=[];return displayAs=="flex"&&classes.push(alignSelf,justifySelf,...settingsType==="advanced"?[flex,shrink,grow,basis=="custom"?basisCustom:basis,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),displayAs=="grid"&&classes.push(colSpan,rowSpan,...settingsType==="advanced"?[colStart!=="col-start-auto"?colStart:void 0,colEnd!=="col-end-auto"?colEnd:void 0,rowStart!=="row-start-auto"?rowStart:void 0,rowEnd!=="row-end-auto"?rowEnd:void 0,alignSelf,justifySelf,getOrderClasses(orderByBreakpoint,orderCustomByBreakpoint,breakpointNames)]:[]),classnames(classes).toString()},getHiddenClasses=(hidden={},defaultDisplay="block")=>Object.keys(hidden).length===0?defaultDisplay:Object.entries(hidden).reduce((classes,[breakpoint,isHidden])=>{const modifier=breakpoint==="base"?"":`${breakpoint}:`,className=isHidden?`${modifier}hidden`:`${modifier}${defaultDisplay}`;return classes?`${classes} ${className}`:className},""),globalLayout=(app,args={})=>{const{globalLayoutPosition:position,globalLayoutZIndexType:zIndexType,globalLayoutZIndex:zIndex,globalLayoutTopRightBottomLeftType:topRightBottomLeftType,globalLayoutInset:inset,globalLayoutTop:top,globalLayoutRight:right,globalLayoutBottom:bottom,globalLayoutLeft:left,globalLayoutOverflow:overflow,globalLayoutIsolation:isolation,globalLayoutVisibility:visibility}=app.props,{globalLayoutHidden}=app.responsiveProps,{defaultDisplay}=args,hidden=getHiddenClasses(globalLayoutHidden,defaultDisplay);return classnames([position,zIndexType!=="custom"?zIndexType:zIndex,topRightBottomLeftType==="uniform"&&inset,...topRightBottomLeftType==="individual"?[top,right,bottom,left].filter(Boolean):[],overflow,isolation,visibility,hidden]).toString()},globalMenuItem=rw=>{const{globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline}=rw.props;return classnames([globalMenuItemFontFamily,globalMenuItemTextStyles,globalMenuItemFontWeight,globalMenuItemLetterSpacing,globalMenuItemItalic,globalMenuItemState,globalMenuItemColor,globalMenuItemOpacity,globalMenuItemTextShadow,globalMenuItemUnderline,globalMenuItemHoverColor,globalMenuItemHoverOpacity,globalMenuItemHoverTextShadow,globalMenuItemHoverUnderline]).toString()},globalNavItems=(rw,isActive=!1)=>{const{globalNavItemsTextColor:textColor,globalNavItemsTextColorOpacity:textColorOpacity,globalNavItemsFont:font,globalNavItemsFontSize:fontSize,globalNavItemsTextShadow:textShadow,globalNavItemsFontWeight:fontWeight,globalNavItemsLetterSpacing:letterSpacing,globalNavItemsItalic:italic,globalNavItemsUnderline:underline,globalNavItemsTextColorHover:textColorHover,globalNavItemsTextColorOpacityHover:textColorOpacityHover,globalNavItemsTextShadowHover:textShadowHover,globalNavItemsUnderlineHover:underlineHover}=rw.props;console.log({fontWeight});const inactiveStyles={textColor,textColorOpacity,font,fontSize,textShadow,fontWeight,letterSpacing,italic,underline},activeStyles={...inactiveStyles,textColor:textColorHover,textColorOpacity:textColorOpacityHover,textShadow:textShadowHover,underline:underlineHover},activeStylesFormatted=Object.fromEntries(Object.entries(activeStyles).map(([key,value])=>[key,value.replace(/hover:/g,"")])),hoverStyles={textColorHover,textColorOpacityHover,textShadowHover,underlineHover};return classnames([...Object.values(isActive?activeStylesFormatted:inactiveStyles),...Object.values(hoverStyles)]).toString()},globalNavTitle=rw=>{const{globalNavTitleTextColor,globalNavTitleTextColorOpacity,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline}=rw.props;return classnames([`${globalNavTitleTextColor}/${globalNavTitleTextColorOpacity}`,globalNavTitleFont,globalNavTitleFontSize,globalNavTitleTextShadow,globalNavTitleFontWeight,globalNavTitleFontLetterSpacing,globalNavTitleItalic,globalNavTitleUnderline]).toString()},aspectRatioClasses=rw=>{const{aspectRatio,aspectRatioCustom}=rw.props,aspectRatioClasses2={"aspect-[auto]":rw.component.title=="Video"?"aspect-video":"aspect-[auto]","aspect-[custom]":aspectRatioCustom};return classnames().add(aspectRatioClasses2[aspectRatio]||aspectRatio).toString()},globalSizing=app=>{const{globalHeight:height,globalWidth:width,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,classes=classnames([width,height]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},globalSizingContainer=app=>{const{globalWidthType:widthType,globalWidth:width,globalHeightType:heightType,globalHeight:height,globalSizingMinMaxEnabled:minMaxEnabled,globalMinWidth:minWidth,globalMaxWidth:maxWidth,globalMinHeight:minHeight,globalMaxHeight:maxHeight}=app.props,widthClasses={auto:"w-auto",full:"w-full",screen:"w-screen",container:"container w-full",theme:width},heightClasses={auto:"h-auto",full:"h-full",screen:"h-screen",theme:height},classes=classnames([widthClasses[widthType],heightClasses[heightType]]);return minMaxEnabled=="true"&&classes.add([minWidth,minHeight,maxWidth,maxHeight]),classes.toString()},objectClasses=rw=>{const{aspectRatio,objectFit,objectPosition}=rw.props;return classnames([aspectRatio!=="aspect-[auto]"?objectFit:"",objectPosition]).toString()},globalSpacing=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin,globalPadding:padding}=app.props;return enabled=="false"?!1:classnames([margin,padding]).toString()},globalSpacingMargin=app=>{const{globalSpacingEnabled:enabled,globalMargin:margin}=app.props;return enabled=="false"?!1:margin},globalSpacingPadding=app=>{const{globalSpacingEnabled:enabled,globalPadding:padding}=app.props;return enabled=="false"?!1:padding},globalTransforms=(app,args={})=>{const{globalControlTypeTransforms:type,globalHoverGroupTransforms:hoverGroup,globalHoverGroupCustomIdTransforms:customId,globalTransformsApplyTo:applyTo,globalTransformOrigin:origin,globalTransformScale:scale,globalTransformRotate:rotate,globalTransformSkewX:skewX,globalTransformSkewY:skewY,globalTransformTranslateX:translateX,globalTransformTranslateY:translateY,globalTransformScaleEnd:scaleEnd,globalTransformRotateEnd:rotateEnd,globalTransformSkewXEnd:skewXEnd,globalTransformSkewYEnd:skewYEnd,globalTransformTranslateXEnd:translateXEnd,globalTransformTranslateYEnd:translateYEnd}=app.props,{node}=app;node.isContainer=args.isContainer||!1;const wantsActive=args.active||!1,wantsFocus=args.focus||!1,prefix=getHoverPrefix(node,applyTo,hoverGroup,customId),classes=classnames();return type!="none"&&classes.add(["transform",origin,scale,rotate,skewX,skewY,translateX,translateY]),type=="hover"&&(classes.add([addPrefixToTailwindClasses(scaleEnd,prefix),addPrefixToTailwindClasses(rotateEnd,prefix),addPrefixToTailwindClasses(skewXEnd,prefix),addPrefixToTailwindClasses(skewYEnd,prefix),addPrefixToTailwindClasses(translateXEnd,prefix),addPrefixToTailwindClasses(translateYEnd,prefix)]),wantsActive&&classes.add([`data-[active=true]:${scaleEnd}`,`data-[active=true]:${rotateEnd}`,`data-[active=true]:${skewXEnd}`,`data-[active=true]:${skewYEnd}`,`data-[active=true]:${translateXEnd}`,`data-[active=true]:${translateYEnd}`]),wantsFocus&&classes.add([`${prefix.replace(/hover/g,"focus")}:${scaleEnd}`,`${prefix.replace(/hover/g,"focus")}:${rotateEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewXEnd}`,`${prefix.replace(/hover/g,"focus")}:${skewYEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateXEnd}`,`${prefix.replace(/hover/g,"focus")}:${translateYEnd}`])),classes.toString()},alpineTransitionsDesktop={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out duration-300",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out duration-300",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in duration-300",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesDesktop=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsDesktop[transitionName]||alpineTransitionsDesktop.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},alpineTransitionsMobile={fade:{enter:"transition ease-out",enterStart:"opacity-0",enterEnd:"opacity-100",leave:"transition ease-in",leaveStart:"opacity-100",leaveEnd:"opacity-0"},slideDown:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-full"},slideDownShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 -translate-y-3"},slideUp:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-full",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-full"},slideUpShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-y-3",enterEnd:"opacity-100 translate-y-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-y-0",leaveEnd:"opacity-0 translate-y-3"},slideLeft:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-full"},slideLeftShort:{enter:"transition ease-out",enterStart:"opacity-0 translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 translate-x-3"},slideRight:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-full",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-full"},slideRightShort:{enter:"transition ease-out",enterStart:"opacity-0 -translate-x-3",enterEnd:"opacity-100 translate-x-0",leave:"transition ease-in",leaveStart:"opacity-100 translate-x-0",leaveEnd:"opacity-0 -translate-x-3"},zoom:{enter:"transition ease-out",enterStart:"opacity-0 scale-95",enterEnd:"opacity-100 scale-100",leave:"transition ease-in",leaveStart:"opacity-100 scale-100",leaveEnd:"opacity-0 scale-95"},none:{enter:"duration-0",enterStart:"",enterEnd:"",leave:"duration-0",leaveStart:"",leaveEnd:""}},getAlpineTransitionAttributesMobile=transitionName=>{const{enter,enterStart,enterEnd,leave,leaveStart,leaveEnd}=alpineTransitionsMobile[transitionName]||alpineTransitionsMobile.fade;return Object.entries({"x-transition:enter":enter,"x-transition:enter-start":enterStart,"x-transition:enter-end":enterEnd,"x-transition:leave":leave,"x-transition:leave-start":leaveStart,"x-transition:leave-end":leaveEnd}).filter(([key,value])=>value).map(([key,value])=>`${key}="${value}"`).join(" ")},globalTransitions=(app,alwaysWantsHover=!1)=>{const{globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalFilterEnable,globalControlTypeBorders,globalControlTypeBg,globalControlTypeOverlay,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOutline,globalTransitionsProperty:property,globalTransitionsDuration:duration,globalTransitionsDelay:delay,globalTransitionsTimingFunction:timingFunction,globalTransitionsTimingFunctionCustom:customTimingFunction}=app.props,customTimingFunctionFormatted=customTimingFunction==null?void 0:customTimingFunction.replace(/,\s/g,",_");return alwaysWantsHover||globalFilterEnable||[globalControlTypeTransforms,globalControlTypeEffects,globalControlTypeFilters,globalControlTypeBorders,globalControlTypeBg,globalControlTypeSVGFill,globalControlTypeSVGStroke,globalControlTypeOverlay,globalControlTypeOutline].some(prop=>!["none","static","",void 0,null].includes(prop))?classnames([property==="transition-default"?"transition":property,duration,delay,timingFunction==="custom"?customTimingFunctionFormatted:timingFunction]).toString():""},globalButtonFontAndTextStyles=(rw,args={})=>{const{globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover}=rw.props,wantsFocus=args.focus||!1,wantsActive=args.active||!1,classes=classnames([globalButtonFontAndTextStylesTextAlign,globalButtonFontAndTextStylesColor,globalButtonFontAndTextStylesColorOpacity,globalButtonFontAndTextStylesFont,globalButtonFontAndTextStylesFontSize,globalButtonFontAndTextStylesTextShadow,globalButtonFontAndTextStylesFontWeight,globalButtonFontAndTextStylesLineHeight,globalButtonFontAndTextStylesLetterSpacing,globalButtonFontAndTextStylesItalic,globalButtonFontAndTextStylesUnderline,globalButtonFontAndTextStylesTextTransform,globalButtonFontAndTextStylesColorHover,globalButtonFontAndTextStylesColorOpacityHover,globalButtonFontAndTextStylesTextShadowHover]);return wantsFocus&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","focus:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","focus:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","focus:")]),wantsActive&&classes.add([globalButtonFontAndTextStylesColorHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesColorOpacityHover.replace("hover:","data-[active=true]:"),globalButtonFontAndTextStylesTextShadowHover.replace("hover:","data-[active=true]:")]),classes.toString()},globalHeadingTextColor=(rw,type,prefix)=>{const{globalTextColor:color,globalTextColorOpacity:opacity,globalTextColorHover:colorHover,globalTextColorOpacityHover:opacityHover}=rw.props;return classnames([color,opacity,...type=="hover"?[addPrefixToTailwindClasses(colorHover,prefix),addPrefixToTailwindClasses(opacityHover,prefix)]:[]]).toString()},globalHeadingColor=rw=>{const{globalBgType,globalControlTypeBg:type,globalHoverGroupBg:hoverGroup,globalHoverGroupCustomIdBg:customId}=rw.props,{mode}=rw.project,{node}=rw,prefix=getHoverPrefix(node,"",hoverGroup,customId);let classes=classnames([]);switch(globalBgType){case"color":classes.add(globalHeadingTextColor(rw,type,prefix));break;case"gradient":classes.add(["bg-clip-text","text-[transparent]",...globalBgGradient(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break;case"image":classes.add(["bg-clip-text","text-[transparent]",...globalBgImage(rw,{prefix,prefixCallback:addPrefixToTailwindClasses}).split(" ").filter(Boolean)]).modifier(mode=="edit"?"[&_span]":"");break}return classes.toString()},globalInputFontAndTextStyles=rw=>{const{globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline}=rw.props;return classnames([globalInputFontAndTextStylesColor,globalInputFontAndTextStylesColorOpacity,globalInputFontAndTextStylesTextShadow,globalInputFontAndTextStylesTextAlign,globalInputFontAndTextStylesFont,globalInputFontAndTextStylesFontSize,globalInputFontAndTextStylesFontWeight,globalInputFontAndTextStylesLineHeight,globalInputFontAndTextStylesLetterSpacing,globalInputFontAndTextStylesTextTransform,globalInputFontAndTextStylesItalic,globalInputFontAndTextStylesUnderline]).toString()},globalTextFontsAndTextStyles=app=>{const{globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace,globalTextTextDecoration,globalTextTextDecorationStyle,globalTextTextDecorationOffset,globalTextTextDecorationColor,globalTextTextDecorationOpacity}=app.props;return classnames().add([globalTextFontFamily,globalTextFontSize,globalTextFontWeight,globalTextLetterSpacing,globalTextLineHeight,globalTextItalic,globalTextTextShadow,globalTextTextTransform,globalTextWhiteSpace]).add(globalTextTextDecoration!=="no-underline"?[globalTextTextDecoration,globalTextTextDecorationOffset,globalTextTextDecorationStyle,`${globalTextTextDecorationColor}/${globalTextTextDecorationOpacity}`]:[]).toString()},parseCSV=csvString=>{const lines=csvString.split(` +`).filter(line=>line.trim().length>0),rows=[],headers=[];return lines.forEach((line,index)=>{const cells=line.split(",").map(cell=>cell.trim());index===0?headers.push(...cells):rows.push(cells)}),{headers,rows}},fetchCSV=async url=>{try{const response=await fetch(url);if(!response.ok)throw new Error(`HTTP error! status: ${response.status}`);return await response.text()}catch(error){return console.error("Error fetching CSV:",error),""}},transformHook=rw=>{const{globalID,rowCount,showHeader,dataSource,csvResource,csvUrl,csvFirstRowHeader,headerBackground,headerCellPadding,headerVerticalAlignment,headerCellBorderStyle,headerCellBorderWidth,headerCellBorderColor,headerTextAlignment,headerTextFont,headerTextColor,headerTextSize,headerTextWeight,headerTextLetterSpacing,stripedRows,oddRowBackground,evenRowBackground,bodyCellPadding,bodyVerticalAlignment,bodyTextAlignment,bodyTextFont,bodyTextColor,bodyTextSize,bodyTextWeight,bodyTextLetterSpacing,bodyCellBorders,bodyCellBorderWidth,bodyCellBorderColor}=rw.props,{id}=rw.node,{columns}=rw.collections;let rows=[],processedColumns=[];if(dataSource==="csv"){let csvData="";if(csvResource&&csvResource.url?csvData=csvResource.url:csvUrl&&(csvData=csvUrl),csvData){const parsed=parseCSV(csvData),usesFirstRowAsHeader=csvFirstRowHeader===!0||csvFirstRowHeader==="true";processedColumns=(usesFirstRowAsHeader?parsed.headers:[]).map((label,index)=>({column:label||`Column ${index+1}`,columnWidth:"",widthClass:"",index})),rows=(usesFirstRowAsHeader?parsed.rows:[parsed.headers,...parsed.rows]).map((rowData,rowIndex)=>({index:rowIndex,cells:rowData.map((cell,colIndex)=>({text:cell,columnIndex:colIndex}))}))}else rows=[],processedColumns=[]}else{const count=Math.max(1,parseInt(rowCount)||3);rows=Array.from({length:count},(_,i)=>({index:i})),processedColumns=(columns==null?void 0:columns.map((col,index)=>({...col,widthClass:col.columnWidth||"",index})))||[]}const hasCustomWidths=processedColumns.some(col=>(col.columnWidth||"").includes("[")),rowBgClasses=stripedRows===!0||stripedRows==="true"?classnames([oddRowBackground,evenRowBackground]).toString():classnames([(oddRowBackground==null?void 0:oddRowBackground.replace(/odd:/g,""))||""]).toString(),classes={wrapper:classnames([globalLayout(rw),globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw),globalFilters(rw),globalTransforms(rw),globalBackground(rw),advancedClasses(rw)]).toString(),table:classnames(["min-w-full w-full border-collapse",hasCustomWidths?"table-fixed":"",globalBordersTable(rw)]).toString(),theadRow:classnames([headerBackground]).toString(),th:classnames([headerCellPadding,headerVerticalAlignment,headerCellBorderStyle,headerCellBorderWidth,headerCellBorderColor,headerTextAlignment,headerTextFont,headerTextColor,headerTextSize,headerTextWeight,headerTextLetterSpacing]).toString(),tbody:"",tr:classnames([rowBgClasses]).toString(),td:classnames([bodyCellPadding,bodyVerticalAlignment,bodyCellBorderWidth,bodyCellBorderColor,bodyCellBorders,bodyTextAlignment,bodyTextFont,bodyTextColor,bodyTextSize,bodyTextWeight,bodyTextLetterSpacing]).toString()};rw.setRootElement({as:"div",class:classes.wrapper,args:{id:globalID||id}}),globalID&&globalID.length>0&&rw.addAnchor(globalID);const wantsHeader=showHeader===!0||showHeader==="true";rw.setProps({classes,columns:processedColumns,rows,showHeader:wantsHeader})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/hooks.source.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/hooks.source.js index 8824a2a..bc53036 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/hooks.source.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/hooks.source.js @@ -1,8 +1,42 @@ +const parseCSV = (csvString) => { + const lines = csvString.split('\n').filter((line) => line.trim().length > 0); + const rows = []; + const headers = []; + + lines.forEach((line, index) => { + const cells = line.split(',').map((cell) => cell.trim()); + if (index === 0) { + headers.push(...cells); + } else { + rows.push(cells); + } + }); + + return { headers, rows }; +}; + +const fetchCSV = async (url) => { + try { + const response = await fetch(url); + if (!response.ok) { + throw new Error(`HTTP error! status: ${response.status}`); + } + return await response.text(); + } catch (error) { + console.error('Error fetching CSV:', error); + return ''; + } +}; + const transformHook = (rw) => { const { globalID, rowCount, showHeader, + dataSource, + csvResource, + csvUrl, + csvFirstRowHeader, // Header styling headerBackground, // Header cells @@ -41,16 +75,59 @@ const transformHook = (rw) => { const { id } = rw.node; const { columns } = rw.collections; - // Build rows array from rowCount - const count = Math.max(1, parseInt(rowCount) || 3); - const rows = Array.from({ length: count }, (_, i) => ({ index: i })); + let rows = []; + let processedColumns = []; + + // Handle CSV data source + if (dataSource === 'csv') { + let csvData = ''; + + // Try to get CSV from resource first + if (csvResource && csvResource.url) { + csvData = csvResource.url; + } else if (csvUrl) { + csvData = csvUrl; + } + + if (csvData) { + const parsed = parseCSV(csvData); + const usesFirstRowAsHeader = csvFirstRowHeader === true || csvFirstRowHeader === 'true'; - // Process columns to include per-column width classes (respects collection order) - const processedColumns = columns?.map((col, index) => ({ - ...col, - widthClass: col.columnWidth || "", - index, - })) || []; + // Set up columns from CSV + const columnLabels = usesFirstRowAsHeader ? parsed.headers : []; + processedColumns = columnLabels.map((label, index) => ({ + column: label || `Column ${index + 1}`, + columnWidth: '', + widthClass: '', + index, + })); + + // Set up rows from CSV data + rows = (usesFirstRowAsHeader ? parsed.rows : [parsed.headers, ...parsed.rows]).map((rowData, rowIndex) => ({ + index: rowIndex, + cells: rowData.map((cell, colIndex) => ({ + text: cell, + columnIndex: colIndex, + })), + })); + } else { + // No CSV data, show empty table + rows = []; + processedColumns = []; + } + } else { + // Manual data source - use existing logic + // Build rows array from rowCount + const count = Math.max(1, parseInt(rowCount) || 3); + rows = Array.from({ length: count }, (_, i) => ({ index: i })); + + // Process columns to include per-column width classes (respects collection order) + processedColumns = columns?.map((col, index) => ({ + ...col, + widthClass: col.columnWidth || "", + index, + })) || []; + } // Use table-fixed layout when any column has a custom (non-auto) width const hasCustomWidths = processedColumns.some((col) => { diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/properties.json index 1f6052e..212f8d6 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/properties.json @@ -1 +1,2725 @@ -{"groups":[{"title":"Settings","icon":"gearshape","properties":[{"title":"Columns","id":"columns","collection":{"identifier":"com.realmacsoftware.table.collections.columns"}},{"divider":{}},{"title":"Table Settings","heading":{}},{"title":"Rows","id":"rowCount","responsive":false,"number":{"default":3}}]},{"title":"Header Cells","icon":"rectangle.topthird.inset.filled","properties":[{"title":"Header Cells","heading":{}},{"title":"Show","id":"showHeader","responsive":false,"switch":{"default":true}},{"visible":"showHeader == true","divider":{}},{"visible":"showHeader == true","title":"Padding","id":"headerCellPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"2","right":"2","bottom":"2","left":"2"}}}},{"visible":"showHeader == true","title":"Align","id":"headerVerticalAlignment","segmented":{"default":"align-top","items":[{"title":"Top","value":"align-top"},{"title":"Middle","value":"align-middle"},{"title":"Bottom","value":"align-bottom"}]}},{"visible":"showHeader == true","title":"Background","id":"headerBackground","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"showHeader == true","title":"Borders","heading":{}},{"visible":"showHeader == true","title":"Style","id":"headerCellBorderStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]}},{"visible":"showHeader == true","title":"Width","id":"headerCellBorderWidth","themeBorderWidth":{"default":{"base":{"top":"Default","right":"Default","bottom":"Default","left":"Default"}}}},{"visible":"showHeader == true","title":"Color","id":"headerCellBorderColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":200}}}]},{"title":"Header Text","icon":"textformat","visible":"showHeader == true","properties":[{"title":"Alignment","id":"headerTextAlignment","segmented":{"default":"text-left","items":[{"value":"text-left","icon":"text.alignleft"},{"value":"text-center","icon":"text.aligncenter"},{"value":"text-right","icon":"text.alignright"},{"value":"text-justify","icon":"text.justify"}]}},{"title":"Font","id":"headerTextFont","themeFont":{"default":{"name":"heading"}}},{"title":"Color","id":"headerTextColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"title":"Size","id":"headerTextSize","themeTextStyle":{"default":{"base":{"name":"base"}}}},{"title":"Weight","id":"headerTextWeight","format":"font-[{{value}}]","slider":{"default":600,"items":[{"value":"100","title":"Thin"},{"value":"200","title":"Extra Light"},{"value":"300","title":"Light"},{"value":"400","title":"Normal"},{"value":"500","title":"Medium"},{"value":"600","title":"Semi Bold"},{"value":"700","title":"Bold"},{"value":"800","title":"Extra Bold"},{"value":"900","title":"Black"}]}},{"title":"Spacing","id":"headerTextLetterSpacing","format":"tracking-{{value}}","slider":{"default":"normal","items":[{"value":"tighter","title":"Tighter"},{"value":"tight","title":"Tight"},{"value":"normal","title":"Normal"},{"value":"wide","title":"Wide"},{"value":"wider","title":"Wider"},{"value":"widest","title":"Widest"}]}}]},{"title":"Body Cells","icon":"tablecells","properties":[{"title":"Padding","id":"bodyCellPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"2","right":"2","bottom":"2","left":"2"}}}},{"title":"Align","id":"bodyVerticalAlignment","segmented":{"default":"align-top","items":[{"title":"Top","value":"align-top"},{"title":"Middle","value":"align-middle"},{"title":"Bottom","value":"align-bottom"}]}},{"divider":{}},{"title":"Background","heading":{}},{"title":"Color","id":"oddRowBackground","format":"odd:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"title":"Striped","id":"stripedRows","responsive":false,"switch":{"default":false}},{"visible":"stripedRows == true","title":"Even","id":"evenRowBackground","format":"even:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":100}}},{"divider":{}},{"title":"Borders","heading":{}},{"title":"Width","id":"bodyCellBorderWidth","themeBorderWidth":{"default":{"base":{"top":"Default","right":"Default","bottom":"Default","left":"Default"}}}},{"title":"Color","id":"bodyCellBorderColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":200}}}]},{"title":"Body Text","icon":"textformat","properties":[{"title":"Alignment","id":"bodyTextAlignment","segmented":{"default":"text-left","items":[{"value":"text-left","icon":"text.alignleft"},{"value":"text-center","icon":"text.aligncenter"},{"value":"text-right","icon":"text.alignright"},{"value":"text-justify","icon":"text.justify"}]}},{"title":"Font","id":"bodyTextFont","themeFont":{"default":{"name":"body"}}},{"title":"Color","id":"bodyTextColor","format":"text-{{value}}","themeColor":{"default":{"name":"text","brightness":50}}},{"title":"Size","id":"bodyTextSize","themeTextStyle":{"default":{"base":{"name":"base"}}}},{"title":"Weight","id":"bodyTextWeight","format":"font-[{{value}}]","slider":{"default":400,"items":[{"value":"100","title":"Thin"},{"value":"200","title":"Extra Light"},{"value":"300","title":"Light"},{"value":"400","title":"Normal"},{"value":"500","title":"Medium"},{"value":"600","title":"Semi Bold"},{"value":"700","title":"Bold"},{"value":"800","title":"Extra Bold"},{"value":"900","title":"Black"}]}},{"title":"Spacing","id":"bodyTextLetterSpacing","format":"tracking-{{value}}","slider":{"default":"normal","items":[{"value":"tighter","title":"Tighter"},{"value":"tight","title":"Tight"},{"value":"normal","title":"Normal"},{"value":"wide","title":"Wide"},{"value":"wider","title":"Wider"},{"value":"widest","title":"Widest"}]}}]},{"title":"Layout","icon":"square.split.bottomrightquarter","properties":[{"title":"General","heading":{}},{"title":"Position","id":"globalLayoutPosition","select":{"default":"","items":[{"title":"None","value":""},{"title":"Static","value":"static"},{"title":"Relative","value":"relative"},{"title":"Absolute","value":"absolute"},{"title":"Fixed","value":"fixed"},{"title":"Sticky","value":"sticky"}]}},{"title":"Z-Index","id":"globalLayoutZIndexType","responsive":false,"segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Auto","value":"z-auto"},{"title":"Custom","value":"custom"}]}},{"visible":"globalLayoutZIndexType == 'custom'","title":"","id":"globalLayoutZIndex","format":"z-[{{value}}]","number":{"default":0,"subtitle":"Can be positive or negative."}},{"title":"Top / Right / Bottom / Left","heading":{}},{"title":"Type","id":"globalLayoutTopRightBottomLeftType","segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Uniform","value":"uniform"},{"title":"Individual","value":"individual"}]}},{"title":"Inset","id":"globalLayoutInset","format":"inset-{{value}}","themeSpacing":{"mode":"single","default":{"base":"0"}},"visible":"globalLayoutTopRightBottomLeftType == 'uniform'"},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Top","id":"globalLayoutTop","format":"top-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Right","id":"globalLayoutRight","format":"right-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Bottom","id":"globalLayoutBottom","format":"bottom-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"visible":"globalLayoutTopRightBottomLeftType == 'individual'","title":"Left","id":"globalLayoutLeft","format":"left-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":0}}}},{"heading":{},"title":"Display"},{"title":"Hidden","id":"globalLayoutHidden","switch":{"default":false}},{"title":"Visibility","id":"globalLayoutVisibility","select":{"default":"","items":[{"title":"Auto","value":""},{"title":"Visible","value":"visible"},{"title":"Invisible","value":"invisible"}]}},{"heading":{},"title":"Advanced"},{"title":"Overflow","id":"globalLayoutOverflow","select":{"default":"","items":[{"title":"None","value":""},{"title":"Visible","value":"overflow-visible"},{"title":"Hidden","value":"overflow-hidden"},{"title":"Scroll","value":"overflow-scroll"},{"title":"Auto","value":"overflow-auto"}]}},{"title":"Isolation","id":"globalLayoutIsolation","segmented":{"default":"","items":[{"title":"None","value":""},{"title":"Isolate","value":"isolate"},{"title":"Auto","value":"isolate-auto"}]}}]},{"title":"Sizing","icon":"square.resize","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"title":"Height","id":"globalHeight","format":"h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}}},{"divider":{}},{"title":"Min & Max Settings","heading":{}},{"information":{},"title":"Enable this to set both min and max height and width settings."},{"title":"Enable","id":"globalSizingMinMaxEnabled","switch":{"default":false}},{"visible":"globalSizingMinMaxEnabled == true","title":"Width","heading":{}},{"title":"Min","id":"globalMinWidth","format":"min-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxWidth","format":"max-w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"},{"visible":"globalSizingMinMaxEnabled == true","divider":{}},{"visible":"globalSizingMinMaxEnabled == true","title":"Height","heading":{}},{"title":"Min","id":"globalMinHeight","format":"min-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"0"}}},"visible":"globalSizingMinMaxEnabled == true"},{"title":"Max","id":"globalMaxHeight","format":"max-h-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"custom":false,"value":"auto"}}},"visible":"globalSizingMinMaxEnabled == true"}]},{"title":"Spacing","icon":"squareshape.squareshape.dotted","properties":[{"title":"Margin & Padding","heading":{}},{"title":"Enable","id":"globalSpacingEnabled","switch":{"default":false}},{"title":"Margin","id":"globalMargin","themeSpacing":{"mode":"margin","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"},{"title":"Padding","id":"globalPadding","themeSpacing":{"mode":"padding","default":{"base":{"top":"0","right":"0","bottom":"0","left":"0"}}},"visible":"globalSpacingEnabled == true"}]},{"title":"Transitions","icon":"timer","properties":[{"title":"Apply to","id":"globalTransitionsProperty","format":"transition-{{value}}","select":{"default":"all","items":[{"title":"None","value":"none"},{"title":"All","value":"all"},{"title":"Most Common","value":"default"},{"title":"Colors","value":"colors"},{"title":"Opacity","value":"opacity"},{"title":"Shadows","value":"shadow"},{"title":"Transforms","value":"transform"}]}},{"visible":"globalTransitionsProperty != 'none'","title":"Function","id":"globalTransitionsTimingFunction","select":{"default":"ease-in-out","items":[{"title":"Custom","value":"custom"},{"title":"Linear","value":"linear"},{"title":"Ease-in","value":"ease-in"},{"title":"Ease-out","value":"ease-out"},{"title":"Ease-in-out","value":"ease-in-out"}]}},{"visible":"globalTransitionsTimingFunction == 'custom'","title":"Cubic Bezier","id":"globalTransitionsTimingFunctionCustom","format":"ease-[cubic-bezier({{value}})]","input":{"default":"0.95,0.05,0.795,0.035","subtitle":"x1, y1, x2, y2"}},{"heading":{},"title":"Timing"},{"visible":"globalTransitionsProperty != 'none'","title":"Duration","id":"globalTransitionsDuration","format":"duration-[{{value}}ms]","number":{"default":300}},{"visible":"globalTransitionsProperty != 'none'","title":"Delay","id":"globalTransitionsDelay","format":"delay-[{{value}}ms]","number":{"default":0}}]},{"title":"Effects","icon":"wand.and.stars.inverse","properties":[{"title":"Type","id":"globalControlTypeEffects","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupEffects","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeEffects == 'hover'"},{"visible":"globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'","title":"ID","id":"globalHoverGroupCustomIdEffects","text":{}},{"visible":"globalHoverGroupEffects == 'custom'","title":"The ID of the parent element to trigger the effects.","information":{}},{"visible":"globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'","title":"State","id":"globalEffectsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeEffects != 'none'","divider":{}},{"title":"Box Shadow","id":"globalBoxShadow","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Opacity","id":"globalOpacity","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')"},{"title":"Box Shadow","id":"globalBoxShadowEnd","themeShadow":{"default":{"base":{"name":"Default"}}},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"},{"title":"Opacity","id":"globalOpacityEnd","format":"opacity-[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')"}]},{"title":"Filters","icon":"camera.filters","properties":[{"title":"Type","id":"globalControlTypeFilters","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupFilters","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeFilters == 'hover'"},{"visible":"globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'","title":"ID","id":"globalHoverGroupCustomIdFilters","text":{}},{"visible":"globalHoverGroupFilters == 'custom'","title":"The ID of the parent element to trigger the filters.","information":{}},{"visible":"globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'","title":"State","id":"globalFiltersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeFilters != 'none'","divider":{}},{"visible":"globalControlTypeFilters != 'none'","title":"Filters","heading":{}},{"title":"Blur","id":"globalFiltersBlur","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Brightness","id":"globalFiltersBrightness","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Saturate","id":"globalFiltersSaturate","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Drop Shadow","id":"globalFiltersDropShadow","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBlurEnd","format":"blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Brightness","id":"globalFiltersBrightnessEnd","format":"brightness-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Saturate","id":"globalFiltersSaturateEnd","format":"saturate-[{{value}}%]","number":{"default":100,"subtitle":"In percent"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"title":"Drop Shadow","id":"globalFiltersDropShadowEnd","themeShadow":{"mode":"drop","default":{"base":{"name":"none"}}},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"},{"visible":"globalControlTypeFilters != 'none'","title":"Backdrop Filters","heading":{}},{"title":"Blur","id":"globalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')"},{"title":"Blur","id":"globalFiltersBackdropBlurEnd","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')"}]},{"title":"Transforms","icon":"skew","properties":[{"title":"Type","id":"globalControlTypeTransforms","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"title":"Over","id":"globalHoverGroupTransforms","responsive":false,"select":{"default":"self","items":[{"title":"Self","value":"self"},{"title":"Parent","value":"parent"},{"title":"Container","value":"container"},{"title":"Grid","value":"grid"},{"title":"Flex","value":"flex"},{"title":"Custom ID","value":"custom"}]},"visible":"globalControlTypeTransforms == 'hover'"},{"visible":"globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'","title":"ID","id":"globalHoverGroupCustomIdTransforms","text":{}},{"visible":"globalHoverGroupTransforms == 'custom'","title":"The ID of the parent element to trigger the transforms.","information":{}},{"visible":"globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'","title":"State","id":"globalTransformsState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeTransforms != 'none'","divider":{}},{"title":"Origin","id":"globalTransformOrigin","format":"origin-{{value}}","select":{"default":"center","items":[{"value":"center","title":"Center"},{"value":"top","title":"Top"},{"value":"top-right","title":"Top Right"},{"value":"right","title":"Right"},{"value":"bottom-right","title":"Bottom Right"},{"value":"bottom","title":"Bottom"},{"value":"bottom-left","title":"Bottom Left"},{"value":"left","title":"Left"},{"value":"top-left","title":"Top Left"}]},"visible":"globalControlTypeTransforms != 'none'"},{"title":"Scale","id":"globalTransformScale","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Rotate","id":"globalTransformRotate","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Translate","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformTranslateX","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformTranslateY","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Skew","heading":{},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Horizontal","id":"globalTransformSkewX","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Vertical","id":"globalTransformSkewY","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')"},{"title":"Scale","id":"globalTransformScaleEnd","format":"scale-[{{value}}%]","number":{"default":100,"subtitle":"%"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Rotate","id":"globalTransformRotateEnd","format":"rotate-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Translate","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformTranslateXEnd","format":"translate-x-[{{value}}]","text":{"default":"0px","base":"0px"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformTranslateYEnd","format":"translate-y-[{{value}}]","text":{"default":"0px","subtitle":"Use valid CSS values. 10px, 50%, 10vw."},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Skew","heading":{},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Horizontal","id":"globalTransformSkewXEnd","format":"skew-x-[{{value}}deg]","number":{"default":0},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"},{"title":"Vertical","id":"globalTransformSkewYEnd","format":"skew-y-[{{value}}deg]","number":{"default":0,"subtitle":"in degrees"},"visible":"(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')"}]},{"title":"Background","icon":"paintbrush.fill","properties":[{"title":"Type","id":"globalControlTypeBg","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBg != 'none'","title":"Style","id":"globalBgType","responsive":false,"segmented":{"default":"color","items":[{"icon":"paintbrush","value":"color"},{"icon":"photo","value":"image"},{"icon":"swatchpalette","value":"gradient"}]}},{"visible":"globalControlTypeBg != 'none' && globalControlTypeBg != 'static'","title":"State","id":"globalBgState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"visible":"globalControlTypeBg != 'none'","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Color","id":"globalBgColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Color","id":"globalBgColorEnd","format":"hover:bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')","title":"Opacity","id":"globalBgColorOpacityEnd","format":"hover:bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirection","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"From"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColor","format":"from-{{value}}/[--bgGradientFromOpacity]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacity","format":"[--bgGradientFromOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientFromPosition","format":"from-[{{value}}%]","responsive":false,"slider":{"default":0,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabled","switch":{"default":false}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","heading":{},"title":"Via"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Color","id":"globalBgGradientViaColor","format":"via-{{value}}/[--bgGradientViaOpacity]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Opacity","id":"globalBgGradientViaOpacity","format":"[--bgGradientViaOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true","title":"Position","id":"globalBgGradientViaPosition","format":"via-[{{value}}%]","responsive":false,"slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","divider":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColor","format":"to-{{value}}/[--bgGradientToOpacity]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacity","format":"[--bgGradientToOpacity:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')","title":"Position","id":"globalBgGradientToPosition","format":"to-[{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Direction","id":"globalBgGradientDirectionEnd","format":"hover:{{value}}","select":{"default":"bg-gradient-to-b","items":[{"value":"bg-gradient-to-t","title":"To Top"},{"value":"bg-gradient-to-tr","title":"To Top Right"},{"value":"bg-gradient-to-r","title":"To Right"},{"value":"bg-gradient-to-br","title":"To Bottom Right"},{"value":"bg-gradient-to-b","title":"To Bottom"},{"value":"bg-gradient-to-bl","title":"To Bottom Left"},{"value":"bg-gradient-to-l","title":"To Left"},{"value":"bg-gradient-to-tl","title":"To Top Left"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"From","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientFromColorEnd","format":"hover:from-{{value}}/[--bgGradientFromOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":200}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientFromOpacityEnd","format":"hover:[--bgGradientFromOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Add Via","id":"globalBgGradientViaEnabledEnd","switch":{"default":false}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","heading":{},"title":"Via"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Color","id":"globalBgGradientViaColorEnd","format":"hover:via-{{value}}/[--bgGradientViaOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":400}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true","title":"Opacity","id":"globalBgGradientViaOpacityEnd","format":"hover:[--bgGradientViaOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","divider":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","heading":{},"title":"To"},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Color","id":"globalBgGradientToColorEnd","format":"hover:to-{{value}}/[--bgGradientToOpacityEnd]","themeColor":{"default":{"name":"brand","brightness":500}}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')","title":"Opacity","id":"globalBgGradientToOpacityEnd","format":"hover:[--bgGradientToOpacityEnd:{{value}}%]","responsive":false,"slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Image","id":"globalBgImageResource","resource":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Position","id":"globalBgImagePosition","format":"bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Size","id":"globalBgImageSize","format":"bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeat","format":"bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Image","id":"globalBgImageResourceEnd","resource":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Position","id":"globalBgImagePositionEnd","format":"hover:bg-{{value}}","select":{"default":"center","items":[{"value":"bottom","title":"Bottom"},{"value":"center","title":"Center"},{"value":"left","title":"Left"},{"value":"left-bottom","title":"Left Bottom"},{"value":"left-top","title":"Left Top"},{"value":"right","title":"Right"},{"value":"right-bottom","title":"Right Bottom"},{"value":"right-top","title":"Right Top"},{"value":"top","title":"Top"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Sizing","heading":{}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Size","id":"globalBgImageSizeEnd","format":"hover:bg-{{value}}","select":{"default":"cover","items":[{"title":"Auto","value":"auto"},{"title":"Cover","value":"cover"},{"title":"Contain","value":"contain"}]}},{"visible":"(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')","title":"Repeat","id":"globalBgImageRepeatEnd","format":"hover:bg-{{value}}","select":{"default":"no-repeat","items":[{"title":"No Repeat","value":"no-repeat"},{"title":"Repeat","value":"repeat"},{"title":"Repeat Horizontal","value":"repeat-x"},{"title":"Repeat Vertical","value":"repeat-y"}]}},{"visible":"globalBgType == 'image'","divider":{}},{"visible":"globalBgType == 'image'","title":"Fetch Priority","heading":{}},{"visible":"globalBgType == 'image'","title":"Value","id":"globalBgImageFetchPriority","responsive":false,"segmented":{"default":"auto","items":[{"title":"Auto","value":"auto"},{"title":"High","value":"high"},{"title":"Low","value":"low"}]}}]},{"title":"Border","icon":"square.dashed","properties":[{"title":"Type","id":"globalControlTypeBorders","responsive":false,"segmented":{"default":"none","items":[{"title":"None","value":"none"},{"title":"Static","value":"static"},{"title":"Hover","value":"hover"}]}},{"visible":"globalControlTypeBorders == 'hover'","title":"State","id":"globalBordersState","responsive":false,"segmented":{"default":"start","items":[{"title":"Start","value":"start"},{"title":"End","value":"end"}]}},{"divider":{},"visible":"globalControlTypeBorders != 'none'"},{"title":"Style","id":"globalBordersStyle","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Color","id":"globalBordersColor","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Opacity","id":"globalBordersColorOpacity","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Width","id":"globalBordersWidth","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')"},{"title":"Style","id":"globalBordersStyleEnd","format":"border-{{value}}","segmented":{"default":"solid","items":[{"icon":"square","value":"solid"},{"icon":"square.dashed","value":"dashed"},{"icon":"square.dotted","value":"dotted"}]},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Color","id":"globalBordersColorEnd","format":"border-{{value}}","themeColor":{"default":{"name":"surface","brightness":500}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Opacity","id":"globalBordersColorOpacityEnd","format":"[{{value}}%]","slider":{"default":100,"min":0,"max":100,"round":true,"snap":true,"units":"%"},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"},{"title":"Width","id":"globalBordersWidthEnd","themeBorderWidth":{"default":{"base":{"top":"0","right":"0","bottom":"0","left":"0","linkHorizontal":true,"linkVertical":true}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')","format":"hover:{{value}}"}]},{"title":"Advanced","icon":"gearshape","properties":[{"title":"Classes","id":"cssClasses","textArea":{"default":""}},{"title":"ID","id":"globalID","responsive":false,"text":{"default":""}}]}]} \ No newline at end of file +{ + "groups": [ + { + "title": "Settings", + "icon": "gearshape", + "properties": [ + { + "title": "Columns", + "id": "columns", + "collection": { + "identifier": "com.realmacsoftware.table.collections.columns" + } + }, + { + "divider": {} + }, + { + "title": "Table Settings", + "heading": {} + }, + { + "title": "Rows", + "id": "rowCount", + "responsive": false, + "number": { + "default": 3 + } + }, + { + "divider": {} + }, + { + "title": "Data Source", + "id": "dataSource", + "responsive": false, + "segmented": { + "default": "manual", + "items": [ + { + "title": "Manual", + "value": "manual" + }, + { + "title": "CSV", + "value": "csv" + } + ] + } + }, + { + "title": "CSV File", + "id": "csvResource", + "visible": "dataSource == 'csv'", + "responsive": false, + "resource": {} + }, + { + "title": "CSV URL", + "id": "csvUrl", + "visible": "dataSource == 'csv'", + "responsive": false, + "text": { + "default": "" + } + }, + { + "title": "First Row as Header", + "id": "csvFirstRowHeader", + "visible": "dataSource == 'csv'", + "responsive": false, + "switch": { + "default": true + } + } + ] + }, + { + "title": "Header Cells", + "icon": "rectangle.topthird.inset.filled", + "properties": [ + { + "title": "Header Cells", + "heading": {} + }, + { + "title": "Show", + "id": "showHeader", + "responsive": false, + "switch": { + "default": true + } + }, + { + "visible": "showHeader == true", + "divider": {} + }, + { + "visible": "showHeader == true", + "title": "Padding", + "id": "headerCellPadding", + "themeSpacing": { + "mode": "padding", + "default": { + "base": { + "top": "2", + "right": "2", + "bottom": "2", + "left": "2" + } + } + } + }, + { + "visible": "showHeader == true", + "title": "Align", + "id": "headerVerticalAlignment", + "segmented": { + "default": "align-top", + "items": [ + { + "title": "Top", + "value": "align-top" + }, + { + "title": "Middle", + "value": "align-middle" + }, + { + "title": "Bottom", + "value": "align-bottom" + } + ] + } + }, + { + "visible": "showHeader == true", + "title": "Background", + "id": "headerBackground", + "format": "bg-{{value}}", + "themeColor": { + "default": { + "name": "surface", + "brightness": 50 + } + } + }, + { + "visible": "showHeader == true", + "title": "Borders", + "heading": {} + }, + { + "visible": "showHeader == true", + "title": "Style", + "id": "headerCellBorderStyle", + "format": "border-{{value}}", + "segmented": { + "default": "solid", + "items": [ + { + "icon": "square", + "value": "solid" + }, + { + "icon": "square.dashed", + "value": "dashed" + }, + { + "icon": "square.dotted", + "value": "dotted" + } + ] + } + }, + { + "visible": "showHeader == true", + "title": "Width", + "id": "headerCellBorderWidth", + "themeBorderWidth": { + "default": { + "base": { + "top": "Default", + "right": "Default", + "bottom": "Default", + "left": "Default" + } + } + } + }, + { + "visible": "showHeader == true", + "title": "Color", + "id": "headerCellBorderColor", + "format": "border-{{value}}", + "themeColor": { + "default": { + "name": "surface", + "brightness": 200 + } + } + } + ] + }, + { + "title": "Header Text", + "icon": "textformat", + "visible": "showHeader == true", + "properties": [ + { + "title": "Alignment", + "id": "headerTextAlignment", + "segmented": { + "default": "text-left", + "items": [ + { + "value": "text-left", + "icon": "text.alignleft" + }, + { + "value": "text-center", + "icon": "text.aligncenter" + }, + { + "value": "text-right", + "icon": "text.alignright" + }, + { + "value": "text-justify", + "icon": "text.justify" + } + ] + } + }, + { + "title": "Font", + "id": "headerTextFont", + "themeFont": { + "default": { + "name": "heading" + } + } + }, + { + "title": "Color", + "id": "headerTextColor", + "format": "text-{{value}}", + "themeColor": { + "default": { + "name": "text", + "brightness": 50 + } + } + }, + { + "title": "Size", + "id": "headerTextSize", + "themeTextStyle": { + "default": { + "base": { + "name": "base" + } + } + } + }, + { + "title": "Weight", + "id": "headerTextWeight", + "format": "font-[{{value}}]", + "slider": { + "default": 600, + "items": [ + { + "value": "100", + "title": "Thin" + }, + { + "value": "200", + "title": "Extra Light" + }, + { + "value": "300", + "title": "Light" + }, + { + "value": "400", + "title": "Normal" + }, + { + "value": "500", + "title": "Medium" + }, + { + "value": "600", + "title": "Semi Bold" + }, + { + "value": "700", + "title": "Bold" + }, + { + "value": "800", + "title": "Extra Bold" + }, + { + "value": "900", + "title": "Black" + } + ] + } + }, + { + "title": "Spacing", + "id": "headerTextLetterSpacing", + "format": "tracking-{{value}}", + "slider": { + "default": "normal", + "items": [ + { + "value": "tighter", + "title": "Tighter" + }, + { + "value": "tight", + "title": "Tight" + }, + { + "value": "normal", + "title": "Normal" + }, + { + "value": "wide", + "title": "Wide" + }, + { + "value": "wider", + "title": "Wider" + }, + { + "value": "widest", + "title": "Widest" + } + ] + } + } + ] + }, + { + "title": "Body Cells", + "icon": "tablecells", + "properties": [ + { + "title": "Padding", + "id": "bodyCellPadding", + "themeSpacing": { + "mode": "padding", + "default": { + "base": { + "top": "2", + "right": "2", + "bottom": "2", + "left": "2" + } + } + } + }, + { + "title": "Align", + "id": "bodyVerticalAlignment", + "segmented": { + "default": "align-top", + "items": [ + { + "title": "Top", + "value": "align-top" + }, + { + "title": "Middle", + "value": "align-middle" + }, + { + "title": "Bottom", + "value": "align-bottom" + } + ] + } + }, + { + "divider": {} + }, + { + "title": "Background", + "heading": {} + }, + { + "title": "Color", + "id": "oddRowBackground", + "format": "odd:bg-{{value}}", + "themeColor": { + "default": { + "name": "surface", + "brightness": 50 + } + } + }, + { + "title": "Striped", + "id": "stripedRows", + "responsive": false, + "switch": { + "default": false + } + }, + { + "visible": "stripedRows == true", + "title": "Even", + "id": "evenRowBackground", + "format": "even:bg-{{value}}", + "themeColor": { + "default": { + "name": "surface", + "brightness": 100 + } + } + }, + { + "divider": {} + }, + { + "title": "Borders", + "heading": {} + }, + { + "title": "Width", + "id": "bodyCellBorderWidth", + "themeBorderWidth": { + "default": { + "base": { + "top": "Default", + "right": "Default", + "bottom": "Default", + "left": "Default" + } + } + } + }, + { + "title": "Color", + "id": "bodyCellBorderColor", + "format": "border-{{value}}", + "themeColor": { + "default": { + "name": "surface", + "brightness": 200 + } + } + } + ] + }, + { + "title": "Body Text", + "icon": "textformat", + "properties": [ + { + "title": "Alignment", + "id": "bodyTextAlignment", + "segmented": { + "default": "text-left", + "items": [ + { + "value": "text-left", + "icon": "text.alignleft" + }, + { + "value": "text-center", + "icon": "text.aligncenter" + }, + { + "value": "text-right", + "icon": "text.alignright" + }, + { + "value": "text-justify", + "icon": "text.justify" + } + ] + } + }, + { + "title": "Font", + "id": "bodyTextFont", + "themeFont": { + "default": { + "name": "body" + } + } + }, + { + "title": "Color", + "id": "bodyTextColor", + "format": "text-{{value}}", + "themeColor": { + "default": { + "name": "text", + "brightness": 50 + } + } + }, + { + "title": "Size", + "id": "bodyTextSize", + "themeTextStyle": { + "default": { + "base": { + "name": "base" + } + } + } + }, + { + "title": "Weight", + "id": "bodyTextWeight", + "format": "font-[{{value}}]", + "slider": { + "default": 400, + "items": [ + { + "value": "100", + "title": "Thin" + }, + { + "value": "200", + "title": "Extra Light" + }, + { + "value": "300", + "title": "Light" + }, + { + "value": "400", + "title": "Normal" + }, + { + "value": "500", + "title": "Medium" + }, + { + "value": "600", + "title": "Semi Bold" + }, + { + "value": "700", + "title": "Bold" + }, + { + "value": "800", + "title": "Extra Bold" + }, + { + "value": "900", + "title": "Black" + } + ] + } + }, + { + "title": "Spacing", + "id": "bodyTextLetterSpacing", + "format": "tracking-{{value}}", + "slider": { + "default": "normal", + "items": [ + { + "value": "tighter", + "title": "Tighter" + }, + { + "value": "tight", + "title": "Tight" + }, + { + "value": "normal", + "title": "Normal" + }, + { + "value": "wide", + "title": "Wide" + }, + { + "value": "wider", + "title": "Wider" + }, + { + "value": "widest", + "title": "Widest" + } + ] + } + } + ] + }, + { + "title": "Layout", + "icon": "square.split.bottomrightquarter", + "properties": [ + { + "title": "General", + "heading": {} + }, + { + "title": "Position", + "id": "globalLayoutPosition", + "select": { + "default": "", + "items": [ + { + "title": "None", + "value": "" + }, + { + "title": "Static", + "value": "static" + }, + { + "title": "Relative", + "value": "relative" + }, + { + "title": "Absolute", + "value": "absolute" + }, + { + "title": "Fixed", + "value": "fixed" + }, + { + "title": "Sticky", + "value": "sticky" + } + ] + } + }, + { + "title": "Z-Index", + "id": "globalLayoutZIndexType", + "responsive": false, + "segmented": { + "default": "", + "items": [ + { + "title": "None", + "value": "" + }, + { + "title": "Auto", + "value": "z-auto" + }, + { + "title": "Custom", + "value": "custom" + } + ] + } + }, + { + "visible": "globalLayoutZIndexType == 'custom'", + "title": "", + "id": "globalLayoutZIndex", + "format": "z-[{{value}}]", + "number": { + "default": 0, + "subtitle": "Can be positive or negative." + } + }, + { + "title": "Top / Right / Bottom / Left", + "heading": {} + }, + { + "title": "Type", + "id": "globalLayoutTopRightBottomLeftType", + "segmented": { + "default": "none", + "items": [ + { + "title": "None", + "value": "none" + }, + { + "title": "Uniform", + "value": "uniform" + }, + { + "title": "Individual", + "value": "individual" + } + ] + } + }, + { + "title": "Inset", + "id": "globalLayoutInset", + "format": "inset-{{value}}", + "themeSpacing": { + "mode": "single", + "default": { + "base": "0" + } + }, + "visible": "globalLayoutTopRightBottomLeftType == 'uniform'" + }, + { + "visible": "globalLayoutTopRightBottomLeftType == 'individual'", + "title": "Top", + "id": "globalLayoutTop", + "format": "top-{{value}}", + "themeSpacing": { + "mode": "single", + "default": { + "base": { + "value": 0 + } + } + } + }, + { + "visible": "globalLayoutTopRightBottomLeftType == 'individual'", + "title": "Right", + "id": "globalLayoutRight", + "format": "right-{{value}}", + "themeSpacing": { + "mode": "single", + "default": { + "base": { + "value": 0 + } + } + } + }, + { + "visible": "globalLayoutTopRightBottomLeftType == 'individual'", + "title": "Bottom", + "id": "globalLayoutBottom", + "format": "bottom-{{value}}", + "themeSpacing": { + "mode": "single", + "default": { + "base": { + "value": 0 + } + } + } + }, + { + "visible": "globalLayoutTopRightBottomLeftType == 'individual'", + "title": "Left", + "id": "globalLayoutLeft", + "format": "left-{{value}}", + "themeSpacing": { + "mode": "single", + "default": { + "base": { + "value": 0 + } + } + } + }, + { + "heading": {}, + "title": "Display" + }, + { + "title": "Hidden", + "id": "globalLayoutHidden", + "switch": { + "default": false + } + }, + { + "title": "Visibility", + "id": "globalLayoutVisibility", + "select": { + "default": "", + "items": [ + { + "title": "Auto", + "value": "" + }, + { + "title": "Visible", + "value": "visible" + }, + { + "title": "Invisible", + "value": "invisible" + } + ] + } + }, + { + "heading": {}, + "title": "Advanced" + }, + { + "title": "Overflow", + "id": "globalLayoutOverflow", + "select": { + "default": "", + "items": [ + { + "title": "None", + "value": "" + }, + { + "title": "Visible", + "value": "overflow-visible" + }, + { + "title": "Hidden", + "value": "overflow-hidden" + }, + { + "title": "Scroll", + "value": "overflow-scroll" + }, + { + "title": "Auto", + "value": "overflow-auto" + } + ] + } + }, + { + "title": "Isolation", + "id": "globalLayoutIsolation", + "segmented": { + "default": "", + "items": [ + { + "title": "None", + "value": "" + }, + { + "title": "Isolate", + "value": "isolate" + }, + { + "title": "Auto", + "value": "isolate-auto" + } + ] + } + } + ] + }, + { + "title": "Sizing", + "icon": "square.resize", + "properties": [ + { + "title": "Size", + "heading": {} + }, + { + "title": "Width", + "id": "globalWidth", + "format": "w-{{value}}", + "themeSpacing": { + "mode": "single", + "default": { + "base": { + "custom": false, + "value": "auto" + } + } + } + }, + { + "title": "Height", + "id": "globalHeight", + "format": "h-{{value}}", + "themeSpacing": { + "mode": "single", + "default": { + "base": { + "custom": false, + "value": "auto" + } + } + } + }, + { + "divider": {} + }, + { + "title": "Min & Max Settings", + "heading": {} + }, + { + "information": {}, + "title": "Enable this to set both min and max height and width settings." + }, + { + "title": "Enable", + "id": "globalSizingMinMaxEnabled", + "switch": { + "default": false + } + }, + { + "visible": "globalSizingMinMaxEnabled == true", + "title": "Width", + "heading": {} + }, + { + "title": "Min", + "id": "globalMinWidth", + "format": "min-w-{{value}}", + "themeSpacing": { + "mode": "single", + "default": { + "base": { + "custom": false, + "value": "0" + } + } + }, + "visible": "globalSizingMinMaxEnabled == true" + }, + { + "title": "Max", + "id": "globalMaxWidth", + "format": "max-w-{{value}}", + "themeSpacing": { + "mode": "single", + "default": { + "base": { + "custom": false, + "value": "auto" + } + } + }, + "visible": "globalSizingMinMaxEnabled == true" + }, + { + "visible": "globalSizingMinMaxEnabled == true", + "divider": {} + }, + { + "visible": "globalSizingMinMaxEnabled == true", + "title": "Height", + "heading": {} + }, + { + "title": "Min", + "id": "globalMinHeight", + "format": "min-h-{{value}}", + "themeSpacing": { + "mode": "single", + "default": { + "base": { + "custom": false, + "value": "0" + } + } + }, + "visible": "globalSizingMinMaxEnabled == true" + }, + { + "title": "Max", + "id": "globalMaxHeight", + "format": "max-h-{{value}}", + "themeSpacing": { + "mode": "single", + "default": { + "base": { + "custom": false, + "value": "auto" + } + } + }, + "visible": "globalSizingMinMaxEnabled == true" + } + ] + }, + { + "title": "Spacing", + "icon": "squareshape.squareshape.dotted", + "properties": [ + { + "title": "Margin & Padding", + "heading": {} + }, + { + "title": "Enable", + "id": "globalSpacingEnabled", + "switch": { + "default": false + } + }, + { + "title": "Margin", + "id": "globalMargin", + "themeSpacing": { + "mode": "margin", + "default": { + "base": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + } + }, + "visible": "globalSpacingEnabled == true" + }, + { + "title": "Padding", + "id": "globalPadding", + "themeSpacing": { + "mode": "padding", + "default": { + "base": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0" + } + } + }, + "visible": "globalSpacingEnabled == true" + } + ] + }, + { + "title": "Transitions", + "icon": "timer", + "properties": [ + { + "title": "Apply to", + "id": "globalTransitionsProperty", + "format": "transition-{{value}}", + "select": { + "default": "all", + "items": [ + { + "title": "None", + "value": "none" + }, + { + "title": "All", + "value": "all" + }, + { + "title": "Most Common", + "value": "default" + }, + { + "title": "Colors", + "value": "colors" + }, + { + "title": "Opacity", + "value": "opacity" + }, + { + "title": "Shadows", + "value": "shadow" + }, + { + "title": "Transforms", + "value": "transform" + } + ] + } + }, + { + "visible": "globalTransitionsProperty != 'none'", + "title": "Function", + "id": "globalTransitionsTimingFunction", + "select": { + "default": "ease-in-out", + "items": [ + { + "title": "Custom", + "value": "custom" + }, + { + "title": "Linear", + "value": "linear" + }, + { + "title": "Ease-in", + "value": "ease-in" + }, + { + "title": "Ease-out", + "value": "ease-out" + }, + { + "title": "Ease-in-out", + "value": "ease-in-out" + } + ] + } + }, + { + "visible": "globalTransitionsTimingFunction == 'custom'", + "title": "Cubic Bezier", + "id": "globalTransitionsTimingFunctionCustom", + "format": "ease-[cubic-bezier({{value}})]", + "input": { + "default": "0.95,0.05,0.795,0.035", + "subtitle": "x1, y1, x2, y2" + } + }, + { + "heading": {}, + "title": "Timing" + }, + { + "visible": "globalTransitionsProperty != 'none'", + "title": "Duration", + "id": "globalTransitionsDuration", + "format": "duration-[{{value}}ms]", + "number": { + "default": 300 + } + }, + { + "visible": "globalTransitionsProperty != 'none'", + "title": "Delay", + "id": "globalTransitionsDelay", + "format": "delay-[{{value}}ms]", + "number": { + "default": 0 + } + } + ] + }, + { + "title": "Effects", + "icon": "wand.and.stars.inverse", + "properties": [ + { + "title": "Type", + "id": "globalControlTypeEffects", + "responsive": false, + "segmented": { + "default": "none", + "items": [ + { + "title": "None", + "value": "none" + }, + { + "title": "Static", + "value": "static" + }, + { + "title": "Hover", + "value": "hover" + } + ] + } + }, + { + "title": "Over", + "id": "globalHoverGroupEffects", + "responsive": false, + "select": { + "default": "self", + "items": [ + { + "title": "Self", + "value": "self" + }, + { + "title": "Parent", + "value": "parent" + }, + { + "title": "Container", + "value": "container" + }, + { + "title": "Grid", + "value": "grid" + }, + { + "title": "Flex", + "value": "flex" + }, + { + "title": "Custom ID", + "value": "custom" + } + ] + }, + "visible": "globalControlTypeEffects == 'hover'" + }, + { + "visible": "globalControlTypeEffects == 'hover' && globalHoverGroupEffects == 'custom'", + "title": "ID", + "id": "globalHoverGroupCustomIdEffects", + "text": {} + }, + { + "visible": "globalHoverGroupEffects == 'custom'", + "title": "The ID of the parent element to trigger the effects.", + "information": {} + }, + { + "visible": "globalControlTypeEffects != 'none' && globalControlTypeEffects != 'static'", + "title": "State", + "id": "globalEffectsState", + "responsive": false, + "segmented": { + "default": "start", + "items": [ + { + "title": "Start", + "value": "start" + }, + { + "title": "End", + "value": "end" + } + ] + } + }, + { + "visible": "globalControlTypeEffects != 'none'", + "divider": {} + }, + { + "title": "Box Shadow", + "id": "globalBoxShadow", + "themeShadow": { + "default": { + "base": { + "name": "Default" + } + } + }, + "visible": "globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')" + }, + { + "title": "Opacity", + "id": "globalOpacity", + "format": "opacity-[{{value}}%]", + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + }, + "visible": "globalControlTypeEffects == 'static' || (globalControlTypeEffects == 'hover' && globalEffectsState == 'start')" + }, + { + "title": "Box Shadow", + "id": "globalBoxShadowEnd", + "themeShadow": { + "default": { + "base": { + "name": "Default" + } + } + }, + "visible": "(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')" + }, + { + "title": "Opacity", + "id": "globalOpacityEnd", + "format": "opacity-[{{value}}%]", + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + }, + "visible": "(globalControlTypeEffects == 'hover' && globalEffectsState == 'end')" + } + ] + }, + { + "title": "Filters", + "icon": "camera.filters", + "properties": [ + { + "title": "Type", + "id": "globalControlTypeFilters", + "responsive": false, + "segmented": { + "default": "none", + "items": [ + { + "title": "None", + "value": "none" + }, + { + "title": "Static", + "value": "static" + }, + { + "title": "Hover", + "value": "hover" + } + ] + } + }, + { + "title": "Over", + "id": "globalHoverGroupFilters", + "responsive": false, + "select": { + "default": "self", + "items": [ + { + "title": "Self", + "value": "self" + }, + { + "title": "Parent", + "value": "parent" + }, + { + "title": "Container", + "value": "container" + }, + { + "title": "Grid", + "value": "grid" + }, + { + "title": "Flex", + "value": "flex" + }, + { + "title": "Custom ID", + "value": "custom" + } + ] + }, + "visible": "globalControlTypeFilters == 'hover'" + }, + { + "visible": "globalControlTypeFilters == 'hover' && globalHoverGroupFilters == 'custom'", + "title": "ID", + "id": "globalHoverGroupCustomIdFilters", + "text": {} + }, + { + "visible": "globalHoverGroupFilters == 'custom'", + "title": "The ID of the parent element to trigger the filters.", + "information": {} + }, + { + "visible": "globalControlTypeFilters != 'none' && globalControlTypeFilters != 'static'", + "title": "State", + "id": "globalFiltersState", + "responsive": false, + "segmented": { + "default": "start", + "items": [ + { + "title": "Start", + "value": "start" + }, + { + "title": "End", + "value": "end" + } + ] + } + }, + { + "visible": "globalControlTypeFilters != 'none'", + "divider": {} + }, + { + "visible": "globalControlTypeFilters != 'none'", + "title": "Filters", + "heading": {} + }, + { + "title": "Blur", + "id": "globalFiltersBlur", + "format": "blur-[{{value}}px]", + "number": { + "default": 0, + "subtitle": "In pixels" + }, + "visible": "globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')" + }, + { + "title": "Brightness", + "id": "globalFiltersBrightness", + "format": "brightness-[{{value}}%]", + "number": { + "default": 100, + "subtitle": "In percent" + }, + "visible": "globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')" + }, + { + "title": "Saturate", + "id": "globalFiltersSaturate", + "format": "saturate-[{{value}}%]", + "number": { + "default": 100, + "subtitle": "In percent" + }, + "visible": "globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')" + }, + { + "title": "Drop Shadow", + "id": "globalFiltersDropShadow", + "themeShadow": { + "mode": "drop", + "default": { + "base": { + "name": "none" + } + } + }, + "visible": "globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')" + }, + { + "title": "Blur", + "id": "globalFiltersBlurEnd", + "format": "blur-[{{value}}px]", + "number": { + "default": 0, + "subtitle": "In pixels" + }, + "visible": "(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')" + }, + { + "title": "Brightness", + "id": "globalFiltersBrightnessEnd", + "format": "brightness-[{{value}}%]", + "number": { + "default": 100, + "subtitle": "In percent" + }, + "visible": "(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')" + }, + { + "title": "Saturate", + "id": "globalFiltersSaturateEnd", + "format": "saturate-[{{value}}%]", + "number": { + "default": 100, + "subtitle": "In percent" + }, + "visible": "(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')" + }, + { + "title": "Drop Shadow", + "id": "globalFiltersDropShadowEnd", + "themeShadow": { + "mode": "drop", + "default": { + "base": { + "name": "none" + } + } + }, + "visible": "(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')" + }, + { + "visible": "globalControlTypeFilters != 'none'", + "title": "Backdrop Filters", + "heading": {} + }, + { + "title": "Blur", + "id": "globalFiltersBackdropBlur", + "format": "backdrop-blur-[{{value}}px]", + "number": { + "default": 0, + "subtitle": "In pixels" + }, + "visible": "globalControlTypeFilters == 'static' || (globalControlTypeFilters == 'hover' && globalFiltersState == 'start')" + }, + { + "title": "Blur", + "id": "globalFiltersBackdropBlurEnd", + "format": "backdrop-blur-[{{value}}px]", + "number": { + "default": 0, + "subtitle": "In pixels" + }, + "visible": "(globalControlTypeFilters == 'hover' && globalFiltersState == 'end')" + } + ] + }, + { + "title": "Transforms", + "icon": "skew", + "properties": [ + { + "title": "Type", + "id": "globalControlTypeTransforms", + "responsive": false, + "segmented": { + "default": "none", + "items": [ + { + "title": "None", + "value": "none" + }, + { + "title": "Static", + "value": "static" + }, + { + "title": "Hover", + "value": "hover" + } + ] + } + }, + { + "title": "Over", + "id": "globalHoverGroupTransforms", + "responsive": false, + "select": { + "default": "self", + "items": [ + { + "title": "Self", + "value": "self" + }, + { + "title": "Parent", + "value": "parent" + }, + { + "title": "Container", + "value": "container" + }, + { + "title": "Grid", + "value": "grid" + }, + { + "title": "Flex", + "value": "flex" + }, + { + "title": "Custom ID", + "value": "custom" + } + ] + }, + "visible": "globalControlTypeTransforms == 'hover'" + }, + { + "visible": "globalControlTypeTransforms == 'hover' && globalHoverGroupTransforms == 'custom'", + "title": "ID", + "id": "globalHoverGroupCustomIdTransforms", + "text": {} + }, + { + "visible": "globalHoverGroupTransforms == 'custom'", + "title": "The ID of the parent element to trigger the transforms.", + "information": {} + }, + { + "visible": "globalControlTypeTransforms != 'none' && globalControlTypeTransforms != 'static'", + "title": "State", + "id": "globalTransformsState", + "responsive": false, + "segmented": { + "default": "start", + "items": [ + { + "title": "Start", + "value": "start" + }, + { + "title": "End", + "value": "end" + } + ] + } + }, + { + "visible": "globalControlTypeTransforms != 'none'", + "divider": {} + }, + { + "title": "Origin", + "id": "globalTransformOrigin", + "format": "origin-{{value}}", + "select": { + "default": "center", + "items": [ + { + "value": "center", + "title": "Center" + }, + { + "value": "top", + "title": "Top" + }, + { + "value": "top-right", + "title": "Top Right" + }, + { + "value": "right", + "title": "Right" + }, + { + "value": "bottom-right", + "title": "Bottom Right" + }, + { + "value": "bottom", + "title": "Bottom" + }, + { + "value": "bottom-left", + "title": "Bottom Left" + }, + { + "value": "left", + "title": "Left" + }, + { + "value": "top-left", + "title": "Top Left" + } + ] + }, + "visible": "globalControlTypeTransforms != 'none'" + }, + { + "title": "Scale", + "id": "globalTransformScale", + "format": "scale-[{{value}}%]", + "number": { + "default": 100, + "subtitle": "%" + }, + "visible": "globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')" + }, + { + "title": "Rotate", + "id": "globalTransformRotate", + "format": "rotate-[{{value}}deg]", + "number": { + "default": 0, + "subtitle": "in degrees" + }, + "visible": "globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')" + }, + { + "title": "Translate", + "heading": {}, + "visible": "globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')" + }, + { + "title": "Horizontal", + "id": "globalTransformTranslateX", + "format": "translate-x-[{{value}}]", + "text": { + "default": "0px", + "base": "0px" + }, + "visible": "globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')" + }, + { + "title": "Vertical", + "id": "globalTransformTranslateY", + "format": "translate-y-[{{value}}]", + "text": { + "default": "0px", + "subtitle": "Use valid CSS values. 10px, 50%, 10vw." + }, + "visible": "globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')" + }, + { + "title": "Skew", + "heading": {}, + "visible": "globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')" + }, + { + "title": "Horizontal", + "id": "globalTransformSkewX", + "format": "skew-x-[{{value}}deg]", + "number": { + "default": 0 + }, + "visible": "globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')" + }, + { + "title": "Vertical", + "id": "globalTransformSkewY", + "format": "skew-y-[{{value}}deg]", + "number": { + "default": 0, + "subtitle": "in degrees" + }, + "visible": "globalControlTypeTransforms == 'static' || (globalControlTypeTransforms == 'hover' && globalTransformsState == 'start')" + }, + { + "title": "Scale", + "id": "globalTransformScaleEnd", + "format": "scale-[{{value}}%]", + "number": { + "default": 100, + "subtitle": "%" + }, + "visible": "(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')" + }, + { + "title": "Rotate", + "id": "globalTransformRotateEnd", + "format": "rotate-[{{value}}deg]", + "number": { + "default": 0, + "subtitle": "in degrees" + }, + "visible": "(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')" + }, + { + "title": "Translate", + "heading": {}, + "visible": "(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')" + }, + { + "title": "Horizontal", + "id": "globalTransformTranslateXEnd", + "format": "translate-x-[{{value}}]", + "text": { + "default": "0px", + "base": "0px" + }, + "visible": "(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')" + }, + { + "title": "Vertical", + "id": "globalTransformTranslateYEnd", + "format": "translate-y-[{{value}}]", + "text": { + "default": "0px", + "subtitle": "Use valid CSS values. 10px, 50%, 10vw." + }, + "visible": "(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')" + }, + { + "title": "Skew", + "heading": {}, + "visible": "(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')" + }, + { + "title": "Horizontal", + "id": "globalTransformSkewXEnd", + "format": "skew-x-[{{value}}deg]", + "number": { + "default": 0 + }, + "visible": "(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')" + }, + { + "title": "Vertical", + "id": "globalTransformSkewYEnd", + "format": "skew-y-[{{value}}deg]", + "number": { + "default": 0, + "subtitle": "in degrees" + }, + "visible": "(globalControlTypeTransforms == 'hover' && globalTransformsState == 'end')" + } + ] + }, + { + "title": "Background", + "icon": "paintbrush.fill", + "properties": [ + { + "title": "Type", + "id": "globalControlTypeBg", + "responsive": false, + "segmented": { + "default": "none", + "items": [ + { + "title": "None", + "value": "none" + }, + { + "title": "Static", + "value": "static" + }, + { + "title": "Hover", + "value": "hover" + } + ] + } + }, + { + "visible": "globalControlTypeBg != 'none'", + "title": "Style", + "id": "globalBgType", + "responsive": false, + "segmented": { + "default": "color", + "items": [ + { + "icon": "paintbrush", + "value": "color" + }, + { + "icon": "photo", + "value": "image" + }, + { + "icon": "swatchpalette", + "value": "gradient" + } + ] + } + }, + { + "visible": "globalControlTypeBg != 'none' && globalControlTypeBg != 'static'", + "title": "State", + "id": "globalBgState", + "responsive": false, + "segmented": { + "default": "start", + "items": [ + { + "title": "Start", + "value": "start" + }, + { + "title": "End", + "value": "end" + } + ] + } + }, + { + "visible": "globalControlTypeBg != 'none'", + "divider": {} + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')", + "title": "Color", + "id": "globalBgColor", + "format": "bg-{{value}}", + "themeColor": { + "default": { + "name": "surface", + "brightness": 50 + } + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'color' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'color')", + "title": "Opacity", + "id": "globalBgColorOpacity", + "format": "bg-opacity-[{{value}}%]", + "responsive": false, + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')", + "title": "Color", + "id": "globalBgColorEnd", + "format": "hover:bg-{{value}}", + "themeColor": { + "default": { + "name": "surface", + "brightness": 50 + } + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'color')", + "title": "Opacity", + "id": "globalBgColorOpacityEnd", + "format": "hover:bg-opacity-[{{value}}%]", + "responsive": false, + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')", + "title": "Direction", + "id": "globalBgGradientDirection", + "select": { + "default": "bg-gradient-to-b", + "items": [ + { + "value": "bg-gradient-to-t", + "title": "To Top" + }, + { + "value": "bg-gradient-to-tr", + "title": "To Top Right" + }, + { + "value": "bg-gradient-to-r", + "title": "To Right" + }, + { + "value": "bg-gradient-to-br", + "title": "To Bottom Right" + }, + { + "value": "bg-gradient-to-b", + "title": "To Bottom" + }, + { + "value": "bg-gradient-to-bl", + "title": "To Bottom Left" + }, + { + "value": "bg-gradient-to-l", + "title": "To Left" + }, + { + "value": "bg-gradient-to-tl", + "title": "To Top Left" + } + ] + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')", + "heading": {}, + "title": "From" + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')", + "title": "Color", + "id": "globalBgGradientFromColor", + "format": "from-{{value}}/[--bgGradientFromOpacity]", + "themeColor": { + "default": { + "name": "brand", + "brightness": 200 + } + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')", + "title": "Opacity", + "id": "globalBgGradientFromOpacity", + "format": "[--bgGradientFromOpacity:{{value}}%]", + "responsive": false, + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')", + "title": "Position", + "id": "globalBgGradientFromPosition", + "format": "from-[{{value}}%]", + "responsive": false, + "slider": { + "default": 0, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')", + "divider": {} + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')", + "title": "Add Via", + "id": "globalBgGradientViaEnabled", + "switch": { + "default": false + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true", + "heading": {}, + "title": "Via" + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true", + "title": "Color", + "id": "globalBgGradientViaColor", + "format": "via-{{value}}/[--bgGradientViaOpacity]", + "themeColor": { + "default": { + "name": "brand", + "brightness": 400 + } + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true", + "title": "Opacity", + "id": "globalBgGradientViaOpacity", + "format": "[--bgGradientViaOpacity:{{value}}%]", + "responsive": false, + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient') && globalBgGradientViaEnabled == true", + "title": "Position", + "id": "globalBgGradientViaPosition", + "format": "via-[{{value}}%]", + "responsive": false, + "slider": { + "default": 50, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')", + "divider": {} + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')", + "heading": {}, + "title": "To" + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')", + "title": "Color", + "id": "globalBgGradientToColor", + "format": "to-{{value}}/[--bgGradientToOpacity]", + "themeColor": { + "default": { + "name": "brand", + "brightness": 500 + } + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')", + "title": "Opacity", + "id": "globalBgGradientToOpacity", + "format": "[--bgGradientToOpacity:{{value}}%]", + "responsive": false, + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'gradient' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'gradient')", + "title": "Position", + "id": "globalBgGradientToPosition", + "format": "to-[{{value}}%]", + "responsive": false, + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')", + "title": "Direction", + "id": "globalBgGradientDirectionEnd", + "format": "hover:{{value}}", + "select": { + "default": "bg-gradient-to-b", + "items": [ + { + "value": "bg-gradient-to-t", + "title": "To Top" + }, + { + "value": "bg-gradient-to-tr", + "title": "To Top Right" + }, + { + "value": "bg-gradient-to-r", + "title": "To Right" + }, + { + "value": "bg-gradient-to-br", + "title": "To Bottom Right" + }, + { + "value": "bg-gradient-to-b", + "title": "To Bottom" + }, + { + "value": "bg-gradient-to-bl", + "title": "To Bottom Left" + }, + { + "value": "bg-gradient-to-l", + "title": "To Left" + }, + { + "value": "bg-gradient-to-tl", + "title": "To Top Left" + } + ] + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')", + "title": "From", + "heading": {} + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')", + "title": "Color", + "id": "globalBgGradientFromColorEnd", + "format": "hover:from-{{value}}/[--bgGradientFromOpacityEnd]", + "themeColor": { + "default": { + "name": "brand", + "brightness": 200 + } + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')", + "title": "Opacity", + "id": "globalBgGradientFromOpacityEnd", + "format": "hover:[--bgGradientFromOpacityEnd:{{value}}%]", + "responsive": false, + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')", + "divider": {} + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')", + "title": "Add Via", + "id": "globalBgGradientViaEnabledEnd", + "switch": { + "default": false + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true", + "heading": {}, + "title": "Via" + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true", + "title": "Color", + "id": "globalBgGradientViaColorEnd", + "format": "hover:via-{{value}}/[--bgGradientViaOpacityEnd]", + "themeColor": { + "default": { + "name": "brand", + "brightness": 400 + } + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient') && globalBgGradientViaEnabledEnd == true", + "title": "Opacity", + "id": "globalBgGradientViaOpacityEnd", + "format": "hover:[--bgGradientViaOpacityEnd:{{value}}%]", + "responsive": false, + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')", + "divider": {} + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')", + "heading": {}, + "title": "To" + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')", + "title": "Color", + "id": "globalBgGradientToColorEnd", + "format": "hover:to-{{value}}/[--bgGradientToOpacityEnd]", + "themeColor": { + "default": { + "name": "brand", + "brightness": 500 + } + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'gradient')", + "title": "Opacity", + "id": "globalBgGradientToOpacityEnd", + "format": "hover:[--bgGradientToOpacityEnd:{{value}}%]", + "responsive": false, + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')", + "title": "Image", + "id": "globalBgImageResource", + "resource": {} + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')", + "title": "Position", + "id": "globalBgImagePosition", + "format": "bg-{{value}}", + "select": { + "default": "center", + "items": [ + { + "value": "bottom", + "title": "Bottom" + }, + { + "value": "center", + "title": "Center" + }, + { + "value": "left", + "title": "Left" + }, + { + "value": "left-bottom", + "title": "Left Bottom" + }, + { + "value": "left-top", + "title": "Left Top" + }, + { + "value": "right", + "title": "Right" + }, + { + "value": "right-bottom", + "title": "Right Bottom" + }, + { + "value": "right-top", + "title": "Right Top" + }, + { + "value": "top", + "title": "Top" + } + ] + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')", + "title": "Sizing", + "heading": {} + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')", + "title": "Size", + "id": "globalBgImageSize", + "format": "bg-{{value}}", + "select": { + "default": "cover", + "items": [ + { + "title": "Auto", + "value": "auto" + }, + { + "title": "Cover", + "value": "cover" + }, + { + "title": "Contain", + "value": "contain" + } + ] + } + }, + { + "visible": "globalControlTypeBg == 'static' && globalBgType == 'image' || (globalControlTypeBg == 'hover' && globalBgState == 'start' && globalBgType == 'image')", + "title": "Repeat", + "id": "globalBgImageRepeat", + "format": "bg-{{value}}", + "select": { + "default": "no-repeat", + "items": [ + { + "title": "No Repeat", + "value": "no-repeat" + }, + { + "title": "Repeat", + "value": "repeat" + }, + { + "title": "Repeat Horizontal", + "value": "repeat-x" + }, + { + "title": "Repeat Vertical", + "value": "repeat-y" + } + ] + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')", + "title": "Image", + "id": "globalBgImageResourceEnd", + "resource": {} + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')", + "title": "Position", + "heading": {} + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')", + "title": "Position", + "id": "globalBgImagePositionEnd", + "format": "hover:bg-{{value}}", + "select": { + "default": "center", + "items": [ + { + "value": "bottom", + "title": "Bottom" + }, + { + "value": "center", + "title": "Center" + }, + { + "value": "left", + "title": "Left" + }, + { + "value": "left-bottom", + "title": "Left Bottom" + }, + { + "value": "left-top", + "title": "Left Top" + }, + { + "value": "right", + "title": "Right" + }, + { + "value": "right-bottom", + "title": "Right Bottom" + }, + { + "value": "right-top", + "title": "Right Top" + }, + { + "value": "top", + "title": "Top" + } + ] + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')", + "title": "Sizing", + "heading": {} + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')", + "title": "Size", + "id": "globalBgImageSizeEnd", + "format": "hover:bg-{{value}}", + "select": { + "default": "cover", + "items": [ + { + "title": "Auto", + "value": "auto" + }, + { + "title": "Cover", + "value": "cover" + }, + { + "title": "Contain", + "value": "contain" + } + ] + } + }, + { + "visible": "(globalControlTypeBg == 'hover' && globalBgState == 'end' && globalBgType == 'image')", + "title": "Repeat", + "id": "globalBgImageRepeatEnd", + "format": "hover:bg-{{value}}", + "select": { + "default": "no-repeat", + "items": [ + { + "title": "No Repeat", + "value": "no-repeat" + }, + { + "title": "Repeat", + "value": "repeat" + }, + { + "title": "Repeat Horizontal", + "value": "repeat-x" + }, + { + "title": "Repeat Vertical", + "value": "repeat-y" + } + ] + } + }, + { + "visible": "globalBgType == 'image'", + "divider": {} + }, + { + "visible": "globalBgType == 'image'", + "title": "Fetch Priority", + "heading": {} + }, + { + "visible": "globalBgType == 'image'", + "title": "Value", + "id": "globalBgImageFetchPriority", + "responsive": false, + "segmented": { + "default": "auto", + "items": [ + { + "title": "Auto", + "value": "auto" + }, + { + "title": "High", + "value": "high" + }, + { + "title": "Low", + "value": "low" + } + ] + } + } + ] + }, + { + "title": "Border", + "icon": "square.dashed", + "properties": [ + { + "title": "Type", + "id": "globalControlTypeBorders", + "responsive": false, + "segmented": { + "default": "none", + "items": [ + { + "title": "None", + "value": "none" + }, + { + "title": "Static", + "value": "static" + }, + { + "title": "Hover", + "value": "hover" + } + ] + } + }, + { + "visible": "globalControlTypeBorders == 'hover'", + "title": "State", + "id": "globalBordersState", + "responsive": false, + "segmented": { + "default": "start", + "items": [ + { + "title": "Start", + "value": "start" + }, + { + "title": "End", + "value": "end" + } + ] + } + }, + { + "divider": {}, + "visible": "globalControlTypeBorders != 'none'" + }, + { + "title": "Style", + "id": "globalBordersStyle", + "format": "border-{{value}}", + "segmented": { + "default": "solid", + "items": [ + { + "icon": "square", + "value": "solid" + }, + { + "icon": "square.dashed", + "value": "dashed" + }, + { + "icon": "square.dotted", + "value": "dotted" + } + ] + }, + "visible": "globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')" + }, + { + "title": "Color", + "id": "globalBordersColor", + "format": "border-{{value}}", + "themeColor": { + "default": { + "name": "surface", + "brightness": 500 + } + }, + "visible": "globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')" + }, + { + "title": "Opacity", + "id": "globalBordersColorOpacity", + "format": "[{{value}}%]", + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + }, + "visible": "globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')" + }, + { + "title": "Width", + "id": "globalBordersWidth", + "themeBorderWidth": { + "default": { + "base": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0", + "linkHorizontal": true, + "linkVertical": true + } + } + }, + "visible": "globalControlTypeBorders == 'static' || (globalControlTypeBorders == 'hover' && globalBordersState == 'start')" + }, + { + "title": "Style", + "id": "globalBordersStyleEnd", + "format": "border-{{value}}", + "segmented": { + "default": "solid", + "items": [ + { + "icon": "square", + "value": "solid" + }, + { + "icon": "square.dashed", + "value": "dashed" + }, + { + "icon": "square.dotted", + "value": "dotted" + } + ] + }, + "visible": "(globalControlTypeBorders == 'hover' && globalBordersState == 'end')" + }, + { + "title": "Color", + "id": "globalBordersColorEnd", + "format": "border-{{value}}", + "themeColor": { + "default": { + "name": "surface", + "brightness": 500 + } + }, + "visible": "(globalControlTypeBorders == 'hover' && globalBordersState == 'end')" + }, + { + "title": "Opacity", + "id": "globalBordersColorOpacityEnd", + "format": "[{{value}}%]", + "slider": { + "default": 100, + "min": 0, + "max": 100, + "round": true, + "snap": true, + "units": "%" + }, + "visible": "(globalControlTypeBorders == 'hover' && globalBordersState == 'end')" + }, + { + "title": "Width", + "id": "globalBordersWidthEnd", + "themeBorderWidth": { + "default": { + "base": { + "top": "0", + "right": "0", + "bottom": "0", + "left": "0", + "linkHorizontal": true, + "linkVertical": true + } + } + }, + "visible": "(globalControlTypeBorders == 'hover' && globalBordersState == 'end')", + "format": "hover:{{value}}" + } + ] + }, + { + "title": "Advanced", + "icon": "gearshape", + "properties": [ + { + "title": "Classes", + "id": "cssClasses", + "textArea": { + "default": "" + } + }, + { + "title": "ID", + "id": "globalID", + "responsive": false, + "text": { + "default": "" + } + } + ] + } + ] +} \ No newline at end of file diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/templates/index.html b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/templates/index.html index b4aad41..00cd25b 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/templates/index.html +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/templates/index.html @@ -1,10 +1,14 @@ - @if(showHeader) + @if(showHeader && columns.length > 0) @each(column in columns) @endeach @@ -15,7 +19,11 @@ @each(column in columns) @endeach
- @text("column", default: "Column") + @if(column.column) + {{column.column}} + @else + @text("column", default: "Column") + @endif
- @text("cell", default: "Cell") + @if(row.cells) + {{row.cells[column.index].text}} + @else + @text("cell", default: "Cell") + @endif