From 57d939adbabcdac81aa5795eaea76247b6ea9358 Mon Sep 17 00:00:00 2001 From: Claude Auto Fix Date: Mon, 30 Mar 2026 10:03:33 +0200 Subject: [PATCH] Add "Start At" time property to Video component Adds a new "Start At" time property (in seconds) that allows users to specify when a video should begin playback. Supports YouTube (start parameter), Vimeo (#t parameter), and MP4 (currentTime). Fixes #69 Co-Authored-By: Claude Opus 4.6 --- .../com.realmacsoftware.video/hooks.js | 2 +- .../com.realmacsoftware.video/hooks.source.js | 2 ++ .../properties.config.json | 16 ++++++++++++++++ .../com.realmacsoftware.video/properties.json | 2 +- .../templates/alpine.html | 14 +++++++++++--- 5 files changed, 31 insertions(+), 5 deletions(-) diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.video/hooks.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.video/hooks.js index 4195934..5cdd70a 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.video/hooks.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.video/hooks.js @@ -1 +1 @@ -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,image:thumbnail,imageDark:thumbnailDark,imageAlt:thumbnailAlt,wantsLightbox,videoLightboxColor,videoLightboxColorOpacity,videoLightboxGlobalFiltersBackdropBlur,overlayColor,overlayOpacity,video,autoplay,loop,mute:muted,controls,globalPadding}=rw.props,{id}=rw.node,{assetPath}=rw.component,hasThumbnail=thumbnail,hasDarkThumbnail=thumbnailDark,options={autoplay,loop,muted,controls,wantsLightbox};(video==null?void 0:video.format)=="mp4"&&(video.image=`${assetPath}/video-placeholder.png`);const finalVideo=video||{format:"youtube",videoId:"r52932MBAYw",options,image:`${assetPath}/video-placeholder.png`},wrapperClasses=classnames([`group/${id} group/video relative`,rw.props.aspectRatio=="aspect-[auto]"?"aspect-video":aspectRatioClasses(rw),advancedClasses(rw),globalLayout(rw),globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw),globalTransforms(rw),globalFilters(rw),globalBorders(rw)]).toString(),videoClasses=classnames(["aspect-video w-full h-auto",objectClasses(rw),globalPadding]).toString(),videoLightboxClasses=classnames(["aspect-video w-[min(95vw,calc(95vh*16/9))] max-w-[1920px] max-h-[95vh]",objectClasses(rw),globalPadding]).toString(),posterClasess=classnames(["absolute inset-0 z-0 cursor-pointer w-full h-full",globalPadding,video?"":"object-cover",objectClasses(rw)]).toString(),overlayClasses=classnames(["absolute inset-0 z-10 cursor-pointer w-full h-full grid place-content-center",overlayColor,overlayOpacity]).toString(),classes={wrapper:wrapperClasses,video:videoClasses,poster:posterClasess,overlay:overlayClasses,videoLightbox:videoLightboxClasses,lightbox:{overlay:classnames([videoLightboxColor,videoLightboxColorOpacity,videoLightboxGlobalFiltersBackdropBlur]).toString()}},getOptions=()=>JSON.stringify(options).replace(/"/g,"'"),getXData=()=>`videoPlayer('${id}', '${finalVideo.format}', '${finalVideo.videoId}', ${getOptions()})`;rw.setRootElement({as:"div",class:classes.wrapper,args:{"x-data":getXData(),rwResourceDropZone:"video",id:globalID}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({video:finalVideo,options:getOptions(),classes,hasVideo:!!video,isYouTube:(video==null?void 0:video.format)=="youtube",isVimeo:(video==null?void 0:video.format)=="vimeo",isMP4:(video==null?void 0:video.format)=="mp4",shouldAutoPlay:autoplay!="never",edit:rw.project.mode==="edit",id,hasThumbnail,hasDarkThumbnail,thumbnail,thumbnailDark,thumbnailAlt:thumbnailAlt||(video==null?void 0:video.name),wantsLightbox:wantsLightbox&&rw.project.mode!="edit"})};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()},transformHook=rw=>{const{globalID,image:thumbnail,imageDark:thumbnailDark,imageAlt:thumbnailAlt,wantsLightbox,videoLightboxColor,videoLightboxColorOpacity,videoLightboxGlobalFiltersBackdropBlur,overlayColor,overlayOpacity,video,autoplay,loop,mute:muted,controls,startAt,globalPadding}=rw.props,{id}=rw.node,{assetPath}=rw.component,hasThumbnail=thumbnail,hasDarkThumbnail=thumbnailDark,options={autoplay,loop,muted,controls,wantsLightbox,startAt:startAt||0};(video==null?void 0:video.format)=="mp4"&&(video.image=`${assetPath}/video-placeholder.png`);const finalVideo=video||{format:"youtube",videoId:"r52932MBAYw",options,image:`${assetPath}/video-placeholder.png`},wrapperClasses=classnames([`group/${id} group/video relative`,rw.props.aspectRatio=="aspect-[auto]"?"aspect-video":aspectRatioClasses(rw),advancedClasses(rw),globalLayout(rw),globalSizing(rw),globalSpacing(rw),globalTransitions(rw),globalEffects(rw),globalTransforms(rw),globalFilters(rw),globalBorders(rw)]).toString(),videoClasses=classnames(["aspect-video w-full h-auto",objectClasses(rw),globalPadding]).toString(),videoLightboxClasses=classnames(["aspect-video w-[min(95vw,calc(95vh*16/9))] max-w-[1920px] max-h-[95vh]",objectClasses(rw),globalPadding]).toString(),posterClasess=classnames(["absolute inset-0 z-0 cursor-pointer w-full h-full",globalPadding,video?"":"object-cover",objectClasses(rw)]).toString(),overlayClasses=classnames(["absolute inset-0 z-10 cursor-pointer w-full h-full grid place-content-center",overlayColor,overlayOpacity]).toString(),classes={wrapper:wrapperClasses,video:videoClasses,poster:posterClasess,overlay:overlayClasses,videoLightbox:videoLightboxClasses,lightbox:{overlay:classnames([videoLightboxColor,videoLightboxColorOpacity,videoLightboxGlobalFiltersBackdropBlur]).toString()}},getOptions=()=>JSON.stringify(options).replace(/"/g,"'"),getXData=()=>`videoPlayer('${id}', '${finalVideo.format}', '${finalVideo.videoId}', ${getOptions()})`;rw.setRootElement({as:"div",class:classes.wrapper,args:{"x-data":getXData(),rwResourceDropZone:"video",id:globalID}}),globalID.length>0&&rw.addAnchor(globalID),rw.setProps({video:finalVideo,options:getOptions(),classes,hasVideo:!!video,isYouTube:(video==null?void 0:video.format)=="youtube",isVimeo:(video==null?void 0:video.format)=="vimeo",isMP4:(video==null?void 0:video.format)=="mp4",shouldAutoPlay:autoplay!="never",edit:rw.project.mode==="edit",id,hasThumbnail,hasDarkThumbnail,thumbnail,thumbnailDark,thumbnailAlt:thumbnailAlt||(video==null?void 0:video.name),wantsLightbox:wantsLightbox&&rw.project.mode!="edit"})};exports.transformHook=transformHook; diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.video/hooks.source.js b/packs/Core.elementsdevpack/components/com.realmacsoftware.video/hooks.source.js index 3a67da9..e314579 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.video/hooks.source.js +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.video/hooks.source.js @@ -15,6 +15,7 @@ const transformHook = (rw) => { loop, mute: muted, controls, + startAt, globalPadding, } = rw.props; @@ -29,6 +30,7 @@ const transformHook = (rw) => { muted, controls, wantsLightbox, + startAt: startAt || 0, }; if (video?.format == "mp4") { diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.video/properties.config.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.video/properties.config.json index 0eb3576..4639658 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.video/properties.config.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.video/properties.config.json @@ -57,6 +57,22 @@ "id": "loop", "responsive": false, "switch": {} + }, + { + "divider": {} + }, + { + "title": "Start At", + "heading": {} + }, + { + "title": "Time (seconds)", + "id": "startAt", + "responsive": false, + "number": { + "default": 0, + "subtitle": "Start playback at this time in seconds" + } } ] }, diff --git a/packs/Core.elementsdevpack/components/com.realmacsoftware.video/properties.json b/packs/Core.elementsdevpack/components/com.realmacsoftware.video/properties.json index e61477e..6db6aa1 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.video/properties.json +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.video/properties.json @@ -1 +1 @@ -{"groups":[{"title":"Video","icon":"play.rectangle","properties":[{"title":"Resource","id":"video","resource":{}},{"divider":{}},{"title":"Options","heading":{}},{"title":"Autoplay","id":"autoplay","responsive":false,"select":{"default":"never","items":[{"value":"immediate","title":"Immediately"},{"value":"viewport","title":"When in viewport"},{"value":"never","title":"Never"}]}},{"title":"Muted","id":"mute","responsive":false,"switch":{"default":true}},{"title":"Controls","id":"controls","responsive":false,"switch":{}},{"title":"Loop","id":"loop","responsive":false,"switch":{}}]},{"title":"Lightbox","icon":"square.filled.on.square","properties":[{"title":"Enable","id":"wantsLightbox","responsive":false,"switch":{"default":false}},{"visible":"wantsLightbox == true","title":"Backdrop","heading":{}},{"visible":"wantsLightbox == true","title":"Color","id":"videoLightboxColor","format":"bg-{{value}}","themeColor":{"default":{"name":"black","brightness":50}}},{"visible":"wantsLightbox == true","title":"Opacity","id":"videoLightboxColorOpacity","format":"bg-opacity-[{{value}}%]","responsive":false,"slider":{"default":"50","min":0,"max":100,"round":true,"snap":true,"units":"%"}},{"title":"Blur","id":"videoLightboxGlobalFiltersBackdropBlur","format":"backdrop-blur-[{{value}}px]","number":{"default":0,"subtitle":"In pixels"},"visible":"wantsLightbox == true"}]},{"title":"Thumbnail","icon":"photo","properties":[{"title":"Type","id":"imageType","segmented":{"default":"resource","items":[{"title":"Resource","value":"resource"},{"title":"Custom","value":"custom"},{"title":"CMS","value":"cms"}]}},{"title":"Mode","id":"imageMode","segmented":{"default":"light","items":[{"icon":"sun.max","value":"light"},{"icon":"moon","value":"dark"}]}},{"visible":"imageType == 'custom' && imageMode == 'light'","title":"Source","id":"imageCustomSource","text":{"default":""}},{"visible":"imageType == 'custom' && imageMode == 'dark'","title":"Source","id":"imageCustomSourceDark","text":{"default":""}},{"visible":"imageType == 'cms' && imageMode == 'light'","title":"Field","id":"imageCmsField","text":{"default":"{{item.image.src}}"}},{"visible":"imageType == 'cms' && imageMode == 'dark'","title":"Field","id":"imageCmsFieldDark","text":{"default":"{{item.image.src}}"}},{"visible":"imageType == 'resource' && imageMode == 'light'","title":"Image","id":"image","resource":{}},{"visible":"imageType == 'resource' && imageMode == 'dark'","title":"Image","id":"imageDark","resource":{}},{"title":"Alt","id":"imageAlt","responsive":false,"text":{"subtitle":"Used for SEO and accessibility","default":""}},{"divider":{}},{"title":"Overlay","heading":{}},{"title":"Color","id":"overlayColor","format":"bg-{{value}}","themeColor":{"default":{"name":"surface","brightness":50}}},{"title":"Opacity","id":"overlayOpacity","format":"bg-opacity-[{{value}}%] dark:bg-opacity-[{{value}}%]","slider":{"default":50,"min":0,"max":100,"round":true,"snap":true,"units":"%"}}]},{"title":"Aspect Ratio","icon":"aspectratio","properties":[{"title":"Aspect Ratio","id":"aspectRatio","format":"aspect-[{{value}}]","segmented":{"default":"auto","items":[{"title":"Auto","value":"auto","default":true},{"title":"Wide","value":"16/9"},{"title":"Tall","value":"4/5"},{"icon":"slider.horizontal.3","value":"custom"}]}},{"visible":"aspectRatio == 'custom'","title":"Custom Ratio","id":"aspectRatioCustom","format":"aspect-[{{value}}]","text":{"default":"7/5"}},{"visible":"aspectRatio == 'custom'","title":"An 'x/y' value such as 1/1 or 5/7.","information":{}},{"title":"Object Fit","id":"objectFit","format":"object-{{value}}","select":{"default":"cover","items":[{"title":"Fill","value":"fill"},{"title":"Contain","value":"contain"},{"title":"Cover","value":"cover"},{"title":"None","value":"none"},{"title":"Scale Down","value":"scale-down"}]},"visible":"aspectRatio != 'auto'"},{"title":"Position","id":"objectPosition","select":{"default":"object-center","items":[{"value":"object-bottom","title":"Bottom"},{"value":"object-[center_bottom]","title":"Bottom Center"},{"value":"object-center","title":"Center"},{"value":"object-left","title":"Left"},{"value":"object-[left_center]","title":"Left Center"},{"value":"object-left-bottom","title":"Left Bottom"},{"value":"object-left-top","title":"Left Top"},{"value":"object-right","title":"Right"},{"value":"object-[right_center]","title":"Right Center"},{"value":"object-right-bottom","title":"Right Bottom"},{"value":"object-right-top","title":"Right Top"},{"value":"object-top","title":"Top"},{"value":"object-[center_top]","title":"Top Center"}]},"visible":"aspectRatio != 'auto'"}]},{"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":"arrow.down.backward.and.arrow.up.forward.square","properties":[{"title":"Size","heading":{}},{"title":"Width","id":"globalWidth","format":"w-{{value}}","themeSpacing":{"mode":"single","default":{"base":{"value":"100%","custom":true}}}},{"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":"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":"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":"Borders","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":"Radius","id":"globalBordersRadius","format":"{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"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":"Radius","id":"globalBordersRadiusEnd","format":"hover:{{value}}","themeBorderRadius":{"default":{"base":{"topLeft":"Default","topRight":"Default","bottomLeft":"Default","bottomRight":"Default"}}},"visible":"(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]},{"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": "Video", "icon": "play.rectangle", "properties": [{"title": "Resource", "id": "video", "resource": {}}, {"divider": {}}, {"title": "Options", "heading": {}}, {"title": "Autoplay", "id": "autoplay", "responsive": false, "select": {"default": "never", "items": [{"value": "immediate", "title": "Immediately"}, {"value": "viewport", "title": "When in viewport"}, {"value": "never", "title": "Never"}]}}, {"title": "Muted", "id": "mute", "responsive": false, "switch": {"default": true}}, {"title": "Controls", "id": "controls", "responsive": false, "switch": {}}, {"title": "Loop", "id": "loop", "responsive": false, "switch": {}}, {"divider": {}}, {"title": "Start At", "heading": {}}, {"title": "Time (seconds)", "id": "startAt", "responsive": false, "number": {"default": 0, "subtitle": "Start playback at this time in seconds"}}]}, {"title": "Lightbox", "icon": "square.filled.on.square", "properties": [{"title": "Enable", "id": "wantsLightbox", "responsive": false, "switch": {"default": false}}, {"visible": "wantsLightbox == true", "title": "Backdrop", "heading": {}}, {"visible": "wantsLightbox == true", "title": "Color", "id": "videoLightboxColor", "format": "bg-{{value}}", "themeColor": {"default": {"name": "black", "brightness": 50}}}, {"visible": "wantsLightbox == true", "title": "Opacity", "id": "videoLightboxColorOpacity", "format": "bg-opacity-[{{value}}%]", "responsive": false, "slider": {"default": "50", "min": 0, "max": 100, "round": true, "snap": true, "units": "%"}}, {"title": "Blur", "id": "videoLightboxGlobalFiltersBackdropBlur", "format": "backdrop-blur-[{{value}}px]", "number": {"default": 0, "subtitle": "In pixels"}, "visible": "wantsLightbox == true"}]}, {"title": "Thumbnail", "icon": "photo", "properties": [{"title": "Type", "id": "imageType", "segmented": {"default": "resource", "items": [{"title": "Resource", "value": "resource"}, {"title": "Custom", "value": "custom"}, {"title": "CMS", "value": "cms"}]}}, {"title": "Mode", "id": "imageMode", "segmented": {"default": "light", "items": [{"icon": "sun.max", "value": "light"}, {"icon": "moon", "value": "dark"}]}}, {"visible": "imageType == 'custom' && imageMode == 'light'", "title": "Source", "id": "imageCustomSource", "text": {"default": ""}}, {"visible": "imageType == 'custom' && imageMode == 'dark'", "title": "Source", "id": "imageCustomSourceDark", "text": {"default": ""}}, {"visible": "imageType == 'cms' && imageMode == 'light'", "title": "Field", "id": "imageCmsField", "text": {"default": "{{item.image.src}}"}}, {"visible": "imageType == 'cms' && imageMode == 'dark'", "title": "Field", "id": "imageCmsFieldDark", "text": {"default": "{{item.image.src}}"}}, {"visible": "imageType == 'resource' && imageMode == 'light'", "title": "Image", "id": "image", "resource": {}}, {"visible": "imageType == 'resource' && imageMode == 'dark'", "title": "Image", "id": "imageDark", "resource": {}}, {"title": "Alt", "id": "imageAlt", "responsive": false, "text": {"subtitle": "Used for SEO and accessibility", "default": ""}}, {"divider": {}}, {"title": "Overlay", "heading": {}}, {"title": "Color", "id": "overlayColor", "format": "bg-{{value}}", "themeColor": {"default": {"name": "surface", "brightness": 50}}}, {"title": "Opacity", "id": "overlayOpacity", "format": "bg-opacity-[{{value}}%] dark:bg-opacity-[{{value}}%]", "slider": {"default": 50, "min": 0, "max": 100, "round": true, "snap": true, "units": "%"}}]}, {"title": "Aspect Ratio", "icon": "aspectratio", "properties": [{"title": "Aspect Ratio", "id": "aspectRatio", "format": "aspect-[{{value}}]", "segmented": {"default": "auto", "items": [{"title": "Auto", "value": "auto", "default": true}, {"title": "Wide", "value": "16/9"}, {"title": "Tall", "value": "4/5"}, {"icon": "slider.horizontal.3", "value": "custom"}]}}, {"visible": "aspectRatio == 'custom'", "title": "Custom Ratio", "id": "aspectRatioCustom", "format": "aspect-[{{value}}]", "text": {"default": "7/5"}}, {"visible": "aspectRatio == 'custom'", "title": "An 'x/y' value such as 1/1 or 5/7.", "information": {}}, {"title": "Object Fit", "id": "objectFit", "format": "object-{{value}}", "select": {"default": "cover", "items": [{"title": "Fill", "value": "fill"}, {"title": "Contain", "value": "contain"}, {"title": "Cover", "value": "cover"}, {"title": "None", "value": "none"}, {"title": "Scale Down", "value": "scale-down"}]}, "visible": "aspectRatio != 'auto'"}, {"title": "Position", "id": "objectPosition", "select": {"default": "object-center", "items": [{"value": "object-bottom", "title": "Bottom"}, {"value": "object-[center_bottom]", "title": "Bottom Center"}, {"value": "object-center", "title": "Center"}, {"value": "object-left", "title": "Left"}, {"value": "object-[left_center]", "title": "Left Center"}, {"value": "object-left-bottom", "title": "Left Bottom"}, {"value": "object-left-top", "title": "Left Top"}, {"value": "object-right", "title": "Right"}, {"value": "object-[right_center]", "title": "Right Center"}, {"value": "object-right-bottom", "title": "Right Bottom"}, {"value": "object-right-top", "title": "Right Top"}, {"value": "object-top", "title": "Top"}, {"value": "object-[center_top]", "title": "Top Center"}]}, "visible": "aspectRatio != 'auto'"}]}, {"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": "arrow.down.backward.and.arrow.up.forward.square", "properties": [{"title": "Size", "heading": {}}, {"title": "Width", "id": "globalWidth", "format": "w-{{value}}", "themeSpacing": {"mode": "single", "default": {"base": {"value": "100%", "custom": true}}}}, {"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": "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": "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": "Borders", "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": "Radius", "id": "globalBordersRadius", "format": "{{value}}", "themeBorderRadius": {"default": {"base": {"topLeft": "Default", "topRight": "Default", "bottomLeft": "Default", "bottomRight": "Default"}}}, "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": "Radius", "id": "globalBordersRadiusEnd", "format": "hover:{{value}}", "themeBorderRadius": {"default": {"base": {"topLeft": "Default", "topRight": "Default", "bottomLeft": "Default", "bottomRight": "Default"}}}, "visible": "(globalControlTypeBorders == 'hover' && globalBordersState == 'end')"}]}, {"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.video/templates/alpine.html b/packs/Core.elementsdevpack/components/com.realmacsoftware.video/templates/alpine.html index de40bcc..646324e 100644 --- a/packs/Core.elementsdevpack/components/com.realmacsoftware.video/templates/alpine.html +++ b/packs/Core.elementsdevpack/components/com.realmacsoftware.video/templates/alpine.html @@ -1,7 +1,7 @@ @portal(bodyEnd, id: "com.realmacsoftware.alpineData.video", includeOnce: true)