{"version":3,"file":"layoutControlGroup.U-UIic55.mjs","names":[],"sources":["https:/framerusercontent.com/modules/bUiHdxVcfcVGjr9WbTFe/GFabkZzFo1FYJpRoRRb5/layoutControlGroup.js"],"sourcesContent":["import{ControlType}from\"framer\";export function buildLayoutStylesFromGroup(layout){if(!layout)return{};let layoutStyle={};if(layout.background){layoutStyle.backgroundColor=layout.background;}if(layout.radius!==undefined){if(layout.radiusPerSide){layoutStyle.borderRadius=`${layout.radiusTopLeft??0}px ${layout.radiusTopRight??0}px ${layout.radiusBottomRight??0}px ${layout.radiusBottomLeft??0}px`;}else{layoutStyle.borderRadius=`${layout.radius}px`;}}const gapX=layout.gap??8;const gapY=layout.gapY??gapX;switch(layout.type||\"stack\"){case\"stack\":{const isVertical=layout.direction===\"vertical\";layoutStyle={...layoutStyle,display:\"flex\",flexDirection:isVertical?\"column\":\"row\",flexWrap:layout.wrap?\"wrap\":\"nowrap\",alignItems:isVertical?layout.align:layout.alignH,justifyContent:layout.distribute,gap:!isVertical&&layout.wrap&&gapY>0?`${gapY}px ${gapX}px`:isVertical?`${gapY}px`:gapX,padding:layout.paddingPerSide?`${layout.paddingTop??0}px ${layout.paddingRight??0}px ${layout.paddingBottom??0}px ${layout.paddingLeft??0}px`:`${layout.padding??0}px`,width:\"100%\",position:\"relative\"};break;}case\"grid\":default:{let gridTemplateColumns=\"\";if(layout.columns===\"auto\"){const maxColumns=layout.maxColumns??4;const gridWidth=layout.gridWidth??300;gridTemplateColumns=`repeat(auto-fill, minmax(max(${gridWidth}px, calc((100% - ${gapX*(maxColumns-1)}px) / ${maxColumns})), 1fr))`;}else{gridTemplateColumns=`repeat(${layout.columnCount??3}, 1fr)`;}layoutStyle={...layoutStyle,display:\"grid\",gridTemplateColumns,justifyItems:layout.gridAlign,gridAutoFlow:\"row\",gridAutoColumns:\"1fr\",gap:gapY>0?`${gapY}px ${gapX}px`:`${gapX}px`,padding:layout.paddingPerSide?`${layout.paddingTop??0}px ${layout.paddingRight??0}px ${layout.paddingBottom??0}px ${layout.paddingLeft??0}px`:`${layout.padding??0}px`,width:\"100%\",position:\"relative\"};break;}}return layoutStyle;}export function createLayoutControlGroup(options={}){return{type:ControlType.Object,title:\"Layout\",optional:true,controls:{type:{type:ControlType.Enum,defaultValue:\"grid\",options:[\"stack\",\"grid\"],optionTitles:[\"Stack\",\"Grid\"],displaySegmentedControl:true},// Stack specific controls\ndirection:{type:ControlType.Enum,defaultValue:\"vertical\",options:[\"horizontal\",\"vertical\"],optionTitles:[\"Horizontal\",\"Vertical\"],optionIcons:[\"direction-horizontal\",\"direction-vertical\"],displaySegmentedControl:true,hidden:props=>props.type!==\"stack\"},wrap:{type:ControlType.Boolean,defaultValue:false,title:\"Wrap\",hidden:props=>props.type!==\"stack\"},stackMinWidth:{type:ControlType.Number,defaultValue:200,min:1,max:1e3,step:1,title:\"Min Width\",hidden:props=>props.type!==\"stack\"||!props.wrap},distribute:{type:ControlType.Enum,defaultValue:\"start\",options:[\"start\",\"center\",\"end\",\"space-between\",\"space-around\",\"space-evenly\"],optionTitles:[\"Start\",\"Center\",\"End\",\"Space Between\",\"Space Around\",\"Space Evenly\"],hidden:props=>props.type!==\"stack\"},align:{type:ControlType.Enum,defaultValue:\"start\",options:[\"start\",\"center\",\"end\"],optionTitles:[\"Start\",\"Center\",\"End\"],optionIcons:[\"align-left\",\"align-center\",\"align-right\"],displaySegmentedControl:true,hidden:props=>props.type!==\"stack\"||props.direction!==\"vertical\"},alignH:{type:ControlType.Enum,defaultValue:\"start\",options:[\"start\",\"center\",\"end\"],optionTitles:[\"Top\",\"Center\",\"Bottom\"],optionIcons:[\"align-top\",\"align-middle\",\"align-bottom\"],displaySegmentedControl:true,title:\"Align\",hidden:props=>props.type!==\"stack\"||props.direction!==\"horizontal\"},// Grid specific controls\ncolumns:{type:ControlType.Enum,defaultValue:\"fixed\",options:[\"auto\",\"fixed\"],optionTitles:[\"Auto\",\"Fixed\"],displaySegmentedControl:true,hidden:props=>props.type!==\"grid\"},columnCount:{type:ControlType.Number,defaultValue:3,min:1,step:1,displayStepper:true,title:\"Columns\",hidden:props=>props.type!==\"grid\"||props.columns===\"auto\"},gridWidth:{type:ControlType.Number,defaultValue:300,min:1,max:1e3,step:1,title:\"Min Width\",hidden:props=>props.type!==\"grid\"||props.columns===\"fixed\"},maxColumns:{type:ControlType.Number,defaultValue:4,min:1,step:1,title:\"Max Col\",displayStepper:true,hidden:props=>props.type!==\"grid\"||props.columns===\"fixed\"},gridAlign:{type:ControlType.Enum,defaultValue:\"center\",options:[\"start\",\"center\",\"end\"],optionTitles:[\"Left\",\"Center\",\"Right\"],displaySegmentedControl:true,title:\"Align\",hidden:props=>props.type!==\"grid\"},// Common controls\ngap:{type:ControlType.Number,defaultValue:24,min:0,step:1,title:\"Gap X\"},gapY:{type:ControlType.Number,defaultValue:8,min:0,step:1,title:\"Gap Y\",hidden:props=>options.alwaysShowGapY?false:props.type!==\"grid\"&&!(props.type===\"stack\"&&props.direction===\"horizontal\"&&props.wrap)},padding:{type:ControlType.FusedNumber,title:\"Padding\",defaultValue:0,min:0,toggleKey:\"paddingPerSide\",toggleTitles:[\"All\",\"Sides\"],valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"]},radius:{type:ControlType.FusedNumber,title:\"Radius\",defaultValue:0,min:0,toggleKey:\"radiusPerSide\",toggleTitles:[\"All\",\"Sides\"],valueKeys:[\"radiusTopLeft\",\"radiusTopRight\",\"radiusBottomRight\",\"radiusBottomLeft\"],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"]},background:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF00\"}}};}\nexport const __FramerMetadata__ = {\"exports\":{\"LayoutControlGroupOptions\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"buildLayoutStylesFromGroup\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"createLayoutControlGroup\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"LayoutControlGroupValues\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./layoutControlGroup.map"],"mappings":"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"}