diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/hooks.js index 88e1e84..9366fbb 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 processedColumns=[],rows=[];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)=>({title:label||`Column ${index+1}`,columnWidth:"",widthClass:"",index,useCsvTitle:!0})),rows=(usesFirstRowAsHeader?parsed.rows:[parsed.headers,...parsed.rows]).map((rowData,rowIndex)=>({index:rowIndex,cells:rowData.map(cellText=>({text:cellText,widthClass:"",useCsvText:!0}))}))}}else{processedColumns=(columns==null?void 0:columns.map((col,index)=>({...col,widthClass:col.columnWidth||"",index,useCsvTitle:!1})))||[];const count=Math.max(1,parseInt(rowCount)||3);rows=Array.from({length:count},(_,i)=>({index:i,cells:processedColumns.map(col=>({widthClass:col.widthClass,useCsvText:!1}))}))}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")&&processedColumns.length>0;rw.setProps({classes,columns:processedColumns,rows,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..0a352f4 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,57 @@ 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 processedColumns = []; + let rows = []; + + if (dataSource === 'csv') { + let csvData = ''; + 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, - })) || []; + const columnLabels = usesFirstRowAsHeader ? parsed.headers : []; + processedColumns = columnLabels.map((label, index) => ({ + title: label || `Column ${index + 1}`, + columnWidth: '', + widthClass: '', + index, + useCsvTitle: true, + })); + + const csvRows = usesFirstRowAsHeader ? parsed.rows : [parsed.headers, ...parsed.rows]; + rows = csvRows.map((rowData, rowIndex) => ({ + index: rowIndex, + cells: rowData.map((cellText) => ({ + text: cellText, + widthClass: '', + useCsvText: true, + })), + })); + } + } else { + processedColumns = columns?.map((col, index) => ({ + ...col, + widthClass: col.columnWidth || "", + index, + useCsvTitle: false, + })) || []; + + const count = Math.max(1, parseInt(rowCount) || 3); + rows = Array.from({ length: count }, (_, i) => ({ + index: i, + cells: processedColumns.map((col) => ({ + widthClass: col.widthClass, + useCsvText: false, + })), + })); + } // Use table-fixed layout when any column has a custom (non-auto) width const hasCustomWidths = processedColumns.some((col) => { @@ -129,13 +204,14 @@ const transformHook = (rw) => { rw.addAnchor(globalID); } - const wantsHeader = showHeader === true || showHeader === "true"; + const wantsShowHeader = showHeader === true || showHeader === "true"; + const wantsHeader = wantsShowHeader && processedColumns.length > 0; rw.setProps({ classes, columns: processedColumns, rows, - showHeader: wantsHeader, + wantsHeader, }); }; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/properties.config.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/properties.config.json index b92bece..9ca9cb3 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/properties.config.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/properties.config.json @@ -4,23 +4,69 @@ "title": "Settings", "icon": "gearshape", "properties": [ + { + "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 + } + }, + { + "divider": {} + }, { "title": "Columns", "id": "columns", + "visible": "dataSource == 'manual'", "collection": { "identifier": "com.realmacsoftware.table.collections.columns" } }, - { - "divider": {} - }, { "title": "Table Settings", + "visible": "dataSource == 'manual'", "heading": {} }, { "title": "Rows", "id": "rowCount", + "visible": "dataSource == 'manual'", "responsive": false, "number": { "default": 3 diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/properties.json index 1f6052e..aa9f450 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.table/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.table/properties.json @@ -1 +1 @@ -{"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":"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}},{"divider":{}},{"title":"Columns","id":"columns","visible":"dataSource == 'manual'","collection":{"identifier":"com.realmacsoftware.table.collections.columns"}},{"title":"Table Settings","visible":"dataSource == 'manual'","heading":{}},{"title":"Rows","id":"rowCount","visible":"dataSource == 'manual'","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 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..5191c30 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(wantsHeader) @each(column in columns) @endeach @@ -13,9 +17,13 @@ @each(row in rows) - @each(column in columns) - @endeach
- @text("column", default: "Column") + @if(column.useCsvTitle) + {{column.title}} + @else + @text("column", default: "Column") + @endif
- @text("cell", default: "Cell") + @each(cell in row.cells) + + @if(cell.useCsvText) + {{cell.text}} + @else + @text("cell", default: "Cell") + @endif