@cntrl-site/components 1.0.11-alpha.3 → 1.0.11-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -3570,7 +3570,8 @@ const STATE_KEYS = ['hover', 'focus', 'filled', 'success', 'error'] as const;\r
3570
3570
  }
3571
3571
 
3572
3572
  .${e}-list-item {
3573
- display: block;
3573
+ display: flex;
3574
+ align-items: stretch;
3574
3575
  width: 100%;
3575
3576
  overflow: visible;
3576
3577
  position: relative;
@@ -3732,7 +3733,7 @@ a.${e}-list-item {
3732
3733
  overflow-wrap: anywhere;
3733
3734
  word-break: break-word;
3734
3735
  }
3735
- `}const Gr=["AColumn","BColumn","CColumn","DColumn","EColumn"],xt=["AColumnWidth","BColumn","CColumn","DColumn","EColumn"],Ur=.004,qr=.004,Kr=.004,Ro=50,kl=1440,vn=Ro/kl,Lt={AColumnWidth:.02,BColumn:.02,CColumn:.02,DColumn:.02,EColumn:.02};function Zn(e){const t=typeof e.wrapperWidth=="number"?e.wrapperWidth:1,n=typeof e.wrapperPaddingLeft=="number"?e.wrapperPaddingLeft:0,r=typeof e.wrapperPaddingRight=="number"?e.wrapperPaddingRight:0;return Math.max(0,t-n-r)}function Fl(e,t=1){const n=t/e;return Object.fromEntries(xt.map(r=>[r,n]))}function Wl(e){return Object.fromEntries(xt.map(t=>[t,typeof e[t]=="number"?e[t]:Lt[t]]))}function Po(e,t,n){if(e<=0)return[];const r=xt.slice(0,e).map(d=>n[d]);if(e===1)return r;const o=r.slice(0,e-1),i=o.reduce((d,u)=>d+u,0)+vn;if(t>=i)return r;const l=[...o];let c=i-t;for(let d=l.length-1;d>=0&&c>0;d-=1){const u=l[d]-vn;if(u<=0)continue;const T=Math.min(c,u);l[d]-=T,c-=T}return[...l,r[e-1]]}function Rl(e,t,n){if(e<=1)return{};const r=Po(e,t,n),o={};for(let s=0;s<e-1;s+=1){const i=xt[s];r[s]!==n[i]&&(o[i]=r[s])}return o}function Pl(e,t){const n=e.columns,r=t.columns,o=Zn(e),s=Zn(t);if(typeof n=="number"&&n!==r)return{...e,...Fl(n,o)};if(o<s){const i=typeof n=="number"?n:typeof r=="number"?r:void 0;if(typeof i=="number"){const l=Wl({...t,...e});return{...e,...Rl(i,o,l)}}}return e}function Ml(e,t,n,r){const o=t.slice(0,e).reduce((i,l)=>i+l,0),s=n.slice(e+1,t.length-1).reduce((i,l)=>i+l,0);return Math.max(vn,r-o-s-vn)}function Hl(e,t){return Math.random()*(t-e)+e}function Nl({settings:e,content:t,isEditor:n,isPreviewMode:r,metadata:o,activeEvent:s,layoutId:i,onUpdateSettings:l}){const{prefix:c}=S.useScopedStyles(),{columns:d,wrapperWidth:u,entriesCount:T,cellMinHeight:C,dividerWidth:h,cut:p,showCut:g,cutCellMinHeight:$,cutLabel:v,imageSize:y,imageOnHover:E,entryHoverEffect:B,rowPaddingTop:R,rowPaddingBottom:_,wrapperPaddingLeft:f,wrapperPaddingRight:x,AColumnWidth:L,BColumn:j,CColumn:I,DColumn:P,EColumn:H,columnsOrder:z,textColor:D,textFontFamily:b,textFontSettings:k,textFontSize:F,textLineHeight:W,textLetterSpacing:A,textWordSpacing:N,textTextAppearance:Z,backgroundColor:le,dividerColor:ne,textHoverColor:de,backgroundHoverColor:M,dividerHoverColor:te}=e,[fe,me]=m.useState(void 0),[ge,q]=m.useState(null),ie=E==="On",O=(p??0)>0;m.useEffect(()=>{me(void 0)},[p,g,t,T]);const w=F??.01,G=w*1.2,Y=Math.max(W??w,G),J={fontSettings:{fontFamily:b,fontWeight:(k==null?void 0:k.fontWeight)??400,fontStyle:(k==null?void 0:k.fontStyle)??"normal"},fontSize:w,lineHeight:Y,letterSpacing:A??0,wordSpacing:N??0,textAppearance:Z,color:D},oe={...it(Be(J,n))},re=S.buildColorVars(c,{textColor:D,backgroundColor:le,dividerColor:ne,textHoverColor:de,backgroundHoverColor:M,dividerHoverColor:te},Ol,jl),ce=s&&s!=="default"?`${c}-state-${s}`:"",X=`${B==="Default"?`${c}-entry-hover-default`:B==="Blinds"?`${c}-entry-hover-blinds`:""} ${ce}`.trim(),K=m.useRef(null),se=m.useRef(e);m.useEffect(()=>{if(!l||!n){se.current=e;return}const we=se.current,Ae=Pl(e,we);se.current=e,Ae!==e&&l(Ae)},[e,l,n]);const Q={AColumnWidth:L??Lt.AColumnWidth,BColumn:j??Lt.BColumn,CColumn:I??Lt.CColumn,DColumn:P??Lt.DColumn,EColumn:H??Lt.EColumn},ue=m.useMemo(()=>Array.isArray(z)&&z.length>0?z:[...Gr],[z]),Se=m.useMemo(()=>ue.slice(0,d).map((we,Ae)=>({key:we,widthKey:xt[Ae],width:Q[xt[Ae]]})),[d,ue,L,j,I,P,H]),Te=f??0,Re=x??0,Pe=Zn(e),ve=m.useMemo(()=>xt.slice(0,d).map(we=>Q[we]),[d,L,j,I,P,H]),Ee=m.useMemo(()=>Po(d,Pe,Q),[d,Pe,L,j,I,P,H]),Ie=m.useMemo(()=>{const we=T===0?1/0:T;return(t??[]).slice(0,we).map((he,Fe)=>({id:Fe,cells:Object.fromEntries(Gr.map(Ne=>[Ne,he[Ne]??""])),image:he.image,link:he.link}))},[t,T]),Ce=O?fe??p:Ie.length,Me=m.useMemo(()=>O?Ie.slice(0,Ce):Ie,[Ie,O,Ce]),be=O&&Ce<Ie.length,He=()=>{const we=fe??p;if(!g){me(Ie.length);return}me(Math.min(we+g,Ie.length))},_e=we=>S.scalingValue(we,n??!1),ke=R??0,ze=_??0,Xe=Math.max(ke,qr),lt=Math.max(ze,qr),et=Math.max(Te,Kr),kn=Math.max(Re,Kr),Fn={paddingLeft:_e(Te),paddingRight:_e(Re)},Wn=we=>{if(!ie)return;const Ae=we.image;if(!(Ae!=null&&Ae.url)){q(null);return}if((ge==null?void 0:ge.rowId)===we.id)return;const he=(y==null?void 0:y.min)??80,Fe=(y==null?void 0:y.max)??320;q({rowId:we.id,url:Ae.url,objectFit:Ae.objectFit??"cover",widthPx:Hl(he,Fe)})},tn=()=>{q(null)};return a.jsxs(a.Fragment,{children:[a.jsx("style",{dangerouslySetInnerHTML:{__html:Al(c)}}),a.jsx("div",{style:re,children:a.jsxs("div",{ref:K,className:`${c}-wrapper ${X}`.trim(),style:{width:S.scalingValue(u??0,n)},onMouseLeave:ie?tn:void 0,children:[n&&a.jsx("div",{"data-controls":"wrapperPaddingLeft","data-controls-axis":"x","data-controls-min":"0","data-controls-no-highlight":"",className:`${c}-wrapper-padding-handle`,style:{position:"absolute",top:0,left:0,width:_e(et),height:"100%",pointerEvents:"auto",zIndex:4}}),n&&a.jsx("div",{"data-controls":"wrapperPaddingRight","data-controls-axis":"x","data-controls-reverse":"","data-controls-min":"0","data-controls-no-highlight":"",className:`${c}-wrapper-padding-handle`,style:{position:"absolute",top:0,right:0,width:_e(kn),height:"100%",pointerEvents:"auto",zIndex:4}}),a.jsxs("div",{style:{width:"100%"},children:[Me.map((we,Ae)=>{var Oe;const he=(((Oe=we.link)==null?void 0:Oe.length)??0)>0,Fe=he?"a":"div",Ne={minHeight:_e(C??0),paddingTop:_e(ke),paddingBottom:_e(ze),borderBottomWidth:S.scalingValue(h??0,n),...Ae===0?{borderTopWidth:S.scalingValue(h??0,n)}:{}};return a.jsxs(Fe,{className:`${c}-list-item`,...he?{href:we.link,target:"_blank"}:{},style:Ne,onMouseEnter:ie?()=>Wn(we):void 0,children:[n&&a.jsx("div",{"data-controls":"rowPaddingTop","data-controls-axis":"y","data-controls-min":"0","data-controls-no-highlight":"",className:`${c}-row-padding-handle`,style:{position:"absolute",top:0,left:0,width:"100%",height:_e(Xe),pointerEvents:"auto",zIndex:3}}),a.jsx("div",{className:`${c}-list-cols-row`,style:Fn,children:Se.map((Ue,Rn)=>{const Pn=Rn===Se.length-1,Mo=Ee[Rn],Ho=Ml(Rn,Ee,ve,Pe);return a.jsxs("div",{className:`${c}-list-col${Pn?` ${c}-list-col-last`:""}`,style:Pn?void 0:{width:_e(Mo)},"data-test":Ue.width,children:[a.jsx("span",{className:`${c}-list-col-title`,style:oe,children:we.cells[Ue.key]??null}),n&&!Pn&&a.jsx("div",{"data-controls":Ue.widthKey,"data-controls-axis":"x","data-controls-min":String(Ro),"data-controls-max-fraction":String(Ho),"data-controls-no-highlight":"",className:`${c}-col-resize-handle`,style:{position:"absolute",top:0,left:`calc(100% - ${_e(Ur/2)})`,width:_e(Ur),height:"100%",pointerEvents:"auto",zIndex:2}})]},Ue.key)})}),n&&a.jsx("div",{"data-controls":"rowPaddingBottom","data-controls-axis":"y","data-controls-min":"0","data-controls-no-highlight":"",className:`${c}-row-padding-handle`,style:{position:"absolute",bottom:0,left:0,width:"100%",height:_e(lt),pointerEvents:"auto",zIndex:3}})]},we.id)}),be&&a.jsx("div",{className:`${c}-cut-item`,style:{minHeight:_e($??0),borderBottomWidth:S.scalingValue(h??0,n)},children:a.jsx("div",{className:`${c}-list-cols-row`,style:{...Fn,justifyContent:"center"},children:a.jsx("button",{type:"button",className:`${c}-cut-label`,style:oe,onClick:He,children:v})})})]}),ie&&ge&&a.jsx("img",{className:`${c}-hover-image`,src:ge.url,alt:"",style:{width:dn(ge.widthPx),objectFit:ge.objectFit}})]})})]})}const Ol={textColor:"text-color",backgroundColor:"background-color",dividerColor:"divider-color",textHoverColor:"text-hover-color",backgroundHoverColor:"background-hover-color",dividerHoverColor:"divider-hover-color"},jl=["hover","focus","filled","success","error"],zl=`import { Splide, SplideSlide } from '@splidejs/react-splide';\r
3736
+ `}const Gr=["AColumn","BColumn","CColumn","DColumn","EColumn"],xt=["AColumnWidth","BColumn","CColumn","DColumn","EColumn"],Ur=.004,qr=.004,Kr=.004,Ro=50,kl=1440,vn=Ro/kl,Lt={AColumnWidth:.02,BColumn:.02,CColumn:.02,DColumn:.02,EColumn:.02};function Zn(e){const t=typeof e.wrapperWidth=="number"?e.wrapperWidth:1,n=typeof e.wrapperPaddingLeft=="number"?e.wrapperPaddingLeft:0,r=typeof e.wrapperPaddingRight=="number"?e.wrapperPaddingRight:0;return Math.max(0,t-n-r)}function Fl(e,t=1){const n=t/e;return Object.fromEntries(xt.map(r=>[r,n]))}function Wl(e){return Object.fromEntries(xt.map(t=>[t,typeof e[t]=="number"?e[t]:Lt[t]]))}function Po(e,t,n){if(e<=0)return[];const r=xt.slice(0,e).map(d=>n[d]);if(e===1)return r;const o=r.slice(0,e-1),i=o.reduce((d,u)=>d+u,0)+vn;if(t>=i)return r;const l=[...o];let c=i-t;for(let d=l.length-1;d>=0&&c>0;d-=1){const u=l[d]-vn;if(u<=0)continue;const T=Math.min(c,u);l[d]-=T,c-=T}return[...l,r[e-1]]}function Rl(e,t,n){if(e<=1)return{};const r=Po(e,t,n),o={};for(let s=0;s<e-1;s+=1){const i=xt[s];r[s]!==n[i]&&(o[i]=r[s])}return o}function Pl(e,t){const n=e.columns,r=t.columns,o=Zn(e),s=Zn(t);if(typeof n=="number"&&n!==r)return{...e,...Fl(n,o)};if(o<s){const i=typeof n=="number"?n:typeof r=="number"?r:void 0;if(typeof i=="number"){const l=Wl({...t,...e});return{...e,...Rl(i,o,l)}}}return e}function Ml(e,t,n,r){const o=t.slice(0,e).reduce((i,l)=>i+l,0),s=n.slice(e+1,t.length-1).reduce((i,l)=>i+l,0);return Math.max(vn,r-o-s-vn)}function Hl(e,t){return Math.random()*(t-e)+e}function Nl({settings:e,content:t,isEditor:n,isPreviewMode:r,metadata:o,activeEvent:s,layoutId:i,onUpdateSettings:l}){const{prefix:c}=S.useScopedStyles(),{columns:d,wrapperWidth:u,entriesCount:T,cellMinHeight:C,dividerWidth:h,cut:p,showCut:g,cutCellMinHeight:$,cutLabel:v,imageSize:y,imageOnHover:E,entryHoverEffect:B,rowPaddingTop:R,rowPaddingBottom:_,wrapperPaddingLeft:f,wrapperPaddingRight:x,AColumnWidth:L,BColumn:j,CColumn:I,DColumn:P,EColumn:H,columnsOrder:z,textColor:D,textFontFamily:b,textFontSettings:k,textFontSize:F,textLineHeight:W,textLetterSpacing:A,textWordSpacing:N,textTextAppearance:Z,backgroundColor:le,dividerColor:ne,textHoverColor:de,backgroundHoverColor:M,dividerHoverColor:te}=e,[fe,me]=m.useState(void 0),[ge,q]=m.useState(null),ie=E==="On",O=(p??0)>0;m.useEffect(()=>{me(void 0)},[p,g,t,T]);const w=F??.01,G=w*1.2,Y=Math.max(W??w,G),J={fontSettings:{fontFamily:b,fontWeight:(k==null?void 0:k.fontWeight)??400,fontStyle:(k==null?void 0:k.fontStyle)??"normal"},fontSize:w,lineHeight:Y,letterSpacing:A??0,wordSpacing:N??0,textAppearance:Z,color:D},oe={...it(Be(J,n))},re=S.buildColorVars(c,{textColor:D,backgroundColor:le,dividerColor:ne,textHoverColor:de,backgroundHoverColor:M,dividerHoverColor:te},Ol,jl),ce=s&&s!=="default"?`${c}-state-${s}`:"",X=`${B==="Default"?`${c}-entry-hover-default`:B==="Blinds"?`${c}-entry-hover-blinds`:""} ${ce}`.trim(),K=m.useRef(null),se=m.useRef(e);m.useEffect(()=>{if(!l||!n){se.current=e;return}const we=se.current,Ae=Pl(e,we);se.current=e,Ae!==e&&l(Ae)},[e,l,n]);const Q={AColumnWidth:L??Lt.AColumnWidth,BColumn:j??Lt.BColumn,CColumn:I??Lt.CColumn,DColumn:P??Lt.DColumn,EColumn:H??Lt.EColumn},ue=m.useMemo(()=>Array.isArray(z)&&z.length>0?z:[...Gr],[z]),Se=m.useMemo(()=>ue.slice(0,d).map((we,Ae)=>({key:we,widthKey:xt[Ae],width:Q[xt[Ae]]})),[d,ue,L,j,I,P,H]),Te=f??0,Re=x??0,Pe=Zn(e),ve=m.useMemo(()=>xt.slice(0,d).map(we=>Q[we]),[d,L,j,I,P,H]),Ee=m.useMemo(()=>Po(d,Pe,Q),[d,Pe,L,j,I,P,H]),Ie=m.useMemo(()=>{const we=T===0?1/0:T;return(t??[]).slice(0,we).map((he,Fe)=>({id:Fe,cells:Object.fromEntries(Gr.map(Ne=>[Ne,he[Ne]??""])),image:he.image,link:he.link}))},[t,T]),Ce=O?fe??p:Ie.length,Me=m.useMemo(()=>O?Ie.slice(0,Ce):Ie,[Ie,O,Ce]),be=O&&Ce<Ie.length,He=()=>{const we=fe??p;if(!g){me(Ie.length);return}me(Math.min(we+g,Ie.length))},_e=we=>S.scalingValue(we,n??!1),ke=R??0,ze=_??0,Xe=Math.max(ke,qr),lt=Math.max(ze,qr),et=Math.max(Te,Kr),kn=Math.max(Re,Kr),Fn={paddingLeft:_e(Te),paddingRight:_e(Re)},Wn=we=>{if(!ie)return;const Ae=we.image;if(!(Ae!=null&&Ae.url)){q(null);return}if((ge==null?void 0:ge.rowId)===we.id)return;const he=(y==null?void 0:y.min)??80,Fe=(y==null?void 0:y.max)??320;q({rowId:we.id,url:Ae.url,objectFit:Ae.objectFit??"cover",widthPx:Hl(he,Fe)})},tn=()=>{q(null)};return a.jsxs(a.Fragment,{children:[a.jsx("style",{dangerouslySetInnerHTML:{__html:Al(c)}}),a.jsx("div",{style:re,children:a.jsxs("div",{ref:K,className:`${c}-wrapper ${X}`.trim(),style:{width:S.scalingValue(u??0,n)},onMouseLeave:ie?tn:void 0,children:[n&&a.jsx("div",{"data-controls":"wrapperPaddingLeft","data-controls-axis":"x","data-controls-min":"0","data-controls-no-highlight":"",className:`${c}-wrapper-padding-handle`,style:{position:"absolute",top:0,left:0,width:_e(et),height:"100%",pointerEvents:"auto",zIndex:4}}),n&&a.jsx("div",{"data-controls":"wrapperPaddingRight","data-controls-axis":"x","data-controls-reverse":"","data-controls-min":"0","data-controls-no-highlight":"",className:`${c}-wrapper-padding-handle`,style:{position:"absolute",top:0,right:0,width:_e(kn),height:"100%",pointerEvents:"auto",zIndex:4}}),a.jsxs("div",{style:{width:"100%"},children:[Me.map((we,Ae)=>{var Oe;const he=(((Oe=we.link)==null?void 0:Oe.length)??0)>0,Fe=he?"a":"div",Ne={paddingTop:_e(ke),paddingBottom:_e(ze),borderBottomWidth:S.scalingValue(h??0,n),...Ae===0?{borderTopWidth:S.scalingValue(h??0,n)}:{}};return a.jsxs(Fe,{className:`${c}-list-item`,...he?{href:we.link,target:"_blank"}:{},style:Ne,onMouseEnter:ie?()=>Wn(we):void 0,children:[n&&a.jsx("div",{"data-controls":"rowPaddingTop","data-controls-axis":"y","data-controls-min":"0","data-controls-no-highlight":"",className:`${c}-row-padding-handle`,style:{position:"absolute",top:0,left:0,width:"100%",height:_e(Xe),pointerEvents:"auto",zIndex:3}}),a.jsx("div",{className:`${c}-list-cols-row`,style:{...Fn,minHeight:_e(C??0)},children:Se.map((Ue,Rn)=>{const Pn=Rn===Se.length-1,Mo=Ee[Rn],Ho=Ml(Rn,Ee,ve,Pe);return a.jsxs("div",{className:`${c}-list-col${Pn?` ${c}-list-col-last`:""}`,style:Pn?void 0:{width:_e(Mo)},"data-test":Ue.width,children:[a.jsx("span",{className:`${c}-list-col-title`,style:oe,children:we.cells[Ue.key]??null}),n&&!Pn&&a.jsx("div",{"data-controls":Ue.widthKey,"data-controls-axis":"x","data-controls-min":String(Ro),"data-controls-max-fraction":String(Ho),"data-controls-no-highlight":"",className:`${c}-col-resize-handle`,style:{position:"absolute",top:0,left:`calc(100% - ${_e(Ur/2)})`,width:_e(Ur),height:"100%",pointerEvents:"auto",zIndex:2}})]},Ue.key)})}),n&&a.jsx("div",{"data-controls":"rowPaddingBottom","data-controls-axis":"y","data-controls-min":"0","data-controls-no-highlight":"",className:`${c}-row-padding-handle`,style:{position:"absolute",bottom:0,left:0,width:"100%",height:_e(lt),pointerEvents:"auto",zIndex:3}})]},we.id)}),be&&a.jsx("div",{className:`${c}-cut-item`,style:{minHeight:_e($??0),borderBottomWidth:S.scalingValue(h??0,n)},children:a.jsx("div",{className:`${c}-list-cols-row`,style:{...Fn,justifyContent:"center"},children:a.jsx("button",{type:"button",className:`${c}-cut-label`,style:oe,onClick:He,children:v})})})]}),ie&&ge&&a.jsx("img",{className:`${c}-hover-image`,src:ge.url,alt:"",style:{width:dn(ge.widthPx),objectFit:ge.objectFit}})]})})]})}const Ol={textColor:"text-color",backgroundColor:"background-color",dividerColor:"divider-color",textHoverColor:"text-hover-color",backgroundHoverColor:"background-hover-color",dividerHoverColor:"divider-hover-color"},jl=["hover","focus","filled","success","error"],zl=`import { Splide, SplideSlide } from '@splidejs/react-splide';\r
3736
3737
  import '@splidejs/react-splide/css/core';\r
3737
3738
  import { CommonComponentProps } from '../props';\r
3738
3739
  import { buildColorVars, scalingValue, useScopedStyles } from '../utils/index';\r
@@ -3765,7 +3766,8 @@ function getCSS(P: string): string {\r
3765
3766
  }\r
3766
3767
  \r
3767
3768
  .\${P}-list-item {\r
3768
- display: block;\r
3769
+ display: flex;\r
3770
+ align-items: stretch;\r
3769
3771
  width: 100%;\r
3770
3772
  overflow: visible;\r
3771
3773
  position: relative;\r
@@ -4468,7 +4470,6 @@ export function List({ settings, content, isEditor, isPreviewMode, metadata, act
4468
4470
  const hasLink = (row.link?.length ?? 0) > 0;\r
4469
4471
  const RowElement = hasLink ? 'a' : 'div';\r
4470
4472
  const rowStyle = {\r
4471
- minHeight: scaled(cellMinHeight ?? 0),\r
4472
4473
  paddingTop: scaled(resolvedRowPaddingTop),\r
4473
4474
  paddingBottom: scaled(resolvedRowPaddingBottom),\r
4474
4475
  borderBottomWidth: scalingValue(dividerWidth ?? 0, isEditor),\r
@@ -4501,7 +4502,7 @@ export function List({ settings, content, isEditor, isPreviewMode, metadata, act
4501
4502
  }}\r
4502
4503
  />\r
4503
4504
  )}\r
4504
- <div className={\`\${P}-list-cols-row\`} style={columnsRowStyle}>\r
4505
+ <div className={\`\${P}-list-cols-row\`} style={{ ...columnsRowStyle, minHeight: scaled(cellMinHeight ?? 0) }}>\r
4505
4506
  {listColumns.map((col, colIndex) => {\r
4506
4507
  const isLastColumn = colIndex === listColumns.length - 1;\r
4507
4508
  const columnWidth = resolvedColumnWidths[colIndex];\r
package/dist/index.mjs CHANGED
@@ -12757,7 +12757,8 @@ function Bs(e) {
12757
12757
  }
12758
12758
 
12759
12759
  .${e}-list-item {
12760
- display: block;
12760
+ display: flex;
12761
+ align-items: stretch;
12761
12762
  width: 100%;
12762
12763
  overflow: visible;
12763
12764
  position: relative;
@@ -13229,7 +13230,6 @@ function Ys({ settings: e, content: t, isEditor: n, isPreviewMode: r, metadata:
13229
13230
  Oe.map((_e, Fe) => {
13230
13231
  var De;
13231
13232
  const fe = (((De = _e.link) == null ? void 0 : De.length) ?? 0) > 0, Re = fe ? "a" : "div", Be = {
13232
- minHeight: Ie(x ?? 0),
13233
13233
  paddingTop: Ie(Pe),
13234
13234
  paddingBottom: Ie(Ge),
13235
13235
  borderBottomWidth: _(g ?? 0, n),
@@ -13262,7 +13262,7 @@ function Ys({ settings: e, content: t, isEditor: n, isPreviewMode: r, metadata:
13262
13262
  }
13263
13263
  }
13264
13264
  ),
13265
- /* @__PURE__ */ p("div", { className: `${s}-list-cols-row`, style: Vn, children: $e.map((Ze, Gn) => {
13265
+ /* @__PURE__ */ p("div", { className: `${s}-list-cols-row`, style: { ...Vn, minHeight: Ie(x ?? 0) }, children: $e.map((Ze, Gn) => {
13266
13266
  const Un = Gn === $e.length - 1, Ko = ke[Gn], Yo = qs(
13267
13267
  Gn,
13268
13268
  ke,
@@ -13418,7 +13418,8 @@ function getCSS(P: string): string {\r
13418
13418
  }\r
13419
13419
  \r
13420
13420
  .\${P}-list-item {\r
13421
- display: block;\r
13421
+ display: flex;\r
13422
+ align-items: stretch;\r
13422
13423
  width: 100%;\r
13423
13424
  overflow: visible;\r
13424
13425
  position: relative;\r
@@ -14121,7 +14122,6 @@ export function List({ settings, content, isEditor, isPreviewMode, metadata, act
14121
14122
  const hasLink = (row.link?.length ?? 0) > 0;\r
14122
14123
  const RowElement = hasLink ? 'a' : 'div';\r
14123
14124
  const rowStyle = {\r
14124
- minHeight: scaled(cellMinHeight ?? 0),\r
14125
14125
  paddingTop: scaled(resolvedRowPaddingTop),\r
14126
14126
  paddingBottom: scaled(resolvedRowPaddingBottom),\r
14127
14127
  borderBottomWidth: scalingValue(dividerWidth ?? 0, isEditor),\r
@@ -14154,7 +14154,7 @@ export function List({ settings, content, isEditor, isPreviewMode, metadata, act
14154
14154
  }}\r
14155
14155
  />\r
14156
14156
  )}\r
14157
- <div className={\`\${P}-list-cols-row\`} style={columnsRowStyle}>\r
14157
+ <div className={\`\${P}-list-cols-row\`} style={{ ...columnsRowStyle, minHeight: scaled(cellMinHeight ?? 0) }}>\r
14158
14158
  {listColumns.map((col, colIndex) => {\r
14159
14159
  const isLastColumn = colIndex === listColumns.length - 1;\r
14160
14160
  const columnWidth = resolvedColumnWidths[colIndex];\r
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cntrl-site/components",
3
- "version": "1.0.11-alpha.3",
3
+ "version": "1.0.11-alpha.5",
4
4
  "description": "Custom components for control editor and public websites.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",